|
Active
|
[aria-*] attributes match their roles
Accessibility attributes are only used where they are supported.
|
|
Active
|
button, link, and menuitem elements have accessible names
Buttons, links, and menu items have labels that screen readers can announce.
|
|
Active
|
ARIA attributes are used as specified for the element's role
Accessibility attributes are only used when the element's role allows them.
|
|
Active
|
Deprecated ARIA roles were not used
Accessibility roles use current, supported values.
|
|
Active
|
Elements with role="dialog" or role="alertdialog" have accessible names
Dialog boxes have labels so screen readers can describe their purpose.
|
|
Active
|
[aria-hidden="true"] is not present on the document <body>
The page body is not hidden from screen readers.
|
|
Active
|
[aria-hidden="true"] elements do not contain focusable descendents
Interactive elements are not hidden from screen reader users.
|
|
Active
|
Elements use only permitted ARIA attributes
Accessibility attributes are not used where they are prohibited.
|
|
Active
|
[role]s have all required [aria-*] attributes
Accessibility roles include all required attributes so screen readers can describe the element.
|
|
Active
|
[role] values are valid
Accessibility roles use valid, recognized values.
|
|
Active
|
[aria-*] attributes have valid values
Accessibility attributes use valid values so screen readers can interpret them.
|
|
Active
|
[aria-*] attributes are valid and not misspelled
Accessibility attributes use valid, recognized names.
|
|
Active
|
Buttons have an accessible name
Buttons have labels so screen readers can describe their action.
|
|
Active
|
Background and foreground colors have a sufficient contrast ratio
Text and background colors meet minimum contrast ratios.
|
|
Active
|
Document has a <title> element
The page has a descriptive title visible in browser tabs and search results.
|
|
Missing
|
Heading elements appear in a sequentially-descending order
Page headings follow a logical order without skipping levels.
|
|
Active
|
<html> element has a [lang] attribute
The page declares its language so screen readers use the correct voice.
|
|
Active
|
<html> element has a valid value for its [lang] attribute
The page has a valid language code so screen readers pronounce content correctly.
|
|
Active
|
Image elements have [alt] attributes
Images have descriptive alt text or are marked as decorative.
|
|
Active
|
Links are distinguishable without relying on color
Links in body text are visually distinct from surrounding text, not by color alone.
|
|
Active
|
Links have a discernible name
Links have unique, descriptive text so users know where they go.
|
|
Missing
|
Select elements have associated label elements
Dropdown menus have labels so screen readers can identify them.
|
|
Active
|
No element has a [tabindex] value greater than 0
The page uses natural keyboard tab order without manual overrides.
|
|
Active
|
Touch targets have sufficient size and spacing
Buttons and interactive elements are large enough to tap easily on touch screens.
|
|
Active
|
Document has a main landmark
The page has exactly one main content area so screen readers can navigate to it.
|
|
Active
|
presentation-role-conflict
|
|
Active
|
Elements with visible text labels have matching accessible names
A button or link's visible label matches what screen readers announce.
|
|
Active
|
Image aspect ratio
Images display at their intended proportions.
|
|
Active
|
Valid doctype
The page has a doctype declaration so browsers render it correctly.
|
|
Active
|
Character encoding
The page declares its character encoding so text displays correctly.
|