一覧に戻る

Webアクセシビリティ対応の第一歩。誰にでも使いやすいサイトを目指して

Webアクセシビリティ対応の第一歩。誰にでも使いやすいサイトを目指してのブログへのリンク

Webアクセシビリティ(a11y)とは、高齢者や障害者を含む「すべての人が」ウェブサイトの情報にアクセスし、利用できるようにすることです。SDGsの観点や、2024年4月の障害者差別解消法改正により、その重要性はますます高まっています。

では、具体的に何から始めればよいのでしょうか。

1. 画像に代替テキスト(alt属性)を入れる

視覚障害のある方は、スクリーンリーダー(読み上げソフト)を使ってWebを閲覧します。画像に alt="Neorivaのロゴ" のような説明がないと、そこに何があるのか分かりません。

2. コントラスト比を確保する

文字色と背景色のコントラストが低いと、弱視の方や、屋外でスマホを見ている人にとって読みづらくなります。「WCAG」というガイドラインでは、最低でも4.5:1の比率が推奨されています。

3. キーボードだけで操作できるようにする

マウスが使えない方もいます。Tabキーでリンクやボタンにフォーカスが当たるか、Enterキーで実行できるかを確認しましょう。

4. セマンティックなHTMLを書く

見出しには h1h6、ボタンには button タグを使うなど、正しいHTMLタグを使うだけで、多くのアクセシビリティ上の問題は解決します。

まとめ

アクセシビリティ対応は「誰かのための特別な対応」ではなく、「品質の高いWebサイトを作るための当たり前の要件」です。多くの人に情報を届けるためにも、できることから始めていきましょう。