aria-details ID の欠落

Silktide はページ上のすべての aria-details 属性をチェックし、そこから参照される要素 ID が実際に存在することを確認します。この属性は、要素をページ上の別の場所にある、より詳しい説明に関連付けます。たとえば、グラフを基になるデータテーブルに関連付ける場合に使用します。

<!-- 問題: ページ上に id="sales-table" を持つ要素がない -->
<img src="chart.png" alt="四半期ごとの売上" aria-details="sales-table">

重要である理由

の aria-details 属性は、を使用するユーザーに、グラフの基になる完全なデータや、概要の根拠となる用語など、移動して確認できるより詳細な説明を提供します。参照先が壊れていると、は詳細が存在すると読み上げますが、ユーザーはそこへ移動できません。これは、詳細をまったく提供しないよりも混乱を招きます。

修正方法

属性が、同じページ上にある実在する要素の id を参照するようにします。すべてのユーザーが利用できるよう、できれば表示されている要素を指定してください。
詳細なコンテンツを削除した場合は、それに合わせて aria-details 属性も削除します。
詳細なコンテンツではなく短いテキスト説明を提供する場合は、テキストを直接読み上げる aria-describedby の使用を検討してください。

Silktide によるテスト方法

ページ上で aria-details 属性を持つすべての要素を見つけます。
参照されている ID を、ページ上に存在する要素 ID と照合してチェックします。
どの要素とも一致しない参照をそれぞれ報告します。

トラブルシューティング

問題が見つかるはずなのに、このチェックで何も報告されない

ARIA のテストはウェブサイトごとに無効にできます。ウェブサイトの詳細設定を確認してください。