スクリーンリーダー テキストプレビュー

スクリーンリーダー テキストプレビューとは？

スクリーンリーダーテキストプレビューは、支援技術がHTMLコンテンツをどのように読み上げるかを表示します。要素のアクセシブルな名前、ロール、読み上げ順序を明らかにし、ラベルの欠落、不適切な見出し構造、ARIAの問題をユーザーが遭遇する前に特定できます。

使い方

1. HTMLコンテンツを貼り付けるか、分析するURLを入力します。
2. 線形化された読み上げ順序と要素のアクセシビリティツリーを確認します。
3. 指摘された問題を修正し、読み上げフローが明確になるまで再テストします。

結果

開発者がナビゲーションメニューを貼り付けると、3つのリンクにアクセシブルな名前がなく、見出しの順序がh1からh4に飛んでいることが判明し、スクリーンリーダーのユーザーに混乱を引き起こす問題が明らかになります。

関連ツール