Axe-core® Accessibility Results for JMRP.io (light) project
Page URL:
http://localhost:4321/tools/csp-builder/
axe-core found 0 violations
| # | 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 | 38 |
| 2 | ARIA role should be appropriate for the element | aria-allowed-role | Best practice | 8 |
| 3 | ARIA attributes must be used as specified for the element's role | aria-conditional-attr | WCAG 2 Level A, WCAG 4.1.2 | 38 |
| 4 | Deprecated ARIA roles must not be used | aria-deprecated-role | WCAG 2 Level A, WCAG 4.1.2 | 8 |
| 5 | 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 |
| 6 | ARIA hidden element must not be focusable or contain focusable elements | aria-hidden-focus | WCAG 2 Level A, WCAG 4.1.2 | 19 |
| 7 | Elements must only use permitted ARIA attributes | aria-prohibited-attr | WCAG 2 Level A, WCAG 4.1.2 | 38 |
| 8 | Required ARIA attributes must be provided | aria-required-attr | WCAG 2 Level A, WCAG 4.1.2 | 8 |
| 9 | ARIA roles used must conform to valid values | aria-roles | WCAG 2 Level A, WCAG 4.1.2 | 8 |
| 10 | ARIA attributes must conform to valid values | aria-valid-attr-value | WCAG 2 Level A, WCAG 4.1.2 | 38 |
| 11 | ARIA attributes must conform to valid names | aria-valid-attr | WCAG 2 Level A, WCAG 4.1.2 | 38 |
| 12 | Buttons must have discernible text | button-name | WCAG 2 Level A, WCAG 4.1.2 | 13 |
| 13 | Page must have means to bypass repeated blocks | bypass | WCAG 2 Level A, WCAG 2.4.1 | 1 |
| 14 | Elements must meet minimum color contrast ratio thresholds | color-contrast | WCAG 2 Level AA, WCAG 1.4.3 | 120 |
| 15 | Documents must have <title> element to aid in navigation | document-title | WCAG 2 Level A, WCAG 2.4.2 | 1 |
| 16 | IDs used in ARIA and labels must be unique | duplicate-id-aria | WCAG 2 Level A, WCAG 4.1.2 | 2 |
| 17 | Headings should not be empty | empty-heading | Best practice | 9 |
| 18 | Form field must not have multiple label elements | form-field-multiple-labels | WCAG 2 Level A, WCAG 3.3.2 | 11 |
| 19 | Heading levels should only increase by one | heading-order | Best practice | 9 |
| 20 | <html> element must have a lang attribute | html-has-lang | WCAG 2 Level A, WCAG 3.1.1 | 1 |
| 21 | <html> element must have a valid value for the lang attribute | html-lang-valid | WCAG 2 Level A, WCAG 3.1.1 | 1 |
| 22 | Form elements should have a visible label | label-title-only | Best practice | 11 |
| 23 | Form elements must have labels | label | WCAG 2 Level A, WCAG 4.1.2 | 10 |
| 24 | Banner landmark should not be contained in another landmark | landmark-banner-is-top-level | Best practice | 1 |
| 25 | Contentinfo landmark should not be contained in another landmark | landmark-contentinfo-is-top-level | Best practice | 1 |
| 26 | Main landmark should not be contained in another landmark | landmark-main-is-top-level | Best practice | 1 |
| 27 | Document should not have more than one banner landmark | landmark-no-duplicate-banner | Best practice | 1 |
| 28 | Document should not have more than one contentinfo landmark | landmark-no-duplicate-contentinfo | Best practice | 1 |
| 29 | Document should not have more than one main landmark | landmark-no-duplicate-main | Best practice | 1 |
| 30 | Document should have one main landmark | landmark-one-main | Best practice | 1 |
| 31 | Landmarks should have a unique role or role/label/title (i.e. accessible name) combination | landmark-unique | Best practice | 9 |
| 32 | Links must have discernible text | link-name | WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 | 18 |
| 33 | <ul> and <ol> must only directly contain <li>, <script> or <template> elements | list | WCAG 2 Level A, WCAG 1.3.1 | 4 |
| 34 | <li> elements must be contained in a <ul> or <ol> | listitem | WCAG 2 Level A, WCAG 1.3.1 | 20 |
| 35 | Users should be able to zoom and scale the text up to 500% | meta-viewport-large | Best practice | 1 |
| 36 | Zooming and scaling must not be disabled | meta-viewport | WCAG 2 Level AA, WCAG 1.4.4 | 1 |
| 37 | Interactive controls must not be nested | nested-interactive | WCAG 2 Level A, WCAG 4.1.2 | 33 |
| 38 | Page should contain a level-one heading | page-has-heading-one | Best practice | 1 |
| 39 | All page content should be contained by landmarks | region | Best practice | 337 |
| 40 | Scrollable region must have keyboard access | scrollable-region-focusable | WCAG 2 Level A, WCAG 2.1.1, WCAG 2.1.3 | 1 |
| 41 | Select element must have an accessible name | select-name | WCAG 2 Level A, WCAG 4.1.2 | 1 |
| 42 | The skip-link target should exist and be focusable | skip-link | Best practice | 1 |
| 43 | Summary elements must have discernible text | summary-name | WCAG 2 Level A, WCAG 4.1.2 | 3 |
| 44 | Elements should not have tabindex greater than zero | tabindex | Best practice | 6 |
| 45 | 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.
| # | Description | Axe rule ID | WCAG | Nodes with incomplete check |
|---|---|---|---|---|
| 1 | Elements must meet minimum color contrast ratio thresholds | color-contrast | WCAG 2 Level AA, WCAG 1.4.3 | 9 |
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 alternative text | area-alt | WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 |
| 3 | aria-braille attributes must have a non-braille equivalent | aria-braille-equivalent | WCAG 2 Level A, WCAG 4.1.2 |
| 4 | ARIA commands must have an accessible name | aria-command-name | WCAG 2 Level A, WCAG 4.1.2 |
| 5 | ARIA dialog and alertdialog nodes should have an accessible name | aria-dialog-name | Best practice |
| 6 | ARIA input fields must have an accessible name | aria-input-field-name | WCAG 2 Level A, WCAG 4.1.2 |
| 7 | ARIA meter nodes must have an accessible name | aria-meter-name | WCAG 2 Level A, WCAG 1.1.1 |
| 8 | ARIA progressbar nodes must have an accessible name | aria-progressbar-name | WCAG 2 Level A, WCAG 1.1.1 |
| 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 | "role=text" should have no focusable descendants | aria-text | Best practice |
| 12 | ARIA toggle fields must have an accessible name | aria-toggle-field-name | WCAG 2 Level A, WCAG 4.1.2 |
| 13 | ARIA tooltip nodes must have an accessible name | aria-tooltip-name | WCAG 2 Level A, WCAG 4.1.2 |
| 14 | ARIA treeitem nodes should have an accessible name | aria-treeitem-name | Best practice |
| 15 | autocomplete attribute must be used correctly | autocomplete-valid | WCAG 2.1 Level AA, WCAG 1.3.5 |
| 16 | Inline text spacing must be adjustable with custom stylesheets | avoid-inline-spacing | WCAG 2.1 Level AA, WCAG 1.4.1.2 |
| 17 | <blink> elements are deprecated and must not be used | blink | WCAG 2 Level A, WCAG 2.2.2 |
| 18 | <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 |
| 19 | <dt> and <dd> elements must be contained by a <dl> | dlitem | WCAG 2 Level A, WCAG 1.3.1 |
| 20 | Table header text should not be empty | empty-table-header | Best practice |
| 21 | Frames with focusable content must not have tabindex=-1 | frame-focusable-content | WCAG 2 Level A, WCAG 2.1.1 |
| 22 | Frames should be tested with axe-core | frame-tested | Best practice |
| 23 | Frames must have a unique title attribute | frame-title-unique | WCAG 2 Level A, WCAG 4.1.2 |
| 24 | Frames must have an accessible name | frame-title | WCAG 2 Level A, WCAG 4.1.2 |
| 25 | 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 |
| 26 | Images must have alternative text | image-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 27 | Alternative text of images should not be repeated as text | image-redundant-alt | Best practice |
| 28 | Input buttons must have discernible text | input-button-name | WCAG 2 Level A, WCAG 4.1.2 |
| 29 | Image buttons must have alternative text | input-image-alt | WCAG 2 Level A, WCAG 1.1.1, WCAG 4.1.2 |
| 30 | Aside should not be contained in another landmark | landmark-complementary-is-top-level | Best practice |
| 31 | Links must be distinguishable without relying on color | link-in-text-block | WCAG 2 Level A, WCAG 1.4.1 |
| 32 | <marquee> elements are deprecated and must not be used | marquee | WCAG 2 Level A, WCAG 2.2.2 |
| 33 | Delayed refresh under 20 hours must not be used | meta-refresh | WCAG 2 Level A, WCAG 2.2.1 |
| 34 | <object> elements must have alternative text | object-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 35 | Elements marked as presentational should be consistently ignored | presentation-role-conflict | Best practice |
| 36 | [role="img"] elements must have alternative text | role-img-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 37 | scope attribute should be used correctly | scope-attr-valid | Best practice |
| 38 | Server-side image maps must not be used | server-side-image-map | WCAG 2 Level A, WCAG 2.1.1 |
| 39 | <svg> elements with an img role must have alternative text | svg-img-alt | WCAG 2 Level A, WCAG 1.1.1 |
| 40 | Tables should not have the same summary and caption | table-duplicate-name | Best practice |
| 41 | Table cell headers attributes must refer to other <th> elements in the same table | td-headers-attr | WCAG 2 Level A, WCAG 1.3.1 |
| 42 | Table headers in a data table must refer to data cells | th-has-data-cells | WCAG 2 Level A, WCAG 1.3.1 |
| 43 | <video> elements must have captions | video-caption | WCAG 2 Level A, WCAG 1.2.2 |
| 44 | <video> or <audio> elements must not play automatically | no-autoplay-audio | WCAG 2 Level A, WCAG 1.4.2 |