button, link, and menuitem elements have accessible names
Buttons, links, and menu items have labels that screen readers can announce.
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
[aria-hidden="true"] elements do not contain focusable descendents
Interactive elements are not hidden from screen reader users.
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.
Missing
<html> element has a [lang] attribute
The page declares its language so screen readers use the correct voice.
Missing
Image elements have [alt] attributes
Images have descriptive alt text or are marked as decorative.
Active
Input buttons have discernible text
Input buttons have labels so screen readers can describe their action.
Active
Form elements have associated labels
Form fields have labels so screen readers can identify them.
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
Lists contain only <li> elements and script supporting elements (<script> and <template>)
Lists use correct markup so screen readers can announce them properly.
Active
List items (<li>) are contained within <ul>, <ol> or <menu> parent elements
List items are nested inside a valid parent list element.
Active
[user-scalable="no"] is not used in the <meta name="viewport"> element and the [maximum-scale] attribute is not less than 5
The page allows users to zoom in on mobile devices.
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.
Missing
Touch targets have sufficient size and spacing
Buttons and interactive elements are large enough to tap easily on touch screens.
Active
Cells in a <table> element that use the [headers] attribute refer to table cells within the same table
Table data cells correctly reference their header cells.
Missing
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
Tables use <caption> instead of cells with the [colspan] attribute to indicate a caption
Tables use the caption element to label their content.
Active
<td> elements in a large <table> have one or more table headers
Each cell in a large table is linked to a header so screen readers can navigate it.
Missing
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.