フォーカス順の要素には、インタラクティブコンテンツに適した役割が必要です

フォーカス順序内のすべての要素が適切な role 属性値を持っていて、要素がカスタムウィジェットである場合、それに対応する有効な ARIA role 属性値が指定されていることを確認します。

フォームコンテンツとのやりとりを可能にするため、すべてのデバイスに依存しないユーザーの入力方法が適切なロールを持っていることを確認します。

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

インタラクティブ要素に段落のような適切ではないロールが用いられた場合、要素はフォーカスを受け取らず、スクリーン・リーダーは何も読み上げません。

もし特定のロールがインタラクティブ要素 (例えばボタン、テキスト入力欄、ラジオボタン、チェックボックスなど) になりうるロールの一覧に一致する場合、既存の HTML には追加のロールは不要です。ただし、カスタムウィジェットの場合は、role=button など意図に沿ったロールが必要です。

スクリーン・リーダーのユーザーが要素に到達し、その要素にテキストがある場合、スクリーン・リーダーはテキストを読み上げますが、適切なロールがなければユーザーはその要素がどういうものなのかを把握できません。

提供されているタイプ別ロールは以下の通りです:

• ランドマーク: article, banner, complementary, main, navigation, region, search, contentinfo
• ウィジェット: alert, alertdialog, application, dialog, group, log, marquee, menu, menubar, menuitem, menuitemcheckbox, menuitemradio, progressbar, separator, slider, spinbutton, status, tab, tablist, tabpanel, timer, toolbar, tooltip, tree, treegrid, treeitem
• 疑似 HTML: button, button, checkbox, columnheader, combobox, contentinfo, form, grid, gridcell, heading, img, link, listbox, listitem, option, radio, radiogroup, row, rowgroup, rowheader, scrollbar, textbox, checkbox, columnheader, combobox, contentinfo, form, grid, gridcell, heading, img, link, listbox, listitem, option, radio, radiogroup, row, rowgroup, rowheader, scrollbar, textbox
• 文書: document (document リージョンを他のタイプのリージョンの中で作成する場合)
• アプリケーション: application (ページ内のコンテンツに通常のキーボードショートカットを有効にするため、ウィジェットにのみ)
• プレゼンテーション: presentation (要素の従来のロールをキャンセルするため)
• その他セマンティック: math, definition, note, directory
• 抽象: command, composite, input, landmark, range, section, sectionhead, select, structure, widget