WCAG 2.2 の新基準と EAA

一言まとめ

WCAG 2.2(2023-10 勧告)で追加されたドラッグ代替・ターゲット 24px・フォーカス非遮蔽・重複入力回避・認知テストなし認証の 5 基準と、2025-06-28 施行の欧州アクセシビリティ法(EAA)。タスク・カレンダー・ドラッグ UI に直接効く。

作成 · 更新 · #accessibility#wcag#eaa#a11y
目次 5 sections
  1. 01 WCAG 2.2 で追加された基準
  2. 02 コントラスト(1.4.3 / 1.4.6)
  3. 03 EAA(欧州アクセシビリティ法)
  4. 04 関連
  5. 05 更新履歴

調査時点: 2026-05。基準は W3C 公式で長寿命。

WCAG(Web Content Accessibility Guidelines)は、障害のある人を含む利用者が Web コンテンツを使えるようにするための W3C のアクセシビリティガイドライン。EAA(European Accessibility Act)は EU のアクセシビリティ法で、2025 年 6 月から適用された。

WCAG 2.2 で追加された基準#

基準名称レベルUI への影響
2.4.11Focus Not Obscured (Minimum)AAスティッキーヘッダーの背後にフォーカス要素を隠さない
2.5.7Dragging MovementsAAドラッグ操作(リスケジュールなど)にポインタ代替手段を用意する
2.5.8Target Size (Minimum)AAインタラクティブなターゲットは 24×24 CSS px 以上(余白含む)
3.2.6Consistent HelpAヘルプの配置を一貫させる
3.3.7Redundant EntryA同一セッション内の既入力情報は自動補完か選択肢を提供する
3.3.8Accessible Authentication (Minimum)AA認知テスト(CAPTCHA など)なしで認証できる。パスワードマネージャーとコピペを許可する
  • モバイル向けの適用ガイダンス(WCAG2Mobile)が W3C で更新中。
  • prefers-reduced-motion / prefers-contrast への対応は現在期待される実装。

コントラスト(1.4.3 / 1.4.6)#

用途AAAAA
通常テキスト4.5:17:1
大きなテキスト(24px 以上、または太字 18px 以上)3:14.5:1

「images of text」も対象なので、OG 画像のようなテキスト入り画像にも当てはまる。

EAA(欧州アクセシビリティ法)#

  • 2025-06-28 施行。EU 向けにウェブサービス・EC・モバイルアプリを提供する企業に適用される。
  • 技術標準は EN 301 549(WCAG 2.1 を含み、2.2 を含む改訂が進行中)。実務上は WCAG 2.2 AA 準拠が起点。
  • 違反ペナルティは加盟国ごとに設定される。

関連#

更新履歴#

  • 2026-05-08: 初版(ローカル調査ノート)
  • 2026-10-17: Wiki へ移植、概念ページとして再構成。冒頭に定義を追加

出典

  1. https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/
  2. https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html

同じトピック — UI/UX