Accessibility checker messages, and how to fix each

accesskey attribute value should be unique

• Single-key shortcuts that can't be turned off

Active <area> elements must have alternative text

• Missing alt text on images that carry information

All page content should be contained by landmarks

• Landmarks that are missing, misplaced or leave content out

All touch targets must be 24px large, or leave sufficient space

• Tap targets too small and too close together

Alternative text of images should not be repeated as text

• Decorative images read out as file names or repeated text

ARIA attributes must be used as specified for the element's role

• Invalid ARIA that misleads screen readers

ARIA attributes must conform to valid names

• Invalid ARIA that misleads screen readers

ARIA attributes must conform to valid values

• Accordions that don't say whether a panel is open
• Show and hide buttons that don't say whether they are open
• Tabs that only work with a mouse
• Invalid ARIA that misleads screen readers

ARIA commands must have an accessible name

• Icon-only buttons with no accessible name

ARIA dialog and alertdialog nodes should have an accessible name

• Confirmation dialogs that don't read out their question

ARIA hidden element must not be focusable or contain focusable elements

• aria-hidden content that keyboard focus still reaches

ARIA input fields must have an accessible name

• Rich text editors announced without their label
• Range sliders that only move by dragging

ARIA meter nodes must have an accessible name

• Progress bars and meters that screen readers can't read

ARIA progressbar nodes must have an accessible name

• Progress bars and meters that screen readers can't read

ARIA role should be appropriate for the element

• Invalid ARIA that misleads screen readers

ARIA roles used must conform to valid values

• Invalid ARIA that misleads screen readers

ARIA tab nodes must have an accessible name

• Tabs that only work with a mouse

ARIA toggle fields must have an accessible name

• Star ratings that keyboards and screen readers skip
• Toggle switches that don't say whether they are on
• Invalid ARIA that misleads screen readers

ARIA tooltip nodes must have an accessible name

• Invalid ARIA that misleads screen readers

ARIA treeitem nodes should have an accessible name

• Tree views keyboards can't open and screen readers flatten

aria-braille attributes must have a non-braille equivalent

• Invalid ARIA that misleads screen readers

aria-hidden="true" must not be present on the document body

• Visible text that screen readers skip

autocomplete attribute must be used correctly

• Form fields that block or break autofill

Banner landmark should not be contained in another landmark

• Landmarks that are missing, misplaced or leave content out

Buttons must have discernible text

• Icon-only buttons with no accessible name
• Smiley-face ratings announced only as "button"
• Quantity steppers with unnamed buttons and no typing
• Seat maps keyboards can't use and screen readers can't read
• Accordions that don't say whether a panel is open
• Div buttons that can't be reached with Tab

Certain ARIA roles must be contained by particular parents

• Lists built from divs, icons and typed numbers

Certain ARIA roles must contain particular children

• Lists built from divs, icons and typed numbers

Contentinfo landmark should not be contained in another landmark

• Landmarks that are missing, misplaced or leave content out

CSS Media queries must not lock display orientation

• Pages locked to portrait or landscape

Data or header cells must not be used to give caption to a data table.

• Tables with a title but no caption

Delayed refresh must not be used

• Auto-updating feeds that change while people read them

Delayed refresh under 20 hours must not be used

• Pages that reload or redirect themselves on a timer

Deprecated ARIA roles must not be used

• Invalid ARIA that misleads screen readers

<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements

• Lists built from divs, icons and typed numbers

Document should have one main landmark

• Landmarks that are missing, misplaced or leave content out

Document should not have more than one banner landmark

• Landmarks that are missing, misplaced or leave content out

Document should not have more than one contentinfo landmark

• Landmarks that are missing, misplaced or leave content out

Document should not have more than one main landmark

• Landmarks that are missing, misplaced or leave content out

Documents must have <title> element to aid in navigation

• Page titles that are the same on every page

<dt> and <dd> elements must be contained by a <dl>

• Lists built from divs, icons and typed numbers

Elements marked as presentational should be consistently ignored

• Invalid ARIA that misleads screen readers

Elements must have their visible text as part of their accessible name

• Buttons and links named differently from their text
• "Read more" links that all say the same thing
• Form fields with missing or mismatched labels

Elements must meet enhanced color contrast ratio thresholds

• Grey body text under 7:1 contrast

