| # | 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 allowed ARIA attributes | aria-allowed-attr | WCAG 2 Level A, WCAG 4.1.2 | 6 |
| 2 | ARIA role should be appropriate for the element | aria-allowed-role | Best practice | 10 |
| 3 | aria-hidden='true' must not be present on the document body | aria-hidden-body | WCAG 2 Level A, 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 | 3 |
| 5 | Required ARIA attributes must be provided | aria-required-attr | WCAG 2 Level A, WCAG 4.1.2 | 9 |
| 6 | ARIA roles used must conform to valid values | aria-roles | WCAG 2 Level A, WCAG 4.1.2 | 9 |
| 7 | ARIA attributes must conform to valid values | aria-valid-attr-value | WCAG 2 Level A, WCAG 4.1.2 | 6 |
| 8 | ARIA attributes must conform to valid names | aria-valid-attr | WCAG 2 Level A, WCAG 4.1.2 | 6 |
| 9 | Inline text spacing must be adjustable with custom stylesheets | avoid-inline-spacing | WCAG 2.1 Level AA, WCAG 1.4.1.2 | 24 |
| 10 | Buttons must have discernible text | button-name | WCAG 2 Level A, WCAG 4.1.2 | 2 |
| 11 | Page must have means to bypass repeated blocks | bypass | WCAG 2 Level A, WCAG 2.4.1 | 1 |
| 12 | Elements must meet minimum color contrast ratio thresholds | color-contrast | WCAG 2 Level AA, WCAG 1.4.3 | 6 |
| 13 | Documents must have <title> element to aid in navigation | document-title | WCAG 2 Level A, WCAG 2.4.2 | 1 |
| 14 | id attribute value must be unique | duplicate-id | WCAG 2 Level A, WCAG 4.1.1 | 6 |
| 15 | <html> element must have a lang attribute | html-has-lang | WCAG 2 Level A, WCAG 3.1.1 | 1 |
| 16 | <html> element must have a valid value for the lang attribute | html-lang-valid | WCAG 2 Level A, WCAG 3.1.1 | 1 |
| 17 | Main landmark should not be contained in another landmark | landmark-main-is-top-level | Best practice | 1 |
| 18 | Document should not have more than one main landmark | landmark-no-duplicate-main | Best practice | 1 |
| 19 | Document should have one main landmark | landmark-one-main | Best practice | 1 |
| 20 | Ensures landmarks are unique | landmark-unique | Best practice | 2 |
| 21 | Links must have discernible text | link-name | WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 | 5 |
| 22 | Users should be able to zoom and scale the text up to 500% | meta-viewport-large | Best practice | 1 |
| 23 | Zooming and scaling must not be disabled | meta-viewport | WCAG 2 Level AA, WCAG 1.4.4 | 1 |
| 24 | Interactive controls must not be nested | nested-interactive | WCAG 2 Level A, WCAG 4.1.2 | 2 |
| 25 | Ensure elements marked as presentational are consistently ignored | presentation-role-conflict | Best practice | 6 |
| 26 | All page content should be contained by landmarks | region | Best practice | 87 |
| 27 | Scrollable region must have keyboard access | scrollable-region-focusable | WCAG 2 Level A, WCAG 2.1.1 | 1 |
| 28 | lang attribute must have a valid value | valid-lang | WCAG 2 Level AA, WCAG 3.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 | accesskey attribute value should be unique | accesskeys | Best practice |
| 2 | Active <area> elements must have alternate text | area-alt | WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 |
| 3 | ARIA commands must have an accessible name | aria-command-name | WCAG 2 Level A, WCAG 4.1.2 |
| 4 | ARIA dialog and alertdialog nodes should have an accessible name | aria-dialog-name | Best practice |
| 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 | Certain ARIA roles must contain particular children | aria-required-children | WCAG 2 Level A, WCAG 1.3.1 |
| 9 | Certain ARIA roles must be contained by particular parents | aria-required-parent | WCAG 2 Level A, WCAG 1.3.1 |
| 10 | "role=text" should have no focusable descendants | aria-text | Best practice |
| 11 | ARIA toggle fields must have an accessible name | aria-toggle-field-name | WCAG 2 Level A, WCAG 4.1.2 |
| 12 | ARIA tooltip nodes must have an accessible name | aria-tooltip-name | WCAG 2 Level A, WCAG 4.1.2 |
| 13 | ARIA treeitem nodes should have an accessible name | aria-treeitem-name | Best practice |
| 14 | autocomplete attribute must be used correctly | autocomplete-valid | WCAG 2.1 Level AA, WCAG 1.3.5 |
| 15 | <blink> elements are deprecated and must not be used | blink | WCAG 2 Level A, WCAG 2.2.2 |
| 16 | <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 |
| 17 | <dt> and <dd> elements must be contained by a <dl> | dlitem | WCAG 2 Level A, WCAG 1.3.1 |
| 18 | IDs of active elements must be unique | duplicate-id-active | WCAG 2 Level A, WCAG 4.1.1 |
| 19 | IDs used in ARIA and labels must be unique | duplicate-id-aria | WCAG 2 Level A, WCAG 4.1.1 |
| 20 | Headings should not be empty | empty-heading | Best practice |
| 21 | Table header text should not be empty | empty-table-header | Best practice |
| 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 should be tested with axe-core | frame-tested | Best practice |
| 25 | Frames must have a unique title attribute | frame-title-unique | WCAG 4.1.2, WCAG 2 Level A |
| 26 | Frames must have an accessible name | frame-title | WCAG 2 Level A, WCAG 4.1.2 |
| 27 | Heading levels should only increase by one | heading-order | Best practice |
| 28 | 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 |
| 29 | Images must have alternate text | image-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 30 | Alternative text of images should not be repeated as text | image-redundant-alt | Best practice |
| 31 | Input buttons must have discernible text | input-button-name | WCAG 2 Level A, WCAG 4.1.2 |
| 32 | Image buttons must have alternate text | input-image-alt | WCAG 2 Level A, WCAG 1.1.1, WCAG 4.1.2 |
| 33 | Form elements should have a visible label | label-title-only | Best practice |
| 34 | Form elements must have labels | label | WCAG 2 Level A, WCAG 4.1.2 |
| 35 | Banner landmark should not be contained in another landmark | landmark-banner-is-top-level | Best practice |
| 36 | Aside should not be contained in another landmark | landmark-complementary-is-top-level | Best practice |
| 37 | Contentinfo landmark should not be contained in another landmark | landmark-contentinfo-is-top-level | Best practice |
| 38 | Document should not have more than one banner landmark | landmark-no-duplicate-banner | Best practice |
| 39 | Document should not have more than one contentinfo landmark | landmark-no-duplicate-contentinfo | Best practice |
| 40 | Links must be distinguishable without relying on color | link-in-text-block | WCAG 2 Level A, WCAG 1.4.1 |
| 41 | <ul> and <ol> must only directly contain <li>, <script> or <template> elements | list | WCAG 2 Level A, WCAG 1.3.1 |
| 42 | <li> elements must be contained in a <ul> or <ol> | listitem | WCAG 2 Level A, WCAG 1.3.1 |
| 43 | <marquee> elements are deprecated and must not be used | marquee | WCAG 2 Level A, WCAG 2.2.2 |
| 44 | Delayed refresh under 20 hours must not be used | meta-refresh | WCAG 2 Level A, WCAG 2.2.1 |
| 45 | <object> elements must have alternate text | object-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 46 | [role='img'] elements must have an alternative text | role-img-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 47 | scope attribute should be used correctly | scope-attr-valid | Best practice |
| 48 | Select element must have an accessible name | select-name | WCAG 2 Level A, WCAG 4.1.2 |
| 49 | Server-side image maps must not be used | server-side-image-map | WCAG 2 Level A, WCAG 2.1.1 |
| 50 | The skip-link target should exist and be focusable | skip-link | Best practice |
| 51 | <svg> elements with an img role must have an alternative text | svg-img-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 52 | Elements should not have tabindex greater than zero | tabindex | Best practice |
| 53 | tables should not have the same summary and caption | table-duplicate-name | Best practice |
| 54 | 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 |
| 55 | Table headers in a data table must refer to data cells | th-has-data-cells | WCAG 2 Level A, WCAG 1.3.1 |
| 56 | <video> elements must have captions | video-caption | WCAG 2 Level A, WCAG 1.2.2 |
| 57 | <video> or <audio> elements must not play automatically | no-autoplay-audio | WCAG 2 Level A, WCAG 1.4.2 |
| # | Rule ID | Enabled |
|---|---|---|
| 1 | page-has-heading-one | false |