← Back to Test Site

Page 4: ARIA and Language Issues

This page contains accessibility issues related to ARIA misuse and missing language declarations. Note: This page itself is missing the lang attribute on the <html> element.

Incorrect ARIA Role Usage

The following elements have incorrect or misused ARIA roles:

Correct ARIA Usage (for comparison)

Proper checkbox with label

Custom Widgets with Incomplete ARIA

These custom widgets are missing important ARIA attributes:

Tab 1

Tab 2

Tab 3

Missing Language Information

This entire page is missing the lang attribute on the <html> element.

It should have: <html lang="en">

This affects screen readers' pronunciation and text-to-speech accuracy.

Summary of Issues on This Page

Missing lang attribute on html element (entire page)
div with role="button" instead of using button element
span with role="link" instead of using a element
div with role="heading" and invalid aria-level
button with role="checkbox" (conflicting roles)
tablist with incomplete ARIA attributes (missing aria-selected, aria-controls)
Expected violations: html-lang-valid, button-name, link-name, aria-roles