スクリーン・リーダー・プレビュー

HTMLを貼り付けて、スクリーンリーダーがどのように線形化してアナウンスするかを確認します。alt テキスト、見出し、ARIA属性を確認します。

スクリーンリーダー出力

HTMLを貼り付けて分析をクリックしてください。
📚 科学的根拠と情報源

このツールが対象とする人

スクリーンリーダーは、視覚障害者または重大な視覚障害のある人々のための重要な支援技術です。WHOのWorld Vision Report(2019年)によると、世界中で少なくとも22億人が視覚障害を抱えており、そのうち約4300万人が失明しています。WebAIM Screen Reader Survey(2024年)は、スクリーンリーダーユーザーの大多数が障害のある個人であり、失明が最も一般的な理由であることを一貫して発見しています。開発者、デザイナー、コンテンツクリエイターは、このツールを使用して、HTMLが支援技術によってどのように解釈されるかをプレビューします — エンドユーザーが遭遇する前に、欠落しているalt テキスト、不正な見出し構造、アクセシブルな名前のないボタンとフィールド、ARIAの誤用を発見するのに役立ちます。

このツールの仕組み

このツールはブラウザのネイティブDOMParserを介してHTMLを解析し(データはデバイスを離れません)、アクセシビリティツリーをトラバースして線形化された読み取り順序を構築します。画像のalt テキストの存在、見出しレベルの一貫性、アクセシブルな名前のないリンクとボタン、ARIAロールとラベル、関連付けられたラベルのないフォームフィールドをチェックします。

科学的参考文献

  • WebAIM(2024年)。「Screen Reader User Survey #10 Results。」 webaim.org · スクリーンリーダーの使用パターン、ブラウザの組み合わせ、アクセシビリティの障害に関する最大の継続的な調査。見出しとランドマークが、ユーザーの主要なナビゲーション戦略であることを一貫して発見しています。
  • 世界保健機関(2019年)。 World Vision Report。 · 世界中で少なくとも22億人が近視または遠視の障害を抱えており、そのうち約4300万人が失明していると報告しています。
  • Power, C., Freire, A., Petrie, H. & Swallow, D.(2012年)。「Guidelines are only half of the story: Accessibility problems encountered by blind users on the web。」 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems(CHI '12)。 · 視覚障害ユーザーが遭遇するアクセシビリティ問題のかなりの部分がWCAG単独ではカバーされていないことを発見し、手動レビューとスクリーンリーダーテストの必要性を強調しました。
  • Lazar, J., Allen, A., Kleinman, J. & Malarkey, C.(2007年)。「What frustrates screen reader users on the web: A study of 100 blind users。」 International Journal of Human-Computer Interaction, 22(3), 247–269。 · 欠落しているalt テキスト、ラベル付けされていないフォームフィールド、誤解を招くリンクラベルが、視覚障害ユーザーが報告する主要な不満事項として特定されました。
  • W3C WAI(2023年)。「WAI-ARIA Authoring Practices 1.2。」 · 動的コンテンツを支援技術にアクセシブルにするためにロール、状態、プロパティをどのように使用すべきかを定義しています。

免責事項

このツールは、HTMLアクセシビリティツリーに基づくスクリーンリーダー出力の簡略化された近似を提供します。実際のスクリーンリーダー(NVDA、JAWS、VoiceOver、TalkBack)は、コンテンツのアナウンス、ARIA属性の処理、動的ウィジェットとの相互作用の方法が異なります。このプレビューは、実際のスクリーンリーダーと実際のユーザーでのテストに代わるものではありません。執筆プロセスの早い段階で一般的な問題を検出することを目的としています。

関連ツール

WCAG見出しチェッカー アクセシビリティ・リソース アクセシブル・カラーパレットジェネレーター カラーコントラストチェッカー