|
Active
|
Deprecated ARIA roles were not used
Accessibility roles use current, supported values.
|
|
Active
|
[aria-hidden="true"] is not present on the document <body>
The page body is not hidden from screen readers.
|
|
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
|
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.
|
|
Active
|
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 have a discernible name
Links have unique, descriptive text so users know where they go.
|
|
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
|
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.
|