aria-flowto

グローバルな aria-flowto 属性は、コンテンツの代替読み取り順序における次の要素を識別します。これにより支援技術は、ユーザーの判断で、ドキュメントソースの読み取り順序の一般的な既定値を上書きできます。

解説

ウェブページは、順番にナビゲートできる必要があります。このため開発者は、タブ順序を変更できるグローバルな tabindex 属性や、DOM 順序から視覚的な順序を変更できる CSS の order プロパティを使用しないように勧められています。ただし、まれにソースの順序とは異なる読み取り順が必要になることがあります。このような場合、aria-flowto 属性により、支援技術のユーザーがコンテンツによりアクセスしやすくなります。

グローバルな aria-flowto 属性を使用すると、作成者は支援技術のユーザーに対して、次にどの要素にフォーカスしてほしいかを示し、ソースの順序とは異なる読み取り順序を提供できます。これにより支援技術は、ドキュメントソースのデフォルトの読み取り順序以外の順序でドキュメントを読み取ることができます。

aria-flowto に単一の id 参照がある場合、支援技術は、ユーザーの要求に応じて、DOM の順序でドキュメントを読み取る代わりに、その id 参照を介してターゲットとなる要素に移動できます。aria-flowto の値が複数の id 参照のスペース区切りリストである場合、支援技術は、id 参照される各参照が選択肢となるパスの選択肢のリストをユーザーに提供できます。パスの選択肢の名前は、aria-flowto 属性の各ターゲット要素のアクセシブル名によって決まります。

メモ: aria-flowto を設定することはコンテンツのタブ順序には影響しません。この属性をサポートする技術を使用しているときに、DOM 順序と一致しないコンテンツ順に従うオプションをユーザーに提供するだけです。

値

id

読み上げ順序における次の要素の提案。

id list

コンテンツの代替読み取り順序でユーザーが次に移動したいと思われる提案要素を参照する ID 値のスペース区切りリスト。

関連付けられたロール

すべてのロールで使用されます。

仕様書

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# aria-flowto

関連情報