Elements must meet minimum color contrast ratio thresholds

• Low-contrast text on brand colours, photos and hover states

Elements must only use permitted ARIA attributes

• aria-label on divs and spans that screen readers often skip

Elements must only use supported ARIA attributes

• Invalid ARIA that misleads screen readers

Elements should not have tabindex greater than zero

• Focus order that jumps around the page

Form elements must have labels

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

Form elements should have a visible label

• Form field labels and hints only in a title tooltip
• Form fields with missing or mismatched labels

Form field must not have multiple label elements

• Form fields with missing or mismatched labels

Frames must have a unique title attribute

• Iframes with a missing or generic title

Frames must have an accessible name

• Iframes with a missing or generic title

Heading levels should only increase by one

• Headings that don't match the page's sections

Headings should not be empty

• Headings that don't match the page's sections

<html> element must have a lang attribute

• Pages read aloud in the wrong language

<html> element must have a valid value for the lang attribute

• Pages read aloud in the wrong language

HTML elements with lang and xml:lang must have the same base language

• Pages read aloud in the wrong language

IDs of active elements must be unique

• Duplicate ids that point labels at the wrong field

IDs used in ARIA and labels must be unique

• Duplicate ids that point labels at the wrong field

Image buttons must have alternative text

• Missing alt text on images that carry information

Images must have alternative text

• Decorative images read out as file names or repeated text
• Missing alt text on images that carry information

Inline text spacing must be adjustable with custom stylesheets

• Button labels cut off when people widen text spacing

Input buttons must have discernible text

• Icon-only buttons with no accessible name

Interactive controls must not be nested

• Buttons inside card links that also open the page

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

• Navigation landmarks that all sound the same

lang attribute must have a valid value

• Passages in another language read with the wrong voice

<li> elements must be contained in a <ul> or <ol>

• Lists built from divs, icons and typed numbers

Links must be distinguishable without relying on color

• Links in body text marked only by colour

Links must have discernible text

• Banner and image links with no name

Links with the same name must have a similar purpose

• Links like "click here" that need the words around them

Main landmark should not be contained in another landmark

• Landmarks that are missing, misplaced or leave content out

<marquee> elements are deprecated and must not be used

• Tickers, carousels and animations that can't be paused

Non-empty <td> elements in larger <table> must have an associated table header

• Data tables with headers that are only bold text

<object> elements must have alternative text

• Missing alt text on images that carry information

Page must have means to bypass repeated blocks

• Skip links that are missing or can't be reached

Page should contain a level-one heading

• Headings that don't match the page's sections

Required ARIA attributes must be provided

• Autocomplete fields with silent, mouse-only suggestions
• Custom dropdowns that keyboards and screen readers can't use
• Range sliders that only move by dragging
• Toggle switches that don't say whether they are on

[role="img"] and [role="image"] elements must have alternative text

• SVG icons with no name, or read when they should be silent

"role=text" should have no focusable descendants

• Invalid ARIA that misleads screen readers

scope attribute should be used correctly

• Data tables with headers that are only bold text

Scrollable region must have keyboard access

• Scrollable areas that a keyboard can't scroll

Select element must have an accessible name

• Custom dropdowns that keyboards and screen readers can't use
• Split date and phone fields with no name for each box

Styled <p> elements must not be used as headings

• Headings that don't match the page's sections

Summary elements must have discernible text

• Show and hide buttons that don't say whether they are open

<svg> elements with an img or image role must have alternative text

• SVG icons with no name, or read when they should be silent

Table cell headers attributes must refer to other <th> elements in the same table

• Data tables with headers that are only bold text

Table header text should not be empty

• Data tables with headers that are only bold text

Table headers in a data table must refer to data cells

• Data tables with headers that are only bold text

The skip-link target should exist and be focusable

• Skip links that are missing or can't be reached

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

• Lists built from divs, icons and typed numbers

Users should be able to zoom and scale the text up to 500%

• Fixed-height boxes that cut off enlarged text

<video> elements must have captions

• Videos without captions, or with unchecked automatic ones

<video> or <audio> elements must not play automatically

• Autoplaying sound with no way to stop it

Zooming and scaling must not be disabled

• Fixed-height boxes that cut off enlarged text

[accesskey] values are not unique

• Single-key shortcuts that can't be turned off

