axe DevTools Linter Accessibility Rules

Link to axe DevTools Linter Accessibility Rules copied to clipboard
Free Trial

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:

  1. area-alt
  2. aria-allowed-attr
  3. aria-allowed-role
  4. aria-command-name
  5. aria-conditional-attr
  6. aria-deprecated-role
  7. aria-dialog-name
  8. aria-input-field-name
  9. aria-meter-name
  10. aria-progressbar-name
  11. aria-prohibited-attr
  12. aria-required-attr
  13. aria-roles
  14. aria-text
  15. aria-toggle-field-name
  16. aria-tooltip-name
  17. aria-treeitem-name
  18. aria-valid-attr
  19. aria-valid-attr-value
  20. autocomplete-valid
  21. button-name
  22. definition-list
  23. empty-heading
  24. empty-table-header
  25. frame-title
  26. html-has-lang
  27. html-lang-valid
  28. image-alt
  29. input-button-name
  30. input-image-alt
  31. label
  32. link-name
  33. list
  34. meta-refresh
  35. meta-viewport
  36. nested-interactive
  37. object-alt
  38. presentation-role-conflict
  39. role-img-alt
  40. select-name
  41. summary-name
  42. svg-img-alt
  43. tabindex
  44. 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