アクセシビリティは、重要な情報や操作を理解しやすくすることから始まります。ウェブサイトは見た目が魅力的でも、キーボード、大きな文字、支援技術を使う人には利用しにくい場合があります。まずは実践的な確認をいくつか行い、自動ツールでは評価できないニーズについては、適切な人によるレビューを受けましょう。
読みやすい順序にする
各セクションに内容を表す見出しを付け、訪問者にとって必要な順序に並べましょう。意味を伝えるために、色や位置だけに頼るのは避けてください。料金プランには文字によるラベルを付け、エラーには何を変更すべきかを説明しましょう。重要な情報は、画像の中だけではなくページのテキストにも記載してください。
リンクを分かりやすくする
リンク先や操作内容が分かるラベルを選びましょう。「こちらをクリック」というラベルのリンクがいくつも並ぶより、「ワークショップガイドを読む」のほうが内容を理解しやすくなります。操作できるコントロールにキーボードで移動できること、また、選択中の項目が見えるフォーカス表示で示されることを確認してください。
見た目を読みやすく保つ
十分なコントラストを確保し、読みやすい文字サイズを使いましょう。文字を大きくしたときや画面が狭くなったときにも、ページの内容が分かるか確認してください。主な内容から注意をそらす装飾的なアニメーションは避けましょう。アニメーション画像を公開する場合は、読む妨げにならないか、また、画像が伝えている情報も文章で示す必要がないか検討してください。
画像に適切な文脈を与える
意味のある画像には、その役割に合った説明を付けましょう。装飾的な画像は、支援技術が読み上げないようにできます。グラフや手順を示す画像には、画像を見なくても内容が分かる同等の説明が必要です。対象となる人たちが実際に使っているツールで試してください。
実践的な入門情報については、https://web.dev/learn/design/accessibility をご覧ください。VollSiteでは、生成された結果と、色、テキスト、コントロール、画像に加えた変更を確認してください。自動アクセシビリティ検査に合格することは、技術的な根拠として役立ちますが、アクセシビリティ認証のすべてを満たすものではありません。ページをシンプルに保ち、実際の問い合わせまでの流れを試し、ウェブサイトのアクセシビリティについて広く主張する前に、適切な人によるレビューを手配してください。