Webアクセシビリティ(a11y)とは、高齢者や障害者を含む「すべての人が」ウェブサイトの情報にアクセスし、利用できるようにすることです。SDGsの観点や、2024年4月の障害者差別解消法改正により、その重要性はますます高まっています。
では、具体的に何から始めればよいのでしょうか。
1. 画像に代替テキスト(alt属性)を入れる
視覚障害のある方は、スクリーンリーダー(読み上げソフト)を使ってWebを閲覧します。画像に alt="Neorivaのロゴ" のような説明がないと、そこに何があるのか分かりません。
2. コントラスト比を確保する
文字色と背景色のコントラストが低いと、弱視の方や、屋外でスマホを見ている人にとって読みづらくなります。「WCAG」というガイドラインでは、最低でも4.5:1の比率が推奨されています。
3. キーボードだけで操作できるようにする
マウスが使えない方もいます。Tabキーでリンクやボタンにフォーカスが当たるか、Enterキーで実行できるかを確認しましょう。
4. セマンティックなHTMLを書く
見出しには h1〜h6、ボタンには button タグを使うなど、正しいHTMLタグを使うだけで、多くのアクセシビリティ上の問題は解決します。
まとめ
アクセシビリティ対応は「誰かのための特別な対応」ではなく、「品質の高いWebサイトを作るための当たり前の要件」です。多くの人に情報を届けるためにも、できることから始めていきましょう。