フォーカス順序内の要素は適切な役割を持つ必要がある

フォーカス順序内のすべての要素に適切な role 属性値があることを確認し、要素がカスタムウィジェットの場合は、有効なARIAロール属性値が適用されていることを確認してください。

デバイスに依存しないすべてのユーザー入力方法に、フォーム コンテンツとの対話を可能にする適切な役割があることを確認します。

ロールがまったく存在しない場合、要素にフォーカスを当てても、スクリーン リーダーは何も読み上げません。

対話型要素に段落などの不適切なロールを使用すると、要素はフォーカスを受け取らず、スクリーン リーダーは何も読み上げません。

ロールが、インタラクティブな要素になる可能性のあるロールのリスト (ボタン、テキスト入力、ラジオ オプション、チェックボックスなど) と一致する場合、ネイティブHTMLであれば追加のロールは必要ありませんが、カスタム ウィジェットの場合は、適切なARIAロールが必要です role="button"。

スクリーン リーダーのユーザーが要素にアクセスし、その要素にテキストが含まれている場合、そのテキストは読み上げられますが、適切なロールがなければ、ユーザーにはその要素が何であるかがわかりません。

タイプ別に利用可能なロールは次のとおりです。

• ランドマーク: 記事、バナー、補足、メイン、ナビゲーション、リージョン、検索、コンテンツ情報
• ウィジェット: アラート、アラートダイアログ、アプリケーション、ダイアログ、グループ、ログ、マーキー、メニュー、メニューバー、メニュー項目、メニュー項目チェックボックス、メニュー項目ラジオ、プログレスバー、セパレーター、スライダー、スピンボタン、ステータス、タブ、タブリスト、タブパネル、タイマー、ツールバー、ツールチップ、ツリー、ツリーグリッド、ツリー項目
• 擬似HTML: ボタン、ボタン、チェックボックス、列ヘッダー、コンボボックス、contentinfo、フォーム、グリッド、グリッドセル、見出し、画像、リンク、リストボックス、リスト項目、オプション、ラジオ、ラジオグループ、行、行グループ、行ヘッダー、スクロールバー、テキストボックス、チェックボックス、列ヘッダー、コンボボックス、contentinfo、フォーム、グリッド、グリッドセル、見出し、画像、リンク、リストボックス、リスト項目、オプション、ラジオ、ラジオグループ、行、行グループ、行ヘッダー、スクロールバー、テキストボックス
• ドキュメント: ドキュメント (別の種類の領域内にドキュメント領域を作成する場合)
• アプリケーション: アプリケーション (ページ コンテンツの通常のキーボード ショートカットを有効にするウィジェットの周囲のみ)
• プレゼンテーション: プレゼンテーション（要素の本来の役割をキャンセルする）
• その他のセマンティック: math、定義、メモ、ディレクトリ
• 抽象: コマンド、複合、入力、ランドマーク、範囲、セクション、セクションヘッド、選択、構造、ウィジェット