非推奨の ARIA 属性

Silktide は、標準で非推奨となっている ARIA 属性がページに含まれていないかチェックします。これらの属性は後方互換性のためだけに仕様に残されており、今後は使用しないでください。

重要な理由

非推奨の属性である aria-grabbed と aria-dropeffect は、初期ののドラッグ＆ドロップ設計に由来しますが、で確実にサポートされたことはありません。そのため、実際には何も読み上げられていないにもかかわらず、ドラッグ＆ドロップ操作をアクセシブルにしたという誤った印象を作成者に与えます。これらを残しておくと、本当に必要な作業、つまりマウスなしで操作できるようにすることが見えなくなります。

修正方法

非推奨の属性を削除します。
代わりに、ドラッグ＆ドロップ操作を本当にアクセシブルにします。
- 「上へ移動」や「下へ移動」ボタン、または切り取りと貼り付けのコマンドパターンなど、移動するたびにキーボードで操作できる代替手段を用意します。
- 各移動の結果を（aria-live="polite"）で読み上げ、の利用者が何が変わったのかを聞けるようにします。

<!-- 問題: 非推奨であり、実際には何も読み上げられない -->
<li draggable="true" aria-grabbed="false">Item one</li>

<!-- 修正: キーボードで操作できる代替手段 -->
<li>Item one <button aria-label="Move Item one up">↑</button></li>

Silktide によるチェック方法

aria- 属性を少なくとも 1 つ持つページ上のすべての要素を見つけます。
ARIA 1.1 以降で非推奨となった属性、aria-grabbed と aria-dropeffect の使用をそれぞれ報告します。

非推奨ではなく無効な属性については、禁止された ARIA 属性で報告します。

トラブルシューティング

検出結果があるはずなのに、このチェックで何も報告されない

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