Axe DevTools Linter アクセシビリティルール

この記事には、Axe DevTools Linter が認識するルールおよびタグに関する情報が含まれており、各ルールは Deque University の関連ページにリンクしています。

ルール

Axe DevTools Linter は、次のルールに基づいてソースをチェックします：

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ルール

Axe DevTools Linterは、Markdownソースを次のルールに基づいてチェックします：

• 見出しの順序

React Nativeのルール

React Nativeコードのリンティングルールについての情報は、 React Native用Axe DevTools Linterの使用方法をご覧ください。

タグ

次の表は、Axe DevTools Linterが受け入れるタグを示しています（ソースをチェックするルールを選択するため）：