レコードアム Recordamu

/Web

Webアクセシビリティとは?誰にとっても使いやすいサイトの基本

結論から言うと、Webアクセシビリティとは**「見え方・聞こえ方・操作のしかたが違っても、サイトの情報にたどりつき、操作できるようにすること」**です。特別な機能を足すことよりも、文字・画像・ボタンといった基本の作り方を整えることが中心になります。この記事では、発注する側・運用する側が押さえておきたい基本と、自社サイトで確認できるポイントを整理します。

Webアクセシビリティの恩恵を受けるのは誰か

デジタル庁のウェブアクセシビリティ導入ガイドブックでは、対象となる人として次のような例が挙げられています。

  • 画面読み上げソフト(スクリーンリーダー)や文字の拡大機能を使う、視覚に障害のある人
  • 動画の音声が聞き取れず、字幕などの文字情報を頼りにする、聴覚に障害のある人
  • マウスが使いにくく、キーボードや代わりの機器で操作する人
  • 赤と緑の区別がつきにくいなど、色の見え方に特性がある人
  • 視力や指先の細かい動きが衰えてきた高齢の人

同じガイドブックは、「電車でイヤホンを忘れた」「眼鏡を忘れた」「手を怪我してマウスが使えない」といった一時的な状況も対象に含めています。つまり、特定の誰かのためだけの対応ではなく、お客様全体にとっての使いやすさにつながる取り組みです。

基準になる規格(WCAGとJIS X 8341-3)

Webアクセシビリティには、世界的に使われているガイドラインがあります。

名称 内容
WCAG(ダブリューシーエージー) Webの技術標準を定める団体W3Cが作成したガイドライン。現在は2.2版が公開されている(W3C:WCAG 2.2)
JIS X 8341-3:2016 日本の国家規格。WCAG 2.0と同じ内容になっている

WCAGは「知覚できる」「操作できる」「理解できる」「堅牢である(さまざまな機器や支援技術で利用できる)」の4つの原則で構成され、達成の度合いはA・AA・AAAの3段階に分かれています。デジタル庁のガイドブックによると、総務省の「みんなの公共サイト運用ガイドライン」では公的機関にレベルAAへの適合が勧められています。民間のサイトでも、目標を決めるときの目安になります。

なお、同ガイドブックは、文字サイズ変更ボタンのような補助機能を付けるだけではアクセシビリティは確保できず、自動チェックツールで見つかる問題も全体の2〜3割程度で、人による確認が欠かせないとしています。

法律との関係

2024年4月1日に改正された障害者差別解消法が施行され、民間の事業者にも、障害のある人から求めがあったときに負担が重すぎない範囲で対応する**「合理的配慮の提供」が義務**になりました(内閣府:改正障害者差別解消法の施行)。この法律は、合理的配慮とあわせて、前もって行う「環境の整備」についても定めています。

Webサイトがどこまで法律上の対応に当たるかは、事業の内容や状況によって変わります。ここでは一般的な考え方の紹介にとどめますので、個別の判断は専門家にご相談ください。

自社サイトで今日から確認できるポイント

専門的な試験をしなくても、次の項目はサイトを見ながら確認できます。WCAG 2.2の基準にもとづく代表的なものです。

  • 画像に代わりの文章(代替テキスト)があるか:商品写真や案内図など、意味のある画像には内容を説明するテキストを設定します。画面読み上げソフトはこのテキストを読み上げます。写真の選び方はサイトの写真は素材と撮影どちらがいい?も参考にしてください。
  • 文字と背景の色の差(コントラスト)は十分か:WCAG 2.2では、通常の文字で4.5:1以上、大きな文字で3:1以上のコントラスト比が基準です。薄いグレーの文字や、写真の上に重ねた文字は特に注意が必要です。
  • 色だけで情報を伝えていないか:「赤字の項目は必須」のように色だけで区別せず、「必須」と文字でも示します。フォームの工夫はお問い合わせフォームの離脱を減らす入力項目の考え方で紹介しています。
  • キーボードだけで操作できるか:Tabキーでリンクやボタンを順に移動し、Enterキーで押せるか、いま選ばれている場所が見えるかを試します。
  • 見出しが正しく使われているか:見た目を大きくするためではなく、内容の区切りとして見出しを付けると、読み上げソフトの利用者もページ内を移動しやすくなります(HTMLの見出しタグの基本)。
  • リンクの文言で行き先が分かるか:「こちら」だけでなく「料金表を見る」のように、リンクだけ読んでも内容が分かる言葉にします。

気になる点が見つかったら、すべてを一度に直そうとせず、問い合わせや予約などお客様の行動に関わるページから優先して見直すのが現実的です。

まとめ

Webアクセシビリティは、障害のある人や高齢の人だけでなく、一時的に不便な状況にある人も含めた「誰にとっても使いやすいサイト」をつくるための考え方です。基準にはWCAGとJIS X 8341-3があり、レベルAAがひとつの目安になります。まずは代替テキスト、コントラスト、キーボード操作、見出し、リンクの文言といった基本から確認してみてください。

自社サイトの確認や改善の進め方に迷ったら、無料相談でお気軽にご相談ください。制作の進め方はWeb制作のサービス紹介でもご覧いただけます。

  • #Webアクセシビリティ
  • #WCAG
  • #JIS X 8341-3
  • #サイト改善

contact

We welcome you to contact us for more information about any of our services.

お気軽にお問い合わせください。

Create a web

We can provide a wide range of services from web direction / design / coding / WP integration / numerical analysis. Please feel free to contact us for an initial consultation.

Webディレクション/デザイン/コーディング/WP構築/数値解析まで、幅広く対応いたします。お気軽にご相談ください。

Japan information

We can help you do business for Japan. Japan has its own rules and regulations, and the Japanese are sensitive to them. We can help you with content (translation, sales, etc.) that takes into account communication that will work in Japan.

日本向けのビジネスのお手伝いをします。日本で通用するコミュニケーションを考慮した施策(翻訳や営業など)をご提供します。

Use our services

If you would like to use this service, please contact us. We are also looking for people to collaborate and extend our services. Please feel free to contact us.

サービスの利用に関して、弊社までご連絡ください。また、コラボレーションしてサービスを拡張してくださる方も募集しています。

▼ PRESS START ▼

Contact form

ご相談・お見積りは無料です。お気軽にどうぞ。