【すくりーんりーだー】
スクリーンリーダー とは？
💡 目の代わりに耳で読む、もう一つのブラウザ
📌 このページのポイント
- 画面上のテキスト・ボタン・リンクなどを音声や点字ディスプレイに変換して伝える
- 代表的な製品にNVDA、JAWS、VoiceOver、TalkBackなどがある
- 正しいHTMLの見出し構造やalt属性がないと、情報が正しく伝わらない
- Webアクセシビリティ（WCAG）対応ではスクリーンリーダーでの動作確認が必須
ひよこ スクリーンリーダーって、画面を読み上げてくれるだけ？
ペンギン先生 ひよこ どんな人が使っているの？
ペンギン先生 主に視覚に障害のある方が使っているよ。全盲の方だけでなく、弱視の方が画面拡大と併用するケースもある。日本には視覚障害者が約31万人いて、その多くがスクリーンリーダーでWebを利用しているんだ
ひよこ 有名なスクリーンリーダーってどれ？
ペンギン先生 ひよこ 開発者としてはどんなことに気をつければいいの？
ペンギン先生 まず見出しタグのh1〜h6を正しい階層で使うこと。画像にはalt属性を付けること。ボタンやリンクに分かりやすいテキストを入れること。「ここをクリック」みたいなリンクテキストは、スクリーンリーダーで聞くと何のリンクか分からないからNGだよ
ひよこ WAI-ARIAっていうのも関係ある？
まとめ：ざっくりこれだけ覚えればOK！
「スクリーンリーダー」って出てきたら「画面の内容を音声で読み上げてくれるソフト」と思えればだいたいOK！
📖 おまけ：英語の意味
「Screen Reader」 ＝ 画面読み上げソフト
💬 Screen（画面）をRead（読む）するソフトウェアという、そのままの名前だよ。1980年代から存在する歴史の長い技術なんだ