ARIA attributes are not used as specified for the element's role

• Invalid ARIA that misleads screen readers

[aria-*] attributes are not valid or misspelled

• Invalid ARIA that misleads screen readers

[aria-*] attributes do not have valid values

• Accordions that don't say whether a panel is open
• Show and hide buttons that don't say whether they are open
• Tabs that only work with a mouse
• Invalid ARIA that misleads screen readers

[aria-*] attributes do not match their roles

• Invalid ARIA that misleads screen readers

ARIA IDs are not unique

• Duplicate ids that point labels at the wrong field

ARIA input fields do not have accessible names

• Rich text editors announced without their label
• Range sliders that only move by dragging

ARIA meter elements do not have accessible names.

• Progress bars and meters that screen readers can't read

ARIA progressbar elements do not have accessible names.

• Progress bars and meters that screen readers can't read

ARIA toggle fields do not have accessible names

• Star ratings that keyboards and screen readers skip
• Toggle switches that don't say whether they are on
• Invalid ARIA that misleads screen readers

ARIA tooltip elements do not have accessible names.

• Invalid ARIA that misleads screen readers

ARIA treeitem elements do not have accessible names.

• Tree views keyboards can't open and screen readers flatten

[aria-hidden="true"] elements contain focusable descendents

• aria-hidden content that keyboard focus still reaches

[aria-hidden="true"] is present on the document <body>

• Visible text that screen readers skip

autocomplete attributes are not used correctly

• Form fields that block or break autofill

Background and foreground colors do not have a sufficient contrast ratio.

• Low-contrast text on brand colours, photos and hover states

button, link, and menuitem elements do not have accessible names.

• Icon-only buttons with no accessible name

Buttons do not have an accessible name

• Icon-only buttons with no accessible name
• Smiley-face ratings announced only as "button"
• Quantity steppers with unnamed buttons and no typing
• Seat maps keyboards can't use and screen readers can't read
• Accordions that don't say whether a panel is open
• Div buttons that can't be reached with Tab

Cells in a <table> element that use the [headers] attribute refer to an element id not found within the same table.

• Data tables with headers that are only bold text

Definition list items are not wrapped in <dl> elements

• Lists built from divs, icons and typed numbers

Deprecated ARIA roles were used

• Invalid ARIA that misleads screen readers

<dl>'s do not contain only properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements.

• Lists built from divs, icons and typed numbers

Document does not have a main landmark.

• Landmarks that are missing, misplaced or leave content out

Document doesn't have a <title> element

• Page titles that are the same on every page

Elements use prohibited ARIA attributes

• aria-label on divs and spans that screen readers often skip

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.

• Lists built from divs, icons and typed numbers

Elements with role="dialog" or role="alertdialog" do not have accessible names.

• Confirmation dialogs that don't read out their question

Elements with role="none" or role="presentation" have conflicts

• Invalid ARIA that misleads screen readers

Elements with the role=text attribute do have focusable descendents.

• Invalid ARIA that misleads screen readers

Form elements do not have associated labels

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

Form fields have multiple labels

• Form fields with missing or mismatched labels

<frame> or <iframe> elements do not have a title

• Iframes with a missing or generic title

Heading elements are not in a sequentially-descending order

• Headings that don't match the page's sections

Heading elements do not contain content.

• Headings that don't match the page's sections

<html> element does not have a [lang] attribute

• Pages read aloud in the wrong language

<html> element does not have a valid value for its [lang] attribute.

• Pages read aloud in the wrong language

<html> element does not have an [xml:lang] attribute with the same base language as the [lang] attribute.

• Pages read aloud in the wrong language

[id] attributes on active, focusable elements are not unique (versions before 12)

• Duplicate ids that point labels at the wrong field

Identical links do not have the same purpose.

• Links like "click here" that need the words around them

Image elements do not have [alt] attributes

• Decorative images read out as file names or repeated text
• Missing alt text on images that carry information

Image elements have [alt] attributes that are redundant text.

• Decorative images read out as file names or repeated text

Input buttons do not have discernible text.

• Icon-only buttons with no accessible name

<input type="image"> elements do not have [alt] text

• Missing alt text on images that carry information

[lang] attributes do not have a valid value

• Passages in another language read with the wrong voice

Links do not have a discernible name

• Banner and image links with no name

