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