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

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

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

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

バージョン

4.8.1

更新日時

2023-09-12 06:45:57+0900

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

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

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

要素にはサポートされているARIA属性のみを使用しなければなりません (Elements must only use supported ARIA attributes)

要素のロールがARIA属性をサポートしていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

aria-braille属性には、点じ以外の同等のものがなければなりません (aria-braille attributes must have a non-braille equivalent)

aria-braillelabelとaria-brailleroledescriptionには、点字以外の同等のものが存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIAコマンドにはアクセシブルな名前がなければなりません (ARIA commands must have an accessible name)

すべてのARIA button、link、menuitemにアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIA属性は要素のロールの仕様に従って使用しなければなりません (ARIA attributes must be used as specified for the element's role)

ARIA属性が要素のロールの仕様に従って使用されていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

非推奨のARIAロールを使用してはなりません (Deprecated ARIA roles must not be used)

要素に非推奨のロールが使用されていないことを確認します

参考: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の達成基準

関連ガイドライン

aria-hiddenが指定されている要素は、フォーカス可能であったり、フォーカス可能な要素を含んでいたりしてはなりません (ARIA hidden element must not be focusable or contain focusable elements)

aria-hiddenが指定されている要素にフォーカスできないこと、その要素にフォーカス可能な要素が含まれていないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIA入力欄にはアクセシブルな名前がなければなりません (ARIA input fields must have an accessible name)

すべてのARIA入力欄にアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIA meterノードにはアクセシブルな名前がなければなりません (ARIA meter nodes must have an accessible name)

すべてのARIA meterノードにアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIA progressbarノードにはアクセシブルな名前がなければなりません (ARIA progressbar nodes must have an accessible name)

すべてのARIA progressbarノードにアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

要素には禁止されているARIA属性を使用してはなりません (Elements must only use permitted ARIA attributes)

要素のロールでARIA属性が禁止されていないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

必須のARIA属性が提供されていなければなりません (Required ARIA attributes must be provided)

ARIAロールのある要素にすべての必須ARIA属性が存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

特定のARIAロールには特定の子が含まれていなければなりません (Certain ARIA roles must contain particular children)

子ロールを必須とするARIAロールが指定された要素に、それらが含まれていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

特定のARIAロールは特定の親に含まれていなければなりません (Certain ARIA roles must be contained by particular parents)

親ロールを必須とするARIAロールが指定された要素に、それらが含まれていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

aria-roledescriptionはセマンティックなロールを持った要素に使用しなければなりません (aria-roledescription must be on elements with a semantic role)

aria-roledescriptionが暗黙的もしくは明示的なロールを持った要素に使用されていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

使用されているARIAロールは有効な値に一致しなければなりません (ARIA roles used must conform to valid values)

すべてのrole属性が指定された要素で、有効な値が使用されていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIAトグル欄にはアクセシブルな名前がなければなりません (ARIA toggle fields must have an accessible name)

すべてのARIAトグル欄にアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIA tooltipノードにはアクセシブルな名前がなければなりません (ARIA tooltip nodes must have an accessible name)

すべてのARIA tooltipノードにアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIA属性は有効な名前に一致しなければなりません (ARIA attributes must conform to valid names)

aria-で始まる属性が有効なARIA属性であることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIA属性は有効な値に一致しなければなりません (ARIA attributes must conform to valid values)

すべてのARIA属性に有効な値が存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<audio>要素にはキャプショントラックが存在しなければなりません (<audio> elements must have a captions track)

<audio>要素にキャプションが存在することを確認します

参考: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の達成基準

関連ガイドライン

要素は色のコントラスト比(最低限)の閾値を満たしていなければなりません (Elements must meet minimum color contrast ratio thresholds)

前景色と背景色のコントラストがWCAG 2のAAコントラスト比(最低限)のしきい値を満たすことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

要素は色のコントラスト比(高度)の閾値を満たしていなければなりません (Elements must meet enhanced color contrast ratio thresholds)

前景色と背景色のコントラストがWCAG 2のAAAコントラスト比(高度)のしきい値を満たすことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

CSSメディアクエリーはディスプレイの向きを固定するために使用してはなりません (CSS Media queries must not lock display orientation)

コンテンツが特定のディスプレイの向きに固定されていないこと、およびコンテンツがすべてのディスプレイの向きで操作可能なことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<dl>要素は、適切な順序で並べられた<dt>および<dd>のグループ、<script>要素、<template>要素またはdiv要素のみを直接含んでいなければなりません (<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements)

<dl>要素の構造が正しいことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<dt>および<dd>要素は<dl>に含まれていなければなりません (<dt> and <dd> elements must be contained by a <dl>)

<dt>および<dd>要素が<dl>に含まれていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ドキュメントにはナビゲーションを補助するために<title>要素がなければなりません (Documents must have <title> element to aid in navigation)

各HTMLドキュメントに空ではない<title>要素が含まれていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

id属性の値は一意でなければなりません (id attribute value must be unique)

すべてのid属性の値が一意であることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

アクティブな要素のIDは一意でなければなりません (IDs of active elements must be unique)

アクティブな要素のid属性の値が一意であることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ARIAおよびラベルに使用されているIDは一意でなければなりません (IDs used in ARIA and labels must be unique)

ARIAおよびラベルに使用されているすべてのid属性の値が一意であることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

フォームフィールドに複数のlabel要素を付与してはなりりません (Form field must not have multiple label elements)

フォームフィールドに複数のlabel要素が存在しないことを確認します

参考: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の達成基準

関連ガイドライン

フレームにはアクセシブルな名前がなければなりません (Frames must have an accessible name)

<iframe>および<frame>要素にアクセシブルな名前が存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

フレームには一意のtitle属性がなければなりません (Frames must have a unique title attribute)

<iframe>および<frame>要素に一意のtitle属性が含まれていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<html>要素にはlang属性がなければなりません (<html> element must have a lang attribute)

すべてのHTMLドキュメントにlang属性が存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<html>要素のlang属性には有効な値がなければなりません (<html> element must have a valid value for the lang attribute)

<html>要素のlang属性に有効な値があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

HTML要素に指定されたlangおよびxml:lang属性は同じ基本言語を持たなければなりません (HTML elements with lang and xml:lang must have the same base language)

HTML要素に指定された有効なlangおよびxml:lang属性の両方がページの基本言語と一致することを確認します

参考: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の達成基準

関連ガイドライン

フォーム要素にはラベルがなければなりません (Form elements must have labels)

すべてのフォーム要素にラベルが存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

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

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

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<ul>および<ol>の直下には<li>、<script>または<template>要素のみを含まなければなりません (<ul> and <ol> must only directly contain <li>, <script> or <template> elements)

リストが正しく構造化されていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<li>要素は<ul>または<ol>内に含まれていなければなりません (<li> elements must be contained in a <ul> or <ol>)

<li>要素がセマンティックに使用されていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<marquee>要素は非推奨のため、使用してはなりません (<marquee> elements are deprecated and must not be used)

<marquee>要素が使用されていないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

20時間より短い時間経過後のページの自動リロードを使用してはなりません (Delayed refresh under 20 hours must not be used)

一定時間経過後のページの自動リロードのために<meta http-equiv="refresh">が使用されていないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

一定時間経過後のページの自動リロードを使用してはなりません (Delayed refresh must not be used)

一定時間経過後のページの自動リロードのために<meta http-equiv="refresh">が使用されていないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

ズーム機能やテキストのサイズ変更は無効にしてはなりません (Zooming and scaling must not be disabled)

<meta name="viewport">がテキストのサイズ変更やズームを無効化しないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

対話的なコントロールはネストされていてはなりません (Interactive controls must not be nested)

スクリーン・リーダーで必ずしもよみあげられなかったり支援技術のフォーカスに関する問題を引き起こす可能性があったりするため、対話的なコントロールがネストされていないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<video>または<audio>要素は音声を自動再生してはなりません (<video> or <audio> elements must not play automatically)

<video>または<audio>要素が音声を停止またはミュートするコントロールなしに音声を3秒より長く自動再生しないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

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

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

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

スタイル付けした<p>要素を見出しとして使用してはなりません (Styled <p> elements must not be used as headings)

<p>要素を見出しとしてスタイル付けするために太字、イタリック体、およびフォントサイズが使用されていないことを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

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

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

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

スクロール可能な領域はキーボードでアクセスできなければなりません (Scrollable region must have keyboard access)

スクロール可能なコンテンツを持つ要素がキーボードでアクセスできることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

select要素にはアクセシブルな名前がなければなりません (Select element must have an accessible name)

select要素にはアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

サーバーサイドのイメージマップを使用してはなりません (Server-side image maps must not be used)

サーバーサイドのイメージマップが使用されていないことを確認します

参考: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の達成基準

関連ガイドライン

データテーブルにキャプションをつけるためにデータまたはヘッダーセルを用いてはなりません (Data or header cells must not be used to give caption to a data table.)

キャプション付きのテーブルが<caption>要素を用いていることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

大きい<table>の空ではない<td>要素は対応するテーブルヘッダーと関連づけられていなければなりません (Non-empty <td> elements in larger <table> must have an associated table header)

3×3より大きい<table>の空ではないデータセルにはそれぞれ1つ以上のテーブルヘッダーが存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

テーブルのheaders属性を使用するすべてのセルは同じ表内の他のセルのみを参照しなければなりません (Table cells that use the headers attribute must only refer to cells in the same table)

テーブルでheaders属性を使用している各セルの参照先が同じテーブル内の他のセルであることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

データテーブルのテーブルヘッダーはデータセルを参照していなければなりません (Table headers in a data table must refer to data cells)

すべての<th>要素およびrole=columnheader/rowheaderを持つ要素にはそれらが説明するデータセルがあることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

lang属性には有効な値がなければなりません (lang attribute must have a valid value)

lang属性に有効な値が存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

<video>要素にはキャプションがなければなりません (<video> elements must have captions)

<video>要素にキャプションが存在することを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

関連ガイドライン

autocomplete属性は正しく使用しなければなりません (autocomplete attribute must be used correctly)

autocomplete属性が正しく、かつフォームフィールドに対して適切であることを確認します

参考:Deque Universityの解説(英語)

関連するWCAG 2.1の達成基準

accesskey属性の値は一意でなければなりません (accesskey attribute value should be unique)

すべてのaccesskey属性の値が一意であることを確認します

参考:Deque Universityの解説(英語)

ARIAロールは要素に対して適切でなければなりません (ARIA role should be appropriate for the element)

role属性の値が要素に対して適切であることを確認します

参考:Deque Universityの解説(英語)

ARIA dialogとalertdialogノードにはアクセシブルな名前がなければなりません (ARIA dialog and alertdialog nodes should have an accessible name)

すべてのARIA dialog、alertdialogノードにアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

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

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

参考:Deque Universityの解説(英語)

ARIA treeitemノードにはアクセシブルな名前がなければなりません (ARIA treeitem nodes should have an accessible name)

すべてのARIA treeitemノードにアクセシブルな名前があることを確認します

参考:Deque Universityの解説(英語)

見出しは空にしてはなりません (Headings should not be empty)

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

参考:Deque Universityの解説(英語)

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

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

参考:Deque Universityの解説(英語)

フォーカス順序に含まれる要素には、適切なロールがなければなりません (Elements in the focus order should have an appropriate role)

フォーカス順序に含まれる要素にインタラクティブコンテンツに適したロールがあることを確認します

参考:Deque Universityの解説(英語)

フレームはaxe-coreでテストしなければなりません (Frames should be tested with axe-core)

<iframe>および<frame>要素にaxe-coreスクリプトが含まれていることを確認します

参考:Deque Universityの解説(英語)

見出しのレベルは1つずつ増加させなければなりません (Heading levels should only increase by one)

見出しの順序が意味的に正しいことを確認します

参考:Deque Universityの解説(英語)

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

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

参考:Deque Universityの解説(英語)

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

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

参考:Deque Universityの解説(英語)

フォーム要素には視認できるラベルがなければなりません (Form elements should have a visible label)

すべてのフォーム要素に視認できるラベルがあり、非表示のラベル、titleまたはaria-describedby属性のみを使用してラベル付けされていないことを確認します

参考:Deque Universityの解説(英語)

asideは他の要素に含まれるべきではありません (Aside should not be contained in another landmark)

complementaryランドマークあるいはasideがトップレベルにあることを確認します

参考:Deque Universityの解説(英語)

contentinfoランドマークは他のランドマークに含まれるべきではありません (Contentinfo landmark should not be contained in another landmark)

contentinfoランドマークがトップレベルにあることを確認します

参考:Deque Universityの解説(英語)

mainランドマークは他のランドマークに含まれるべきではありません (Main landmark should not be contained in another landmark)

mainランドマークがトップレベルにあることを確認します

参考:Deque Universityの解説(英語)

ドキュメントに複数のcontentinfoランドマークが存在してはなりません (Document should not have more than one contentinfo landmark)

ドキュメント内のcontentinfoランドマークが最大で1つのみであることを確認します

参考:Deque Universityの解説(英語)

ドキュメントに複数のmainランドマークが存在してはなりません (Document should not have more than one main landmark)

ドキュメント内のmainランドマークが最大で1つのみであることを確認します

参考:Deque Universityの解説(英語)

ドキュメントにはmainランドマークが1つ含まれていなければなりません (Document should have one main landmark)

ドキュメントにmainランドマークが含まれていることを確認します

参考:Deque Universityの解説(英語)

ランドマークが一意であることを確認します (Ensures landmarks are unique)

ランドマークには一意のロール又はロール/ラベル/タイトル (すなわちアクセシブルな名前) の組み合わせがなければなりません

参考: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の解説(英語)

プレゼンテーション目的とされている要素が一貫して無視されることを確認します (Ensure elements marked as presentational are consistently ignored)

すべてのスクリーン・リーダーに確実に無視させるために、プレゼンテーション目的とされている要素にはグローバルなARIAまたはtabindexが指定されていてはなりません

参考:Deque Universityの解説(英語)

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

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

参考:Deque Universityの解説(英語)

scope属性は正しく使用されなければなりません (scope attribute should be used correctly)

scope属性がテーブルで正しく使用されていることを確認します

参考:Deque Universityの解説(英語)

要素に指定するtabindexは0より大きい値であってはなりません (Elements should not have tabindex greater than zero)

tabindex属性値が0より大きくないことを確認します

参考:Deque Universityの解説(英語)

テーブルのキャプションとサマリーは同一であってはなりません (tables should not have the same summary and caption)

<caption>要素の内用がsummary属性のテキストと同一ではないことを確認します

参考:Deque Universityの解説(英語)

すべてのタッチターゲットは24pxの大きさか、十分なスペースがなければなりません (All touch targets must be 24px large, or leave sufficient space)

タッチターゲットのサイズとスペースが十分にあることを確認します

参考:Deque Universityの解説(英語)