Links do not have descriptive text

• Links like "click here" that need the words around them
• "Read more" links that all say the same thing

Links rely on color to be distinguishable.

• Links in body text marked only by colour

List items (<li>) are not contained within <ul>, <ol> or <menu> parent elements.

• Lists built from divs, icons and typed numbers

Lists do not contain only <li> elements and script supporting elements (<script> and <template>).

• Lists built from divs, icons and typed numbers

<object> elements do not have alternate text

• Missing alt text on images that carry information

Prevents users from pasting into input fields

• Password fields that won't take a pasted password

[role] values are not valid

• Invalid ARIA that misleads screen readers

[role]s are not contained by their required parent element

• Lists built from divs, icons and typed numbers

[role]s do not have all required [aria-*] attributes

• Autocomplete fields with silent, mouse-only suggestions
• Custom dropdowns that keyboards and screen readers can't use
• Range sliders that only move by dragging
• Toggle switches that don't say whether they are on

Select elements do not have associated label elements.

• Custom dropdowns that keyboards and screen readers can't use
• Split date and phone fields with no name for each box

Skip links are not focusable.

• Skip links that are missing or can't be reached

Some elements have a [tabindex] value greater than 0

• Focus order that jumps around the page

SVG elements with an img role do not have an accessible text alternative

• SVG icons with no name, or read when they should be silent

Tap targets are not sized appropriately (versions before 12)

• Tap targets too small and too close together

<th> elements and elements with [role="columnheader"/"rowheader"] do not have data cells they describe.

• Data tables with headers that are only bold text

The document uses <meta http-equiv="refresh">

• Pages that reload or redirect themselves on a timer

The page does not contain a heading, skip link, or landmark region

• Skip links that are missing or can't be reached

Touch targets do not have sufficient size or spacing.

• Tap targets too small and too close together

