| # | Description | Axe rule ID | WCAG | Impact | Count |
|---|---|---|---|---|---|
| 1 | Elements must meet minimum color contrast ratio thresholds | color-contrast | WCAG 2 Level AA, WCAG 1.4.3 | serious | 1 |
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
| # | Issue Description | To solve this violation, you need to... |
|---|---|---|
| 1 |
Element location Element source |
Fix any of the following:
Related node: |
| # | Description | Axe rule ID | WCAG | Nodes passed check |
|---|---|---|---|---|
| 1 | Elements must only use supported ARIA attributes | aria-allowed-attr | WCAG 2 Level A, WCAG 4.1.2 | 19 |
| 2 | ARIA attributes must be used as specified for the element's role | aria-conditional-attr | WCAG 2 Level A, WCAG 4.1.2 | 19 |
| 3 | aria-hidden="true" must not be present on the document body | aria-hidden-body | WCAG 2 Level A, WCAG 1.3.1, WCAG 4.1.2 | 1 |
| 4 | ARIA hidden element must not be focusable or contain focusable elements | aria-hidden-focus | WCAG 2 Level A, WCAG 4.1.2 | 9 |
| 5 | Elements must only use permitted ARIA attributes | aria-prohibited-attr | WCAG 2 Level A, WCAG 4.1.2 | 19 |
| 6 | ARIA attributes must conform to valid values | aria-valid-attr-value | WCAG 2 Level A, WCAG 4.1.2 | 19 |
| 7 | ARIA attributes must conform to valid names | aria-valid-attr | WCAG 2 Level A, WCAG 4.1.2 | 19 |
| 8 | Inline text spacing must be adjustable with custom stylesheets | avoid-inline-spacing | WCAG 2.1 Level AA, WCAG 1.4.1.2 | 9 |
| 9 | Page must have means to bypass repeated blocks | bypass | WCAG 2 Level A, WCAG 2.4.1 | 1 |
| 10 | Elements must meet minimum color contrast ratio thresholds | color-contrast | WCAG 2 Level AA, WCAG 1.4.3 | 60 |
| 11 | Documents must have <title> element to aid in navigation | document-title | WCAG 2 Level A, WCAG 2.4.2 | 1 |
| 12 | <html> element must have a lang attribute | html-has-lang | WCAG 2 Level A, WCAG 3.1.1 | 1 |
| 13 | <html> element must have a valid value for the lang attribute | html-lang-valid | WCAG 2 Level A, WCAG 3.1.1 | 1 |
| 14 | Images must have alternate text | image-alt | WCAG 2 Level A, WCAG 1.1.1 | 2 |
| 15 | Links must be distinguishable without relying on color | link-in-text-block | WCAG 2 Level A, WCAG 1.4.1 | 3 |
| 16 | Links must have discernible text | link-name | WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 | 35 |
| 17 | <ul> and <ol> must only directly contain <li>, <script> or <template> elements | list | WCAG 2 Level A, WCAG 1.3.1 | 6 |
| 18 | <li> elements must be contained in a <ul> or <ol> | listitem | WCAG 2 Level A, WCAG 1.3.1 | 22 |
| 19 | Zooming and scaling must not be disabled | meta-viewport | WCAG 2 Level AA, WCAG 1.4.4 | 1 |
| 20 | Interactive controls must not be nested | nested-interactive | WCAG 2 Level A, WCAG 4.1.2 | 1 |
What 'incomplete' axe checks means?
Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.
Visit axe API Documentation to learn more.
What 'inapplicable' axe checks means?
The inapplicable array lists all the rules for which no matching elements were found on the page.
Visit axe API Documentation to learn more.
| # | Description | Axe rule ID | WCAG |
|---|---|---|---|
| 1 | Active <area> elements must have alternate text | area-alt | WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 |
| 2 | aria-braille attributes must have a non-braille equivalent | aria-braille-equivalent | WCAG 2 Level A, WCAG 4.1.2 |
| 3 | ARIA commands must have an accessible name | aria-command-name | WCAG 2 Level A, WCAG 4.1.2 |
| 4 | Deprecated ARIA roles must not be used | aria-deprecated-role | WCAG 2 Level A, WCAG 4.1.2 |
| 5 | ARIA input fields must have an accessible name | aria-input-field-name | WCAG 2 Level A, WCAG 4.1.2 |
| 6 | ARIA meter nodes must have an accessible name | aria-meter-name | WCAG 2 Level A, WCAG 1.1.1 |
| 7 | ARIA progressbar nodes must have an accessible name | aria-progressbar-name | WCAG 2 Level A, WCAG 1.1.1 |
| 8 | Required ARIA attributes must be provided | aria-required-attr | WCAG 2 Level A, WCAG 4.1.2 |
| 9 | Certain ARIA roles must contain particular children | aria-required-children | WCAG 2 Level A, WCAG 1.3.1 |
| 10 | Certain ARIA roles must be contained by particular parents | aria-required-parent | WCAG 2 Level A, WCAG 1.3.1 |
| 11 | aria-roledescription must be on elements with a semantic role | aria-roledescription | WCAG 2 Level A, WCAG 4.1.2 |
| 12 | ARIA roles used must conform to valid values | aria-roles | WCAG 2 Level A, WCAG 4.1.2 |
| 13 | ARIA toggle fields must have an accessible name | aria-toggle-field-name | WCAG 2 Level A, WCAG 4.1.2 |
| 14 | ARIA tooltip nodes must have an accessible name | aria-tooltip-name | WCAG 2 Level A, WCAG 4.1.2 |
| 15 | <audio> elements must have a captions track | audio-caption | WCAG 2 Level A, WCAG 1.2.1 |
| 16 | autocomplete attribute must be used correctly | autocomplete-valid | WCAG 2.1 Level AA, WCAG 1.3.5 |
| 17 | <blink> elements are deprecated and must not be used | blink | WCAG 2 Level A, WCAG 2.2.2 |
| 18 | Buttons must have discernible text | button-name | WCAG 2 Level A, WCAG 4.1.2 |
| 19 | <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements | definition-list | WCAG 2 Level A, WCAG 1.3.1 |
| 20 | <dt> and <dd> elements must be contained by a <dl> | dlitem | WCAG 2 Level A, WCAG 1.3.1 |
| 21 | IDs used in ARIA and labels must be unique | duplicate-id-aria | WCAG 2 Level A, WCAG 4.1.2 |
| 22 | Form field must not have multiple label elements | form-field-multiple-labels | WCAG 2 Level A, WCAG 3.3.2 |
| 23 | Frames with focusable content must not have tabindex=-1 | frame-focusable-content | WCAG 2 Level A, WCAG 2.1.1 |
| 24 | Frames must have a unique title attribute | frame-title-unique | WCAG 2 Level A, WCAG 4.1.2 |
| 25 | Frames must have an accessible name | frame-title | WCAG 2 Level A, WCAG 4.1.2 |
| 26 | HTML elements with lang and xml:lang must have the same base language | html-xml-lang-mismatch | WCAG 2 Level A, WCAG 3.1.1 |
| 27 | Input buttons must have discernible text | input-button-name | WCAG 2 Level A, WCAG 4.1.2 |
| 28 | Image buttons must have alternate text | input-image-alt | WCAG 2 Level A, WCAG 1.1.1, WCAG 4.1.2 |
| 29 | Form elements must have labels | label | WCAG 2 Level A, WCAG 4.1.2 |
| 30 | <marquee> elements are deprecated and must not be used | marquee | WCAG 2 Level A, WCAG 2.2.2 |
| 31 | Delayed refresh under 20 hours must not be used | meta-refresh | WCAG 2 Level A, WCAG 2.2.1 |
| 32 | <object> elements must have alternate text | object-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 33 | [role="img"] elements must have an alternative text | role-img-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 34 | Scrollable region must have keyboard access | scrollable-region-focusable | WCAG 2 Level A, WCAG 2.1.1, WCAG 2.1.3 |
| 35 | Select element must have an accessible name | select-name | WCAG 2 Level A, WCAG 4.1.2 |
| 36 | Server-side image maps must not be used | server-side-image-map | WCAG 2 Level A, WCAG 2.1.1 |
| 37 | <svg> elements with an img role must have an alternative text | svg-img-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 38 | Table cells that use the headers attribute must only refer to cells in the same table | td-headers-attr | WCAG 2 Level A, WCAG 1.3.1 |
| 39 | Table headers in a data table must refer to data cells | th-has-data-cells | WCAG 2 Level A, WCAG 1.3.1 |
| 40 | lang attribute must have a valid value | valid-lang | WCAG 2 Level AA, WCAG 3.1.2 |
| 41 | <video> elements must have captions | video-caption | WCAG 2 Level A, WCAG 1.2.2 |
| 42 | <video> or <audio> elements must not play automatically | no-autoplay-audio | WCAG 2 Level A, WCAG 1.4.2 |