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

スクリーンリーダーがコンテンツをどう読み上げるか確認

このツールの機能(やさしい言葉で)

視覚に障害のある訪問者は、スクリーンリーダーを通じてあなたのページを聞きます。これは、各リンク、ボタン、見出し、画像を読み上げるソフトウェアです。HTML をここに貼り付けて、彼らが聞く正確な単語をその順序で確認しましょう。

公開前に使用して、不足している画像の説明、「ここをクリック」とだけ書かれたボタン、またはどこにつながるか不明なリンクを見つけましょう。問題パネルは混乱を招くものを強調表示するので、すぐに修正できます。

HTML

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

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

使い方

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

結果

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

関連ツール