axe DevToolsのルールと当ガイドラインの対応

ここでは、チェックの際に利用するaxe DevToolsが出力する情報と、当ガイドラインの対応について記します。

なお、axe DevToolsについては、以下も合わせて参照してください：

ここで掲載している情報は、axe-coreのGitHubリポジトリーの以下に示す時点におけるdevelopブランチの内容に基づいて自動的に生成したものです。axe DevToolsの内容とは一致していない場合もあることにご注意ください。

バージョン

4.9.1

更新日時

2024-05-16 07:16:00+0900

アクティブな<area>要素には代替テキストが存在しなければなりません (Active <area> elements must have alternate text)

イメージマップの<area>要素に代替テキストが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

ドキュメント本体にaria-hidden="true"が存在してはなりません (aria-hidden="true" must not be present on the document body)

ドキュメント本体にaria-hidden="true"が存在しないことを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

インラインのテキスト間隔設定はカスタムスタイルシートによって調整可能でなければなりません (Inline text spacing must be adjustable with custom stylesheets)

style属性で指定されたテキストの間隔は、カスタムスタイルシートにより調整可能であることを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

ボタンには認識可能なテキストが存在しなければなりません (Buttons must have discernible text)

ボタンに認識可能なテキストが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

ページには繰り返されるブロックをスキップする手段が存在しなければなりません (Page must have means to bypass repeated blocks)

各ページに少なくとも1つ、ユーザーがナビゲーション部分をスキップして直接本文へ移動できるメカニズムが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

フォーカス可能なコンテンツを含むフレームには、tabindex=-1が指定されていてはなりません (Frames with focusable content must not have tabindex=-1)

フォーカス可能な<frame>と<iframe>要素に、tabindex=-1が指定されていないことを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

画像には代替テキストがなければなりません (Images must have alternate text)

<img>要素に代替テキストが存在する、またはnoneまたはpresentationのロールが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

入力ボタンには認識可能なテキストが存在しなければなりません (Input buttons must have discernible text)

入力ボタンに認識可能なテキストが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

画像ボタンには代替テキストがなければなりません (Image buttons must have alternate text)

<input type="image">要素に代替テキストが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

要素の視認できるテキストはそれらのアクセシブルな名前の一部でなければなりません (Elements must have their visible text as part of their accessible name)

コンテンツによってラベル付けされた要素は、それらの視認できるテキストがアクセシブルな名前の一部になっていることを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

リンクには認識可能なテキストがなければなりません (Links must have discernible text)

リンクに認識可能なテキストが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

<object>要素には代替テキストがなければなりません (<object> elements must have alternate text)

<object>要素に代替テキストが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

[role="img"]の要素には代替テキストがなければなりません ([role="img"] elements must have an alternative text)

[role="img"]の要素に代替テキストが存在することを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

imgロールを持つ<svg>要素には代替テキストが存在しなければなりません (<svg> elements with an img role must have an alternative text)

img、graphics-documentまたはgraphics-symbolロールを持つsvg要素にアクセシブルなテキストがあることを確認します

参考：Deque Universityの解説（英語）

関連するWCAG 2.1の達成基準

関連ガイドライン項目

"role=text"が指定されている要素には、フォーカス可能な子孫が含まれていてはなりません ("role=text" should have no focusable descendants)

role="text"が指定されている要素にフォーカス可能な子孫がないことを確認します

参考：Deque Universityの解説（英語）

テーブルのヘッダーは空にしてはなりません (Table header text should not be empty)

テーブルのヘッダーに認識可能なテキストが存在することを確認します

参考：Deque Universityの解説（英語）

ページ上の隠れているコンテンツは分析されなければなりません (Hidden content on the page should be analyzed)

隠れているコンテンツについてユーザーに通知します

参考：Deque Universityの解説（英語）

画像の代替テキストはテキストとして繰り返されるべきではありません (Alternative text of images should not be repeated as text)

画像の代替がテキストとして繰り返されていないことを確認します

参考：Deque Universityの解説（英語）

ユーザーがズームをしてテキストを最大500％まで拡大できなければなりません (Users should be able to zoom and scale the text up to 500%)

<meta name="viewport">で大幅に拡大縮小できることを確認します

参考：Deque Universityの解説（英語）

ページにはレベル1の見出しが含まれていなければなりません (Page should contain a level-one heading)

ページ、またはそのページ中のフレームの少なくとも1つにはレベル1の見出しが含まれていることを確認します

参考：Deque Universityの解説（英語）

ページのすべてのコンテンツはlandmarkに含まれていなければなりません (All page content should be contained by landmarks)

ページのすべてのコンテンツがlandmarkに含まれていることを確認します

参考：Deque Universityの解説（英語）