Socket
Socket
Sign inDemoInstall

@sa11y/preset-rules

Package Overview
Dependencies
Maintainers
1
Versions
78
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sa11y/preset-rules - npm Package Compare versions

Comparing version 0.3.5 to 0.3.6

8

package.json
{
"name": "@sa11y/preset-rules",
"version": "0.3.5",
"version": "0.3.6",
"description": "Accessibility preset rule configs for axe",

@@ -24,6 +24,6 @@ "license": "BSD-3-Clause",

"dependencies": {
"axe-core": "4.2.3"
"axe-core": "4.3.1"
},
"devDependencies": {
"@sa11y/common": "0.3.3"
"@sa11y/common": "0.3.4"
},

@@ -33,3 +33,3 @@ "publishConfig": {

},
"gitHead": "375464f74bbc4a19d6cc0173d794cb6058ab8d00"
"gitHead": "b467267721224280cd564bf4ca53519752301d34"
}

@@ -38,54 +38,54 @@ # `@sa11y/preset-rules`

| ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | ----------------- | -------------------------- | ------------------ | ---------------------- | ----------------------- |
| [area-alt](https://dequeuniversity.com/rules/axe/4.2/area-alt) | Ensures <area> elements of image maps have alternate text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-allowed-attr](https://dequeuniversity.com/rules/axe/4.2/aria-allowed-attr) | Ensures ARIA attributes are allowed for an element's role | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-command-name](https://dequeuniversity.com/rules/axe/4.2/aria-command-name) | Ensures every ARIA button, link and menuitem has an accessible name | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-hidden-body](https://dequeuniversity.com/rules/axe/4.2/aria-hidden-body) | Ensures aria-hidden='true' is not present on the document body. | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-hidden-focus](https://dequeuniversity.com/rules/axe/4.2/aria-hidden-focus) | Ensures aria-hidden elements do not contain focusable elements | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-input-field-name](https://dequeuniversity.com/rules/axe/4.2/aria-input-field-name) | Ensures every ARIA input field has an accessible name | Moderate, Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-meter-name](https://dequeuniversity.com/rules/axe/4.2/aria-meter-name) | Ensures every ARIA meter node has an accessible name | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-progressbar-name](https://dequeuniversity.com/rules/axe/4.2/aria-progressbar-name) | Ensures every ARIA progressbar node has an accessible name | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-required-attr](https://dequeuniversity.com/rules/axe/4.2/aria-required-attr) | Ensures elements with ARIA roles have all required ARIA attributes | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-required-children](https://dequeuniversity.com/rules/axe/4.2/aria-required-children) | Ensures elements with an ARIA role that require child roles contain them | Critical | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-required-parent](https://dequeuniversity.com/rules/axe/4.2/aria-required-parent) | Ensures elements with an ARIA role that require parent roles are contained by them | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-roledescription](https://dequeuniversity.com/rules/axe/4.2/aria-roledescription) | Ensure aria-roledescription is only used on elements with an implicit or explicit role | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-roles](https://dequeuniversity.com/rules/axe/4.2/aria-roles) | Ensures all elements with a role attribute use a valid value | Serious, Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-toggle-field-name](https://dequeuniversity.com/rules/axe/4.2/aria-toggle-field-name) | Ensures every ARIA toggle field has an accessible name | Moderate, Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-tooltip-name](https://dequeuniversity.com/rules/axe/4.2/aria-tooltip-name) | Ensures every ARIA tooltip node has an accessible name | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-valid-attr-value](https://dequeuniversity.com/rules/axe/4.2/aria-valid-attr-value) | Ensures all ARIA attributes have valid values | Critical | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-valid-attr](https://dequeuniversity.com/rules/axe/4.2/aria-valid-attr) | Ensures attributes that begin with aria- are valid ARIA attributes | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [audio-caption](https://dequeuniversity.com/rules/axe/4.2/audio-caption) | Ensures <audio> elements have captions | Critical | needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [blink](https://dequeuniversity.com/rules/axe/4.2/blink) | Ensures <blink> elements are not used | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [button-name](https://dequeuniversity.com/rules/axe/4.2/button-name) | Ensures buttons have discernible text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [bypass](https://dequeuniversity.com/rules/axe/4.2/bypass) | Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [color-contrast](https://dequeuniversity.com/rules/axe/4.2/color-contrast) | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [dlitem](https://dequeuniversity.com/rules/axe/4.2/dlitem) | Ensures <dt> and <dd> elements are contained by a <dl> | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [definition-list](https://dequeuniversity.com/rules/axe/4.2/definition-list) | Ensures <dl> elements are structured correctly | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [document-title](https://dequeuniversity.com/rules/axe/4.2/document-title) | Ensures each HTML document contains a non-empty <title> element | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [duplicate-id-active](https://dequeuniversity.com/rules/axe/4.2/duplicate-id-active) | Ensures every id attribute value of active elements is unique | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [duplicate-id-aria](https://dequeuniversity.com/rules/axe/4.2/duplicate-id-aria) | Ensures every id attribute value used in ARIA and in labels is unique | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [duplicate-id](https://dequeuniversity.com/rules/axe/4.2/duplicate-id) | Ensures every id attribute value is unique | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [form-field-multiple-labels](https://dequeuniversity.com/rules/axe/4.2/form-field-multiple-labels) | Ensures form field does not have multiple label elements | Moderate | needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [frame-title](https://dequeuniversity.com/rules/axe/4.2/frame-title) | Ensures <iframe> and <frame> elements contain a non-empty title attribute | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [html-has-lang](https://dequeuniversity.com/rules/axe/4.2/html-has-lang) | Ensures every HTML document has a lang attribute | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [html-lang-valid](https://dequeuniversity.com/rules/axe/4.2/html-lang-valid) | Ensures the lang attribute of the <html> element has a valid value | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [html-xml-lang-mismatch](https://dequeuniversity.com/rules/axe/4.2/html-xml-lang-mismatch) | Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [image-alt](https://dequeuniversity.com/rules/axe/4.2/image-alt) | Ensures <img> elements have alternate text or a role of none or presentation | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [input-button-name](https://dequeuniversity.com/rules/axe/4.2/input-button-name) | Ensures input buttons have discernible text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [input-image-alt](https://dequeuniversity.com/rules/axe/4.2/input-image-alt) | Ensures <input type="image"> elements have alternate text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [label](https://dequeuniversity.com/rules/axe/4.2/label) | Ensures every form element has a label | Minor, Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [link-name](https://dequeuniversity.com/rules/axe/4.2/link-name) | Ensures links have discernible text | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [list](https://dequeuniversity.com/rules/axe/4.2/list) | Ensures that lists are structured correctly | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [listitem](https://dequeuniversity.com/rules/axe/4.2/listitem) | Ensures <li> elements are used semantically | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [marquee](https://dequeuniversity.com/rules/axe/4.2/marquee) | Ensures <marquee> elements are not used | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [meta-refresh](https://dequeuniversity.com/rules/axe/4.2/meta-refresh) | Ensures <meta http-equiv="refresh"> is not used | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [object-alt](https://dequeuniversity.com/rules/axe/4.2/object-alt) | Ensures <object> elements have alternate text | Serious | failure | :x: | :heavy_check_mark: | <obj> rarely used |
| [role-img-alt](https://dequeuniversity.com/rules/axe/4.2/role-img-alt) | Ensures [role='img'] elements have alternate text | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [scrollable-region-focusable](https://dequeuniversity.com/rules/axe/4.2/scrollable-region-focusable) | Elements that have scrollable content should be accessible by keyboard | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [select-name](https://dequeuniversity.com/rules/axe/4.2/select-name) | Ensures select element has an accessible name | Minor, Critical | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [server-side-image-map](https://dequeuniversity.com/rules/axe/4.2/server-side-image-map) | Ensures that server-side image maps are not used | Minor | needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [svg-img-alt](https://dequeuniversity.com/rules/axe/4.2/svg-img-alt) | Ensures svg elements with an img, graphics-document or graphics-symbol role have an accessible text | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [td-headers-attr](https://dequeuniversity.com/rules/axe/4.2/td-headers-attr) | Ensure that each cell in a table using the headers refers to another cell in that table | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [th-has-data-cells](https://dequeuniversity.com/rules/axe/4.2/th-has-data-cells) | Ensure that each table header in a data table refers to data cells | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [valid-lang](https://dequeuniversity.com/rules/axe/4.2/valid-lang) | Ensures lang attributes have valid values | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [video-caption](https://dequeuniversity.com/rules/axe/4.2/video-caption) | Ensures <video> elements have captions | Critical | needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [area-alt](https://dequeuniversity.com/rules/axe/4.3/area-alt) | Ensures <area> elements of image maps have alternate text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-allowed-attr](https://dequeuniversity.com/rules/axe/4.3/aria-allowed-attr) | Ensures ARIA attributes are allowed for an element's role | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-command-name](https://dequeuniversity.com/rules/axe/4.3/aria-command-name) | Ensures every ARIA button, link and menuitem has an accessible name | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-hidden-body](https://dequeuniversity.com/rules/axe/4.3/aria-hidden-body) | Ensures aria-hidden='true' is not present on the document body. | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-hidden-focus](https://dequeuniversity.com/rules/axe/4.3/aria-hidden-focus) | Ensures aria-hidden elements do not contain focusable elements | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-input-field-name](https://dequeuniversity.com/rules/axe/4.3/aria-input-field-name) | Ensures every ARIA input field has an accessible name | Moderate, Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-meter-name](https://dequeuniversity.com/rules/axe/4.3/aria-meter-name) | Ensures every ARIA meter node has an accessible name | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-progressbar-name](https://dequeuniversity.com/rules/axe/4.3/aria-progressbar-name) | Ensures every ARIA progressbar node has an accessible name | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-required-attr](https://dequeuniversity.com/rules/axe/4.3/aria-required-attr) | Ensures elements with ARIA roles have all required ARIA attributes | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-required-children](https://dequeuniversity.com/rules/axe/4.3/aria-required-children) | Ensures elements with an ARIA role that require child roles contain them | Critical | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-required-parent](https://dequeuniversity.com/rules/axe/4.3/aria-required-parent) | Ensures elements with an ARIA role that require parent roles are contained by them | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-roledescription](https://dequeuniversity.com/rules/axe/4.3/aria-roledescription) | Ensure aria-roledescription is only used on elements with an implicit or explicit role | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-roles](https://dequeuniversity.com/rules/axe/4.3/aria-roles) | Ensures all elements with a role attribute use a valid value | Serious, Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-toggle-field-name](https://dequeuniversity.com/rules/axe/4.3/aria-toggle-field-name) | Ensures every ARIA toggle field has an accessible name | Moderate, Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-tooltip-name](https://dequeuniversity.com/rules/axe/4.3/aria-tooltip-name) | Ensures every ARIA tooltip node has an accessible name | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-valid-attr-value](https://dequeuniversity.com/rules/axe/4.3/aria-valid-attr-value) | Ensures all ARIA attributes have valid values | Critical | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [aria-valid-attr](https://dequeuniversity.com/rules/axe/4.3/aria-valid-attr) | Ensures attributes that begin with aria- are valid ARIA attributes | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [audio-caption](https://dequeuniversity.com/rules/axe/4.3/audio-caption) | Ensures <audio> elements have captions | Critical | needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [blink](https://dequeuniversity.com/rules/axe/4.3/blink) | Ensures <blink> elements are not used | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [button-name](https://dequeuniversity.com/rules/axe/4.3/button-name) | Ensures buttons have discernible text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [bypass](https://dequeuniversity.com/rules/axe/4.3/bypass) | Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [color-contrast](https://dequeuniversity.com/rules/axe/4.3/color-contrast) | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [dlitem](https://dequeuniversity.com/rules/axe/4.3/dlitem) | Ensures <dt> and <dd> elements are contained by a <dl> | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [definition-list](https://dequeuniversity.com/rules/axe/4.3/definition-list) | Ensures <dl> elements are structured correctly | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [document-title](https://dequeuniversity.com/rules/axe/4.3/document-title) | Ensures each HTML document contains a non-empty <title> element | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [duplicate-id-active](https://dequeuniversity.com/rules/axe/4.3/duplicate-id-active) | Ensures every id attribute value of active elements is unique | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [duplicate-id-aria](https://dequeuniversity.com/rules/axe/4.3/duplicate-id-aria) | Ensures every id attribute value used in ARIA and in labels is unique | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [duplicate-id](https://dequeuniversity.com/rules/axe/4.3/duplicate-id) | Ensures every id attribute value is unique | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [form-field-multiple-labels](https://dequeuniversity.com/rules/axe/4.3/form-field-multiple-labels) | Ensures form field does not have multiple label elements | Moderate | needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [frame-title](https://dequeuniversity.com/rules/axe/4.3/frame-title) | Ensures <iframe> and <frame> elements contain a non-empty title attribute | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [html-has-lang](https://dequeuniversity.com/rules/axe/4.3/html-has-lang) | Ensures every HTML document has a lang attribute | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [html-lang-valid](https://dequeuniversity.com/rules/axe/4.3/html-lang-valid) | Ensures the lang attribute of the <html> element has a valid value | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [html-xml-lang-mismatch](https://dequeuniversity.com/rules/axe/4.3/html-xml-lang-mismatch) | Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [image-alt](https://dequeuniversity.com/rules/axe/4.3/image-alt) | Ensures <img> elements have alternate text or a role of none or presentation | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [input-button-name](https://dequeuniversity.com/rules/axe/4.3/input-button-name) | Ensures input buttons have discernible text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [input-image-alt](https://dequeuniversity.com/rules/axe/4.3/input-image-alt) | Ensures <input type="image"> elements have alternate text | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [label](https://dequeuniversity.com/rules/axe/4.3/label) | Ensures every form element has a label | Minor, Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [link-name](https://dequeuniversity.com/rules/axe/4.3/link-name) | Ensures links have discernible text | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [list](https://dequeuniversity.com/rules/axe/4.3/list) | Ensures that lists are structured correctly | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [listitem](https://dequeuniversity.com/rules/axe/4.3/listitem) | Ensures <li> elements are used semantically | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [marquee](https://dequeuniversity.com/rules/axe/4.3/marquee) | Ensures <marquee> elements are not used | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [meta-refresh](https://dequeuniversity.com/rules/axe/4.3/meta-refresh) | Ensures <meta http-equiv="refresh"> is not used | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [object-alt](https://dequeuniversity.com/rules/axe/4.3/object-alt) | Ensures <object> elements have alternate text | Serious | failure | :x: | :heavy_check_mark: | <obj> rarely used |
| [role-img-alt](https://dequeuniversity.com/rules/axe/4.3/role-img-alt) | Ensures [role='img'] elements have alternate text | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [scrollable-region-focusable](https://dequeuniversity.com/rules/axe/4.3/scrollable-region-focusable) | Elements that have scrollable content should be accessible by keyboard | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [select-name](https://dequeuniversity.com/rules/axe/4.3/select-name) | Ensures select element has an accessible name | Minor, Critical | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [server-side-image-map](https://dequeuniversity.com/rules/axe/4.3/server-side-image-map) | Ensures that server-side image maps are not used | Minor | needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [svg-img-alt](https://dequeuniversity.com/rules/axe/4.3/svg-img-alt) | Ensures svg elements with an img, graphics-document or graphics-symbol role have an accessible text | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [td-headers-attr](https://dequeuniversity.com/rules/axe/4.3/td-headers-attr) | Ensure that each cell in a table using the headers refers to another cell in that table | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [th-has-data-cells](https://dequeuniversity.com/rules/axe/4.3/th-has-data-cells) | Ensure that each table header in a data table refers to data cells | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [valid-lang](https://dequeuniversity.com/rules/axe/4.3/valid-lang) | Ensures lang attributes have valid values | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [video-caption](https://dequeuniversity.com/rules/axe/4.3/video-caption) | Ensures <video> elements have captions | Critical | needs review | :heavy_check_mark: | :heavy_check_mark: | |

@@ -96,4 +96,4 @@ ### WCAG 2.1 Level A & AA Rules

| -------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | ------- | ---------- | ------------------ | ---------------------- | ----------------------------------- |
| [autocomplete-valid](https://dequeuniversity.com/rules/axe/4.2/autocomplete-valid) | Ensure the autocomplete attribute is correct and suitable for the form field | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [avoid-inline-spacing](https://dequeuniversity.com/rules/axe/4.2/avoid-inline-spacing) | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets | Serious | failure | :x: | :heavy_check_mark: | TBD on how widespread this issue is |
| [autocomplete-valid](https://dequeuniversity.com/rules/axe/4.3/autocomplete-valid) | Ensure the autocomplete attribute is correct and suitable for the form field | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [avoid-inline-spacing](https://dequeuniversity.com/rules/axe/4.3/avoid-inline-spacing) | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets | Serious | failure | :x: | :heavy_check_mark: | TBD on how widespread this issue is |

@@ -104,33 +104,33 @@ ### Best Practices Rules

| Rule ID | Description | Impact | Issue Type | In Base Ruleset | In Recommended Ruleset | Notes |
| ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------------------------- | ------------------ | ---------------------- | -------------------------------------- |
| [accesskeys](https://dequeuniversity.com/rules/axe/4.2/accesskeys) | Ensures every accesskey attribute value is unique | Serious | failure | :x: | :heavy_check_mark: | Rarely applicable |
| [aria-allowed-role](https://dequeuniversity.com/rules/axe/4.2/aria-allowed-role) | Ensures role attribute has an appropriate value for the element | Minor | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-dialog-name](https://dequeuniversity.com/rules/axe/4.2/aria-dialog-name) | Ensures every ARIA dialog and alertdialog node has an accessible name | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-treeitem-name](https://dequeuniversity.com/rules/axe/4.2/aria-treeitem-name) | Ensures every ARIA treeitem node has an accessible name | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [empty-heading](https://dequeuniversity.com/rules/axe/4.2/empty-heading) | Ensures headings have discernible text | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [frame-tested](https://dequeuniversity.com/rules/axe/4.2/frame-tested) | Ensures <iframe> and <frame> elements contain the axe-core script | Critical | failure, needs review | :x: | :heavy_check_mark: | |
| [frame-title-unique](https://dequeuniversity.com/rules/axe/4.2/frame-title-unique) | Ensures <iframe> and <frame> elements contain a unique title attribute | Serious | failure | :x: | :x: | May not be able to control for this on highly customizable pages with many embedded components |
| [heading-order](https://dequeuniversity.com/rules/axe/4.2/heading-order) | Ensures the order of headings is semantically correct | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [identical-links-same-purpose](https://dequeuniversity.com/rules/axe/4.2/identical-links-same-purpose) | Ensure that links with the same accessible name serve a similar purpose | Minor | needs review | :x: | :heavy_check_mark: | May not be able to control for this on highly customizable pages with many embedded components | |
| [image-redundant-alt](https://dequeuniversity.com/rules/axe/4.2/image-redundant-alt) | Ensure image alternative is not repeated as text | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | Common bug worth catching! |
| [label-title-only](https://dequeuniversity.com/rules/axe/4.2/label-title-only) | Ensures that every form element is not solely labeled using the title or aria-describedby attributes | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [landmark-banner-is-top-level](https://dequeuniversity.com/rules/axe/4.2/landmark-banner-is-top-level) | Ensures the banner landmark is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-complementary-is-top-level](https://dequeuniversity.com/rules/axe/4.2/landmark-complementary-is-top-level) | Ensures the complementary landmark or aside is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-contentinfo-is-top-level](https://dequeuniversity.com/rules/axe/4.2/landmark-contentinfo-is-top-level) | Ensures the contentinfo landmark is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-main-is-top-level](https://dequeuniversity.com/rules/axe/4.2/landmark-main-is-top-level) | Ensures the main landmark is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-no-duplicate-banner](https://dequeuniversity.com/rules/axe/4.2/landmark-no-duplicate-banner) | Ensures the document has at most one banner landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-no-duplicate-contentinfo](https://dequeuniversity.com/rules/axe/4.2/landmark-no-duplicate-contentinfo) | Ensures the document has at most one contentinfo landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-no-duplicate-main](https://dequeuniversity.com/rules/axe/4.2/landmark-no-duplicate-main) | Ensures the document has at most one main landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-one-main](https://dequeuniversity.com/rules/axe/4.2/landmark-one-main) | Ensures the document has a main landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-unique](https://dequeuniversity.com/rules/axe/4.2/landmark-unique) | Landmarks must have a unique role or role/label/title (i.e. accessible name) combination | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [meta-viewport-large](https://dequeuniversity.com/rules/axe/4.2/meta-viewport-large) | Ensures <meta name="viewport"> can scale a significant amount | Minor | failure | :x: | :heavy_check_mark: | |
| [meta-viewport](https://dequeuniversity.com/rules/axe/4.2/meta-viewport) | Ensures <meta name="viewport"> does not disable text scaling and zooming | Critical | failure | :x: | :heavy_check_mark: | |
| [page-has-heading-one](https://dequeuniversity.com/rules/axe/4.2/page-has-heading-one) | Ensure that the page, or at least one of its frames contains a level-one heading | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | This should always be true |
| [presentation-role-conflict](https://dequeuniversity.com/rules/axe/4.2/presentation-role-conflict) | Flags elements whose role is none or presentation and which cause the role conflict resolution to trigger. | Minor | failure | :x: | :heavy_check_mark: | |
| [region](https://dequeuniversity.com/rules/axe/4.2/region) | Ensures all page content is contained by landmarks | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [scope-attr-valid](https://dequeuniversity.com/rules/axe/4.2/scope-attr-valid) | Ensures the scope attribute is used correctly on tables | Moderate, Critical | failure | :heavy_check_mark: | :heavy_check_mark: | This should always be true |
| [skip-link](https://dequeuniversity.com/rules/axe/4.2/skip-link) | Ensure all skip links have a focusable target | Moderate | failure, needs review | :x: | :x: | Strict test for in-page links, doesn't pass for JS skip links |
| [tabindex](https://dequeuniversity.com/rules/axe/4.2/tabindex) | Ensures tabindex attribute values are not greater than 0 | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | This should always be true |
| [table-duplicate-name](https://dequeuniversity.com/rules/axe/4.2/table-duplicate-name) | Ensure that tables do not have the same summary and caption | Minor | failure | :x: | :x: | Table captions rarely used in our apps |
| Rule ID | Description | Impact | Issue Type | In Base Ruleset | In Recommended Ruleset | Notes |
| -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------ | -------------------------- | ------------------ | ---------------------- | ---------------------------------------------------------------------------------------------- |
| [accesskeys](https://dequeuniversity.com/rules/axe/4.3/accesskeys) | Ensures every accesskey attribute value is unique | Serious | failure | :x: | :heavy_check_mark: | Rarely applicable |
| [aria-allowed-role](https://dequeuniversity.com/rules/axe/4.3/aria-allowed-role) | Ensures role attribute has an appropriate value for the element | Minor | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-dialog-name](https://dequeuniversity.com/rules/axe/4.3/aria-dialog-name) | Ensures every ARIA dialog and alertdialog node has an accessible name | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [aria-treeitem-name](https://dequeuniversity.com/rules/axe/4.3/aria-treeitem-name) | Ensures every ARIA treeitem node has an accessible name | Serious | failure, needs review | :heavy_check_mark: | :heavy_check_mark: | |
| [empty-heading](https://dequeuniversity.com/rules/axe/4.3/empty-heading) | Ensures headings have discernible text | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [frame-tested](https://dequeuniversity.com/rules/axe/4.3/frame-tested) | Ensures <iframe> and <frame> elements contain the axe-core script | Critical | failure, needs review | :x: | :heavy_check_mark: | |
| [frame-title-unique](https://dequeuniversity.com/rules/axe/4.3/frame-title-unique) | Ensures <iframe> and <frame> elements contain a unique title attribute | Serious | failure | :x: | :x: | May not be able to control for this on highly customizable pages with many embedded components |
| [heading-order](https://dequeuniversity.com/rules/axe/4.3/heading-order) | Ensures the order of headings is semantically correct | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [identical-links-same-purpose](https://dequeuniversity.com/rules/axe/4.3/identical-links-same-purpose) | Ensure that links with the same accessible name serve a similar purpose | Minor | needs review | :x: | :heavy_check_mark: | May not be able to control for this on highly customizable pages with many embedded components | |
| [image-redundant-alt](https://dequeuniversity.com/rules/axe/4.3/image-redundant-alt) | Ensure image alternative is not repeated as text | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | Common bug worth catching! |
| [label-title-only](https://dequeuniversity.com/rules/axe/4.3/label-title-only) | Ensures that every form element is not solely labeled using the title or aria-describedby attributes | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [landmark-banner-is-top-level](https://dequeuniversity.com/rules/axe/4.3/landmark-banner-is-top-level) | Ensures the banner landmark is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-complementary-is-top-level](https://dequeuniversity.com/rules/axe/4.3/landmark-complementary-is-top-level) | Ensures the complementary landmark or aside is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-contentinfo-is-top-level](https://dequeuniversity.com/rules/axe/4.3/landmark-contentinfo-is-top-level) | Ensures the contentinfo landmark is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-main-is-top-level](https://dequeuniversity.com/rules/axe/4.3/landmark-main-is-top-level) | Ensures the main landmark is at top level | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-no-duplicate-banner](https://dequeuniversity.com/rules/axe/4.3/landmark-no-duplicate-banner) | Ensures the document has at most one banner landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-no-duplicate-contentinfo](https://dequeuniversity.com/rules/axe/4.3/landmark-no-duplicate-contentinfo) | Ensures the document has at most one contentinfo landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-no-duplicate-main](https://dequeuniversity.com/rules/axe/4.3/landmark-no-duplicate-main) | Ensures the document has at most one main landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-one-main](https://dequeuniversity.com/rules/axe/4.3/landmark-one-main) | Ensures the document has a main landmark | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [landmark-unique](https://dequeuniversity.com/rules/axe/4.3/landmark-unique) | Landmarks must have a unique role or role/label/title (i.e. accessible name) combination | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [meta-viewport-large](https://dequeuniversity.com/rules/axe/4.3/meta-viewport-large) | Ensures <meta name="viewport"> can scale a significant amount | Minor | failure | :x: | :heavy_check_mark: | |
| [meta-viewport](https://dequeuniversity.com/rules/axe/4.3/meta-viewport) | Ensures <meta name="viewport"> does not disable text scaling and zooming | Critical | failure | :x: | :heavy_check_mark: | |
| [page-has-heading-one](https://dequeuniversity.com/rules/axe/4.3/page-has-heading-one) | Ensure that the page, or at least one of its frames contains a level-one heading | Moderate | failure | :heavy_check_mark: | :heavy_check_mark: | This should always be true |
| [presentation-role-conflict](https://dequeuniversity.com/rules/axe/4.3/presentation-role-conflict) | Flags elements whose role is none or presentation and which cause the role conflict resolution to trigger. | Minor | failure | :x: | :heavy_check_mark: | |
| [region](https://dequeuniversity.com/rules/axe/4.3/region) | Ensures all page content is contained by landmarks | Moderate | failure | :x: | :heavy_check_mark: | Still have landmark work to do before enabling in "Base" set |
| [scope-attr-valid](https://dequeuniversity.com/rules/axe/4.3/scope-attr-valid) | Ensures the scope attribute is used correctly on tables | Moderate, Critical | failure | :heavy_check_mark: | :heavy_check_mark: | This should always be true |
| [skip-link](https://dequeuniversity.com/rules/axe/4.3/skip-link) | Ensure all skip links have a focusable target | Moderate | failure, needs review | :x: | :x: | Strict test for in-page links, doesn't pass for JS skip links |
| [tabindex](https://dequeuniversity.com/rules/axe/4.3/tabindex) | Ensures tabindex attribute values are not greater than 0 | Serious | failure | :heavy_check_mark: | :heavy_check_mark: | This should always be true |
| [table-duplicate-name](https://dequeuniversity.com/rules/axe/4.3/table-duplicate-name) | Ensure that tables do not have the same summary and caption | Minor | failure | :x: | :x: | Table captions rarely used in our apps |

@@ -143,10 +143,10 @@ ### Experimental Rules

| ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------------------------- | ------------------ | ---------------------- | -------------------------------------- |
| [css-orientation-lock](https://dequeuniversity.com/rules/axe/4.2/css-orientation-lock) | Ensures content is not locked to any specific display orientation, and the content is operable in all display orientations | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [focus-order-semantics](https://dequeuniversity.com/rules/axe/4.2/focus-order-semantics) | Ensures elements in the focus order have an appropriate role | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [hidden-content](https://dequeuniversity.com/rules/axe/4.2/hidden-content) | Informs users about hidden content. | Minor | failure, needs review | :x: | :x: | Can have false positives |
| [label-content-name-mismatch](https://dequeuniversity.com/rules/axe/4.2/label-content-name-mismatch) | Ensures that elements labelled through their content must have their visible text as part of their accessible name | Serious | failure | :x: | :heavy_check_mark: | |
| [link-in-text-block](https://dequeuniversity.com/rules/axe/4.2/link-in-text-block) | Links can be distinguished without relying on color | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [no-autoplay-audio](https://dequeuniversity.com/rules/axe/4.2/no-autoplay-audio) | Ensures <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio | Moderate | failure, needs review | :x: | :heavy_check_mark: | |
| [p-as-heading](https://dequeuniversity.com/rules/axe/4.2/p-as-heading) | Ensure p elements are not used to style headings | Serious | failure | :x: | :heavy_check_mark: | |
| [table-fake-caption](https://dequeuniversity.com/rules/axe/4.2/table-fake-caption) | Ensure that tables with a caption use the <caption> element. | Serious | failure | :x: | :x: | Table captions rarely used in our apps |
| [td-has-header](https://dequeuniversity.com/rules/axe/4.2/td-has-header) | Ensure that each non-empty data cell in a large table has one or more table headers | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [css-orientation-lock](https://dequeuniversity.com/rules/axe/4.3/css-orientation-lock) | Ensures content is not locked to any specific display orientation, and the content is operable in all display orientations | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [focus-order-semantics](https://dequeuniversity.com/rules/axe/4.3/focus-order-semantics) | Ensures elements in the focus order have an appropriate role | Minor | failure | :heavy_check_mark: | :heavy_check_mark: | |
| [hidden-content](https://dequeuniversity.com/rules/axe/4.3/hidden-content) | Informs users about hidden content. | Minor | failure, needs review | :x: | :x: | Can have false positives |
| [label-content-name-mismatch](https://dequeuniversity.com/rules/axe/4.3/label-content-name-mismatch) | Ensures that elements labelled through their content must have their visible text as part of their accessible name | Serious | failure | :x: | :heavy_check_mark: | |
| [link-in-text-block](https://dequeuniversity.com/rules/axe/4.3/link-in-text-block) | Links can be distinguished without relying on color | Serious | failure, needs review | :x: | :heavy_check_mark: | |
| [no-autoplay-audio](https://dequeuniversity.com/rules/axe/4.3/no-autoplay-audio) | Ensures <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio | Moderate | failure, needs review | :x: | :heavy_check_mark: | |
| [p-as-heading](https://dequeuniversity.com/rules/axe/4.3/p-as-heading) | Ensure p elements are not used to style headings | Serious | failure | :x: | :heavy_check_mark: | |
| [table-fake-caption](https://dequeuniversity.com/rules/axe/4.3/table-fake-caption) | Ensure that tables with a caption use the <caption> element. | Serious | failure | :x: | :x: | Table captions rarely used in our apps |
| [td-has-header](https://dequeuniversity.com/rules/axe/4.3/td-has-header) | Ensure that each non-empty data cell in a large table has one or more table headers | Critical | failure | :heavy_check_mark: | :heavy_check_mark: | |
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc