ウェブアクセシビリティ
対応について

Webアクセシビリティとは、年齢・障害・利用環境にかかわらず、誰もがWebサイトを問題なく使え、必要な情報にたどり着けるようにする取り組みのことです。近年では、特別な対応としてではなく、Webサイトの基本品質の一部として捉えられるようになっています。

なぜWebアクセシビリティが大切なのか

Webアクセシビリティに配慮することで、これまで利用できなかった人にも情報やサービスが届くようになります。

加えて、2024年4月の障害者差別解消法の改正により、障害のある人からサービスや情報へのアクセスが困難だと申し出があった場合、事業者は過重な負担にならない範囲で対応することが義務づけられました。Webサイトもこの法律の対象に含まれます。

困る人が出てから都度対応するより、はじめからアクセシビリティに配慮した設計で整えておく方が、結果として負担は小さくなります。

弊社の取り組み

年齢・障害・利用環境にかかわらず、より広い層のユーザーがWebサイトを利用でき、必要な情報にたどり着けるようにWebサイトを制作いたします。
支援技術やさまざまなブラウザでの閲覧に対応するとともに、堅牢で拡張性の高い設計とし、将来的な機能追加も容易に行えるようにいたします。

適合目標

弊社が構築するサイト内のHTMLコンテンツは、JIS X 8341-3:2016(日本産業規格)の「適合レベル AA」に準拠して制作いたします。
ただし、運用中に追加されるPDFや外部提供の動画など、弊社の制作範囲外のコンテンツについては基準を満たせない場合があり、その場合、WAIC「ウェブコンテンツのJIS X 8341-3:2016 対応度表記ガイドライン」の規定により、
サイト全体の対応度は「適合レベルA 一部準拠」という表記になります。

参考:
JIS X 8341-3:2016 達成基準 早見表(レベルA & AA)
ウェブコンテンツのJIS X 8341-3:2016 対応度表記ガイドライン

追加で実装する達成基準

JIS X 8341-3:2016(WCAG 2.0ベース)の達成基準に加え、
より新しい国際基準であるWCAG 2.1および2.2で追加された達成基準(https://waic.jp/translations/WCAG22/)にも一部対応いたします。追加で実装する達成基準の一例を以下に示します。

  • ターゲットのサイズ:ボタンやリンクなどのタップ領域を十分な大きさで確保する(達成基準 2.5.8 )
  • 表示の向き:縦画面・横画面どちらでも利用できるようにする(達成基準 1.3.4 )
  • 非テキストのコントラスト:文字以外の要素(ボタン、入力欄、アイコンなど)も背景との色差を確保する(達成基準 1.4.11 )
  • テキストの間隔:行間や文字間隔を利用者が変更してもコンテンツが崩れないようにする(達成基準 1.4.12 )

参考:Web Content Accessibility Guidelines (WCAG) 2.2

閲覧しやすい配置・デザイン

高齢者・障害のある方を含む多くの利用者にとって見やすく使いやすいサイトとなるよう、各達成基準に基づきデザインいたします。配慮事項の一例を以下に示します。

  • テキストと背景に十分なコントラスト比を確保する(達成基準 1.4.3 等)
  • 情報の伝達を色だけに頼らず、形状やテキストなど複数の手段で行う(達成基準 1.4.1、1.3.3)
  • 操作対象を十分な大きさで配置する(達成基準 2.5.8)
  • ナビゲーションの一貫性を保ち、現在位置がわかりやすい構造にする(達成基準 3.2.3、ガイドライン 2.4)
  • テキストのサイズ変更・間隔変更を行ってもコンテンツや機能が損なわれないようにする(達成基準 1.4.4、1.4.12)

参考:Web Content Accessibility Guidelines (WCAG) 2.2

UI(ユーザーインターフェース)の実装方針

ウェブの国際標準化団体(W3C)が公開しているアクセシビリティの実装ガイドライン(ARIA Authoring Practices Guide)などを参考に、支援技術でも正しく操作できるよう、WAI-ARIAを適切に用いたアクセシブルなUIを実装します。

既存サイトの改善もご支援いたします

上記は弊社が新規構築時に標準で実施する取り組みですが、既存サイトの改善についても段階的にご支援が可能です。 本格的なJIS準拠対応までは難しい場合でも、以下のような取り組みはすぐに始められます。

  • 主要ページのアクセシビリティ簡易診断
  • コントラスト・文字サイズのチェックと改善提案
  • 見出しやHTML構造の整理や必要な画像へのaltテキスト付与
  • キーボード操作・スクリーンリーダーでの簡易チェック

まずは優先度の高い箇所に絞って対応し、段階的に範囲を広げていくことも可能です。

ご相談・次のステップのご案内

アクセシビリティは専門用語が多く、難しく感じられがちですが、 「必要とする人が、ちゃんと情報にたどり着けるようにすること」がアクセシビリティの目的です。

  • 法改正に合わせて最低限の対応をしておきたい
  • 社会的な責任として、アクセシビリティに取り組みたい
  • まずは自社サイトの現状を知るところから始めたい

こうした段階からで問題ありません。
お気軽にお問い合わせいただければと思います。お持ちのサイトのURLや想定されているユーザー層などをお知らせいただければ、現状の簡易診断と、無理のない次の一歩をご提案いたします。