aria-flowto ID の欠落
Silktide は、ページ上のすべての aria-flowto 属性をチェックし、そこに指定された要素 ID が実際に存在することを確認します。この属性を使用すると、ページのコードの順序とは異なる代替のを支援技術に提示できます。
<!-- 問題: ページ上に id="next-section" を持つ要素がない -->
<div id="intro" aria-flowto="next-section">…</div>
重要な理由
の aria-flowto 属性は、ページの自然な順序を上書きして、読み手が次に進むべき場所を示します。その指示に従うが指定先に何も見つけられないと、ユーザーのコンテンツ内での進行が行き止まりになります。この属性が使われることはまれであるため、壊れた参照は通常、コンテンツが再構成されたにもかかわらず代替の読み上げ順序が修正されなかったことを意味します。その結果、この属性が支援するはずだったユーザーを、まさにそのユーザー向けの罠に陥らせることになります。
修正方法
aria-flowtoに指定された各 ID が、同じページ上にある実在する要素のidと一致するようにします。- そもそもこの属性が必要かどうかを再検討します。ほとんどのページは、自然なコードの順序で正しく読み上げられるべきです。その順序を修正するほうが、上書きするよりも堅牢であり、
aria-flowtoに対するのサポートも限定的です。
Silktide によるテスト方法
aria-flowto属性を持つページ上のすべての要素を見つけます。- 参照されている各 ID を、ページ上に存在する要素 ID と照合します。
- どの要素とも一致しない各参照を報告します。
トラブルシューティング
検出結果があるはずなのに、このチェックで何も報告されない
ウェブサイトごとに ARIA テストを無効にできます。ウェブサイトの詳細設定を確認してください。