スクリーンリーダー テキストプレビュー
スクリーンリーダーがコンテンツをどう読み上げるか確認
このツールの機能(やさしい言葉で)
視覚に障害のある訪問者は、スクリーンリーダーを通じてあなたのページを聞きます。これは、各リンク、ボタン、見出し、画像を読み上げるソフトウェアです。HTML をここに貼り付けて、彼らが聞く正確な単語をその順序で確認しましょう。
公開前に使用して、不足している画像の説明、「ここをクリック」とだけ書かれたボタン、またはどこにつながるか不明なリンクを見つけましょう。問題パネルは混乱を招くものを強調表示するので、すぐに修正できます。
HTML
スクリーンリーダー テキストプレビューとは?
スクリーンリーダーテキストプレビューは、支援技術がHTMLコンテンツをどのように読み上げるかを表示します。要素のアクセシブルな名前、ロール、読み上げ順序を明らかにし、ラベルの欠落、不適切な見出し構造、ARIAの問題をユーザーが遭遇する前に特定できます。
使い方
- HTMLコンテンツを貼り付けるか、分析するURLを入力します。
- 線形化された読み上げ順序と要素のアクセシビリティツリーを確認します。
- 指摘された問題を修正し、読み上げフローが明確になるまで再テストします。
結果
開発者がナビゲーションメニューを貼り付けると、3つのリンクにアクセシブルな名前がなく、見出しの順序がh1からh4に飛んでいることが判明し、スクリーンリーダーのユーザーに混乱を引き起こす問題が明らかになります。