Webアクセシビリティ実用ガイド
アクセシビリティとは、すべての人が使用できるWebを保証することです：障害者、高齢者、モバイルユーザー、低速接続、骨折した腕、騒がしい環境など。
なぜアクセシビリティが重要なのか？
障害のために設計すると、誰もが遭遇する問題を解決する
縁石カットは車椅子利用者のために都市に革命をもたらしましたが、スーツケース、ベビーカー、自転車を持つすべての歩行者にも役立ちました。
一部の人のための改善は、すべての人に利益をもたらします。この概念は、街路のアクセスランプから生まれ、Webに完全に適用されます。
縁石カットの典型的な例
♿ 縁石カット
対象者 : 車椅子利用者
その他の受益者 : ベビーカーを持つ親、サイクリスト、台車を持つ配達員、キャリーケースを持つ人、スケートボード、スクーター、高齢者
🎬 ビデオキャプション
対象者 : 聴覚障害者または難聴者
その他の受益者 : 地下鉄でビデオを見る、外国語を学ぶ、騒がしい環境で会議を追う、難しいアクセントを理解する
⌨️ キーボードナビゲーション
対象者 : マウスを使用できない人
その他の受益者 : ショートカットを使用する開発者、マウスが壊れたユーザー、キーボードを好むパワーユーザー、腕がギプスに入っている人
📱 スマートフォンの音声制御
対象者 : 視覚障害者と運動障害のある人
その他の受益者 : 運転中のメッセージング、ヘッドフォンでのスポーツ、工具で手が塞がっている、リモートコントロール、オフィスでのマルチタスク
🪥 電動歯ブラシ
対象者 : 可動性が制限されている人や関節炎の人（1954年）
その他の受益者 : すべての人にとってより良いブラッシング、歯科医によって推奨、学習中の子供、疲れた人、証明された優れた効率
🎧 オーディオブック
対象者 : 視覚障害者（1932年、アメリカ視覚障害者財団）
その他の受益者 : ドライバー、ジョギング者、マルチタスク、ディスレクシアの人、読み方を学ぶ子供、2020年に13億ドルの売上
アクセシビリティは制約ではなく、変装したイノベーションです。
アクセシビリティをテストするための無料ツール
これらのツールは、アクセシビリティの問題を特定して修正するのに役立ちます：
Colour Contrast Analyser
WCAGに従って色のコントラストをテストするための無料アプリケーション
Accessible Game Jam
インタラクティブWebアクセシビリティに関する知識をインタラクティブにテストしましょう！楽しみながら学ぶゲーム。
一般的なスクリーンリーダー
インターフェースをよりよくテストするために、最も使用されているスクリーンリーダーを理解する：
VoiceOver
macOS/iOSすべてのAppleデバイスに組み込まれたスクリーンリーダー
TalkBack
AndroidAndroidのデフォルトのスクリーンリーダー
🧪 スクリーンリーダーでテストする方法
- 目を閉じるか画面をオフにする
- キーボードのみでナビゲート（Tab、矢印、Enter、Space）
- 何がアナウンスされるかを注意深く聞く
- 画面を見ずにすべてが理解できることを確認する
注：スクリーンリーダーで15分間テストすることは、何時間もの自動監査よりも価値があります。 :
クイックナビゲーション
サイドバーメニューまたはこれらのショートカットを使用して例を探索します：