[user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is less than 5.

• Fixed-height boxes that cut off enlarged text

Uses ARIA roles on incompatible elements

• Invalid ARIA that misleads screen readers

<video> elements do not contain a <track> element with [kind="captions"].

• Videos without captions, or with unchecked automatic ones

A nearby image has the same alternative text

• Decorative images read out as file names or repeated text

Accesskey

• Single-key shortcuts that can't be turned off

Audio/Video

• Podcasts and silent videos with no transcript
• Videos without captions, or with unchecked automatic ones

Blinking content

• Tickers, carousels and animations that can't be paused

Broken ARIA menu

• Action menus that open silently, out of keyboard reach

Broken ARIA reference

• Invalid ARIA that misleads screen readers

Broken same-page link

• Skip links that are missing or can't be reached

Broken skip link

• Skip links that are missing or can't be reached

Empty button

• Icon-only buttons with no accessible name
• Smiley-face ratings announced only as "button"
• Quantity steppers with unnamed buttons and no typing
• Seat maps keyboards can't use and screen readers can't read
• Accordions that don't say whether a panel is open
• Div buttons that can't be reached with Tab

Empty form label

• Form fields with missing or mismatched labels

Empty heading

• Headings that don't match the page's sections

Empty link

• Banner and image links with no name

Empty table header

• Data tables with headers that are only bold text

Fieldset missing legend

• Radio buttons and checkboxes without a group name

HTML5 video or audio

• Podcasts and silent videos with no transcript
• Videos without captions, or with unchecked automatic ones

Image button missing alternative text

• Missing alt text on images that carry information

Image map area missing alternative text

• Missing alt text on images that carry information

Image map missing alternative text

• Missing alt text on images that carry information

Image with title

• Form field labels and hints only in a title tooltip

JavaScript jump menu

• Dropdowns and fields that change the page on their own

Language missing or invalid

• Pages read aloud in the wrong language

Layout table

• Layout tables read as data tables, or out of order

Link to PDF document

• Scanned and untagged PDFs that screen readers can't read

Linked image missing alternative text

• Banner and image links with no name

Long alternative text

• Missing alt text on images that carry information

Marquee

• Tickers, carousels and animations that can't be paused

Missing alternative text

• Decorative images read out as file names or repeated text
• Missing alt text on images that carry information

Missing fieldset

• Radio buttons and checkboxes without a group name

Missing first level heading

• Headings that don't match the page's sections

Missing form label

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

Missing or uninformative page title

• Page titles that are the same on every page

Multiple form labels

• Form fields with missing or mismatched labels

No heading structure

• Headings that don't match the page's sections

No page regions

• Landmarks that are missing, misplaced or leave content out

Orphaned form label

• Form fields with missing or mismatched labels

Page refreshes or redirects

• Pages that reload or redirect themselves on a timer

Possible heading

• Headings that don't match the page's sections

Possible list

• Lists built from divs, icons and typed numbers

Possible table caption

• Tables with a title but no caption

Redundant alternative text

• Decorative images read out as file names or repeated text

Redundant title text

• Form field labels and hints only in a title tooltip

Select missing label

• Form fields with missing or mismatched labels

Skipped heading level

• Headings that don't match the page's sections

Spacer image missing alternative text

• Decorative images read out as file names or repeated text

Suspicious alternative text

• Missing alt text on images that carry information

Suspicious link text

• Links like "click here" that need the words around them
• "Read more" links that all say the same thing

Tabindex

• Focus order that jumps around the page

Unlabeled form control with title

• Form field labels and hints only in a title tooltip
• Form fields with missing or mismatched labels

Very low contrast

• Low-contrast text on brand colours, photos and hover states

YouTube video

• Podcasts and silent videos with no transcript
• Videos without captions, or with unchecked automatic ones

A title should be provided for the document, using a non-empty title element in the head section.

• Page titles that are the same on every page

Anchor element found with a valid href attribute, but no link content has been supplied.

• Banner and image links with no name

Area element in an image map missing an alt attribute.

• Missing alt text on images that carry information

Heading tag found with no content.

• Headings that don't match the page's sections

Iframe element requires a non-empty title attribute that identifies the frame.

• Iframes with a missing or generic title

Image submit button missing an alt attribute.

• Missing alt text on images that carry information

Img element inside a link must not use alt text that duplicates the text content of the link.

• Decorative images read out as file names or repeated text

Img element is the only content of the link, but is missing alt text.

• Banner and image links with no name

Img element missing an alt attribute.

• Decorative images read out as file names or repeated text
• Missing alt text on images that carry information

Incorrect headers attribute on this td element.

• Data tables with headers that are only bold text

Invalid autocomplete value: …. Element does not belong to Date control group.

• Form fields that block or break autofill

Invalid autocomplete value: …. Element does not belong to Month control group.

• Form fields that block or break autofill

Invalid autocomplete value: …. Element does not belong to Multiline control group.

• Form fields that block or break autofill

Invalid autocomplete value: …. Element does not belong to Numeric control group.

• Form fields that block or break autofill

Invalid autocomplete value: …. Element does not belong to Password control group.

• Form fields that block or break autofill

Invalid autocomplete value: …. Element does not belong to Telephone control group.

• Form fields that block or break autofill

Invalid autocomplete value: …. Element does not belong to Text control group.

• Form fields that block or break autofill

Invalid autocomplete value: …. Element does not belong to Url control group.

• Form fields that block or break autofill

Meta refresh tag used to redirect to another page, with a time limit that is not zero.

• Pages that reload or redirect themselves on a timer

Meta refresh tag used to refresh the current page.

• Pages that reload or redirect themselves on a timer

Object elements must contain a text alternative after all other alternatives are exhausted.

• Missing alt text on images that carry information

Table cell has an invalid scope attribute.

• Data tables with headers that are only bold text

The html element should have a lang or xml:lang attribute which describes the language of the document.

• Pages read aloud in the wrong language

The language specified in the lang attribute of the document element does not appear to be well-formed.

• Pages read aloud in the wrong language

The language specified in the lang attribute of this element does not appear to be well-formed.

• Passages in another language read with the wrong voice

The language specified in the xml:lang attribute of the document element does not appear to be well-formed.

• Pages read aloud in the wrong language

The language specified in the xml:lang attribute of this element does not appear to be well-formed.

• Passages in another language read with the wrong voice

The title element in the head section should be non-empty.

• Page titles that are the same on every page

There is no head section in which to place a descriptive title element.

• Page titles that are the same on every page

This button element does not have a name available to an accessibility API.

• Icon-only buttons with no accessible name
• Smiley-face ratings announced only as "button"
• Quantity steppers with unnamed buttons and no typing
• Seat maps keyboards can't use and screen readers can't read
• Accordions that don't say whether a panel is open
• Div buttons that can't be reached with Tab

This buttoninput element does not have a name available to an accessibility API.

• Icon-only buttons with no accessible name

This checkboxinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This colorinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This dateinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This datetime-localinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This element has insufficient contrast at this conformance level.

• Low-contrast text on brand colours, photos and hover states

This element has role of "button" but does not have a name available to an accessibility API.

• Icon-only buttons with no accessible name

This emailinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This fileinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This form field should be labelled in some way.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This imageinput element does not have a name available to an accessibility API.

• Missing alt text on images that carry information

This monthinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This numberinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This passwordinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This radioinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This rangeinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This searchinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This select element does not have a name available to an accessibility API.

• Custom dropdowns that keyboards and screen readers can't use
• Split date and phone fields with no name for each box

This telinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This textarea element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This textinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This timeinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This urlinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

This weekinput element does not have a name available to an accessibility API.

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

Accessible name does not match or contain the visible label text

• Buttons and links named differently from their text
• "Read more" links that all say the same thing
• Form fields with missing or mismatched labels

'accesskey' attribute value on the element is not unique

• Single-key shortcuts that can't be turned off

An <object> element does not have a text alternative

• Missing alt text on images that carry information

<area> element in an image map has no text alternative

• Missing alt text on images that carry information

Content is not within a landmark element

• Landmarks that are missing, misplaced or leave content out

CSS !important should not be used in inline ‘letter-spacing’ style

• Button labels cut off when people widen text spacing

CSS !important should not be used in inline ‘line-height’ style

• Button labels cut off when people widen text spacing

CSS !important should not be used in inline ‘word-spacing’ style

• Button labels cut off when people widen text spacing

Element "…" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'

• aria-hidden content that keyboard focus still reaches

Element with '…' role does not have the required ARIA attribute(s): '…'

• Autocomplete fields with silent, mouse-only suggestions
• Custom dropdowns that keyboards and screen readers can't use
• Range sliders that only move by dragging
• Toggle switches that don't say whether they are on

Element with "…" role is not contained in or owned by an element with one of the following roles: "…"

• Lists built from divs, icons and typed numbers

Form control element <…> has no associated label

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

Form control has more than one label

• Form fields with missing or mismatched labels

Form control with "…" role has no associated label

• Rich text editors announced without their label
• Range sliders that only move by dragging

Hyperlink has no link text, label or image with a text alternative

• Banner and image links with no name

Image 'alt' attribute value consists only of blank space(s)

• Decorative images read out as file names or repeated text
• Missing alt text on images that carry information

Image 'alt' value within a link is repeated in link text of the link after

• Decorative images read out as file names or repeated text

Image map or child <area> has no text alternative

• Missing alt text on images that carry information

Inline frame does not have a 'title' attribute

• Iframes with a missing or generic title

Link text is repeated in an image 'alt' value within the same link

• Decorative images read out as file names or repeated text

Link text of previous link is repeated in image 'alt' value of a link

• Decorative images read out as file names or repeated text

Missing <head> element so there can be no <title> element present

• Page titles that are the same on every page

Missing <title> element in <head> element

• Page titles that are the same on every page

Multiple elements with "…" landmarks within the same parent region are not distinguished from one another because they have the same "…" label

• Navigation landmarks that all sound the same

Multiple elements with "banner" role do not have unique labels

• Navigation landmarks that all sound the same

Multiple elements with "banner" role found on the page

• Landmarks that are missing, misplaced or leave content out

Multiple elements with "complementary" role do not have unique labels

• Navigation landmarks that all sound the same

Multiple elements with "contentinfo" role do not have unique labels

• Navigation landmarks that all sound the same

Multiple elements with "contentinfo" role found on the page

• Landmarks that are missing, misplaced or leave content out

Multiple elements with "form" role do not have unique labels

• Navigation landmarks that all sound the same

Multiple elements with "main" role do not have unique labels

• Navigation landmarks that all sound the same

Multiple elements with "navigation" role do not have unique labels

• Navigation landmarks that all sound the same

Multiple elements with "region" role do not have unique labels

• Navigation landmarks that all sound the same

Multiple elements with "search" role do not have unique labels

• Navigation landmarks that all sound the same

Page detected as HTML, but does not have a 'lang' attribute

• Pages read aloud in the wrong language

Page detected as XHTML 1.0, but has neither 'lang' nor 'xml:lang' attributes

• Pages read aloud in the wrong language

Page detected as XHTML, but does not have an 'xml:lang' attribute

• Pages read aloud in the wrong language

Page detected with 'lang' and 'xml:lang' attributes and primary languages do not match: "…", "…"

• Pages read aloud in the wrong language

Page detected with 'lang' and 'xml:lang' attributes that do not match: "…", "…"

• Pages read aloud in the wrong language

Scrolling content found that uses the obsolete <marquee> element

• Tickers, carousels and animations that can't be paused

Specified 'lang' attribute does not conform to BCP 47

• Pages read aloud in the wrong language
• Passages in another language read with the wrong voice

Specified 'lang' attribute does not include a valid primary language

• Pages read aloud in the wrong language
• Passages in another language read with the wrong voice

Specified 'xml:lang' attribute does not conform to BCP 47

• Pages read aloud in the wrong language
• Passages in another language read with the wrong voice

Specified 'xml:lang' attribute does not include a valid primary language

• Pages read aloud in the wrong language
• Passages in another language read with the wrong voice

Text contrast of … with its background is less than the WCAG AA minimum requirements for text of size …px and weight of …

• Low-contrast text on brand colours, photos and hover states

The ARIA attributes "…" are not valid for the element <…> with ARIA role "…"

• Invalid ARIA that misleads screen readers

The ARIA attributes "…" are not valid for the element <…> with implicit ARIA role "…"

• Invalid ARIA that misleads screen readers

The ARIA role '…' is not valid for the element <…>

• Invalid ARIA that misleads screen readers

The ARIA role '…' is not valid for the element <…> and may be ignored by the browser since the element is focusable

• Invalid ARIA that misleads screen readers

The attribute(s) '…' referenced by the element <…> is not a valid ARIA state or property

• Invalid ARIA that misleads screen readers

The 'autocomplete' attribute has an incorrect value

• Form fields that block or break autofill

The 'autocomplete' attribute's token(s) are not appropriate for an input form field of any type

• Form fields that block or break autofill

The 'autocomplete' attribute's token(s) are not appropriate for the input form field

• Form fields that block or break autofill

The element <…> is restricted to either landscape or portrait orientation using CSS transform property

• Pages locked to portrait or landscape

The 'headers' attribute value "…" does not refer to a cell in the same table

• Data tables with headers that are only bold text

The 'headers' attribute value "…" does not refer to a cell indicated with <th> or a role of "columnheader" or "rowheader"

• Data tables with headers that are only bold text

The 'headers' attribute value "…" does not reference a valid 'id' in this document

• Data tables with headers that are only bold text

The 'headers' attribute value "…" refers to itself

• Data tables with headers that are only bold text

The image does not have an 'alt' attribute or ARIA label, and the 'title' attribute value consists only of blank space(s)

• Decorative images read out as file names or repeated text
• Missing alt text on images that carry information

The image has neither an accessible name nor is marked as decorative or redundant

• Decorative images read out as file names or repeated text
• Missing alt text on images that carry information

The <input> element of type "image" has no text alternative

• Missing alt text on images that carry information

The <label> element does not have descriptive text that identifies the expected input

• Form fields with missing or mismatched labels
• Split date and phone fields with no name for each box

The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)

• Skip links that are missing or can't be reached

The role '…' defined on the element is not valid per ARIA specification

• Invalid ARIA that misleads screen readers

The 'scope' attribute should only be used on a <th> element

• Data tables with headers that are only bold text

The scrollable element <…> with non-interactive content is not tabbable

• Scrollable areas that a keyboard can't scroll

The SVG element has no accessible name

• SVG icons with no name, or read when they should be silent

The <title> element is empty (no innerHTML)

• Page titles that are the same on every page

The value "…" specified for attribute '…' on element <…> is not valid

• Accordions that don't say whether a panel is open
• Show and hide buttons that don't say whether they are open
• Tabs that only work with a mouse
• Invalid ARIA that misleads screen readers

Undersized target "…" does not have sufficient spacing of 12 CSS pixels from another target "…"

• Tap targets too small and too close together

Value provided is invalid for the 'scope' attribute

• Data tables with headers that are only bold text