axe DevTools Linter Accessibility Rules
This article contains information about the rules and tags recognized by axe DevTools Linter, and each rule links to a page on Deque University with more information.
Rules
axe DevTools Linter checks your source against the following rules:
- area-alt
- aria-allowed-attr
- aria-allowed-role
- aria-command-name
- aria-conditional-attr
- aria-deprecated-role
- aria-dialog-name
- aria-input-field-name
- aria-meter-name
- aria-progressbar-name
- aria-prohibited-attr
- aria-required-attr
- aria-roles
- aria-text
- aria-toggle-field-name
- aria-tooltip-name
- aria-treeitem-name
- aria-valid-attr
- aria-valid-attr-value
- autocomplete-valid
- button-name
- definition-list
- empty-heading
- empty-table-header
- frame-title
- html-has-lang
- html-lang-valid
- image-alt
- input-button-name
- input-image-alt
- label
- link-name
- list
- meta-refresh
- meta-viewport
- nested-interactive
- object-alt
- presentation-role-conflict
- role-img-alt
- select-name
- summary-name
- svg-img-alt
- tabindex
- valid-lang
Markdown Rule
axe DevTools Linter checks your Markdown source against the following rule:
React Native Rules
For information on the rules for linting React Native code, see Using axe DevTools Linter for React Native.
Tags
The following table shows the tags that axe DevTools Linter accepts (for selecting which rules to check your source against):
Tag Name | Accessibility Standard / Purpose |
---|---|
wcag2a |
WCAG 2.0 Level A |
wcag2aa |
WCAG 2.0 Level AA |
wcag21a |
WCAG 2.1 Level A |
wcag21aa |
WCAG 2.1 Level AA |
best-practice |
Common accessibility best practices |