3. 目標とする品質基準

花王グループでは、HTMLやCSSなどのウェブ技術の標準化を推進しているWorld Wide Web Consortium （W3C）が勧告しているWeb Content Accessibility Guidelines （WCAG）のバージョン 2.2 レベルAAを品質基準の目標とします。

3-1 指針の基本となる基準

WCAG 2.1 から WCAG 2.2 へ

WCAGは、W3Cが勧告しているウェブコンテンツのアクセシビリティを向上させるためのガイドラインのひとつです。WCAGは、1999年に勧告されたバージョン1.0以降、ニーズや技術の進化に伴って複数回アップデートされてきました。

花王グループでは、2023年10月に勧告された最新のWCAG 2.2 を目標基準とし、従来の2.1を順次移行対象とします。

WCAGは、障害のすべての種類、程度、組合せからくるニーズを満たすことはできないとされていますが、ウェブコンテンツをよりアクセシブルにするための広範囲に及ぶ推奨事項を網羅しており、世界各国の技術基準として、広く採用されています。日本、アメリカでは、2012年にISO/IECによって国際規格となっているWCAG 2.0を技術基準としています。また、EUでは、WCAG 2.1を公共調達の基準に採用しています。

  • *
    WCAG 2.2は、視覚・運動・認知／学習などさまざまな障害のある人々を含む、より広範なユーザーのニーズに対応するために、WCAG 2.1の内容を踏まえつつ、9つの新しい達成基準を導入しています。

Reference

WCAGの構成と適合レベル

WCAG 2.2は、下記の4つの原則に基づいた13のガイドラインから構成されています。

  • 知覚可能（Perceivable）
  • 操作可能（Operable）
  • 理解可能（Understandable）
  • 堅牢（Robust）

各ガイドラインには検証可能な達成基準が設けられており、WCAG 2.2では 合計86個の達成基準が定義されています（WCAG 2.1より9つ増加）。それぞれの達成基準には、以下の3つの適合レベルが設定されています。

  • レベルA （lowest）
  • レベルAA
  • レベルAAA （highest）

花王グループでは、政府や公的機関で基準となっており、また、アクセシビリティに関する訴訟での和解契約に参照されることが一般的となっているレベルAAを、⽬標とする適合レベルとします。

Reference

3-2 目標達成に向けての計画・管理

ウェブアクセシビリティの確保と向上の取り組み

WCAG 2.2では、13のガイドラインに対応した 計86の検証可能な達成基準（レベルA、AA、AAAを含む）が定義されています。そのすべてを短期間で満たすことは、対象となるウェブサイトやコンテンツの規模・性質によっては困難な場合があります。

そのため、対象メディアやコンテンツの役割、ウェブサイトの利⽤状況、今後の施策や更新計画などを踏まえて、取り組みの優先順位をつけ、段階的かつ持続可能となる計画を立てて進めてください。

また、公開にあたっては、企画・設計段階での優先度検討や、段階的な計画立案を支援するツールとして「花王アクセシビリティ対応チェックシート（以下、アクセシビリティ対応チェックシート）」を活用してください。

Reference

花王 アクセシビリティ対応チェックシート

ウェブアクセシビリティの取り組みにあたり、コンテンツやデザイン、開発仕様の検討の前段階での要件確認、及び作業完了時に使用する、WCAG 2.1レベルAAに対応したチェックシートです​（2026年以降は​2.2も​準拠）​。また、段階的な取り組みを考慮し、花王グループ独自の対応指標として、チェック項目を難易度や影響範囲を鑑みてⅠ～Ⅲに振り分けています。​
​以下は、各分類におけるウェブサイトへのアクセシビリティの確保の一例です。​

  • *
    花王サイト担当は、制作関係者全員に本ガイドライン、及びアクセシビリティ対応チェックシートを事前に提供してください。

分類Ⅰ

  • 使い方イメージや製品画像、グラフなどの画像について、視覚的な情報と同じ目的を果たす「代替テキスト」が用意されていることを確認しています。
    • *
      画像内リンク（イメージマップ）の「代替テキスト」は分類Ⅱに分けられます。
  • 動くコンテンツの掲載に関して、5秒以内に動きが止まる。または、動きを一時停止することができる仕組みが用意されていることを確認しています。
  • ウェブページ間の移動やコンテンツを読んでいただくにあたってのリンクやボタンについて、コンテンツの中に閉じ込められてしまう箇所がないことを確認しています。

分類Ⅱ

  • 不備があるフォーム入力に対して、どのような不備があるのかがテキストで明確に提示されていることを確認しています。
  • 文字と背景色のコントラスト比が低いために、読みづらい、または見えづらい配色がされていないことを確認しています。

分類Ⅲ

  • 音声を含む動画（収録済み）に対して、「音声解説」が用意されていることを確認しています。 

ア​クセシビリティ対応
チェックシートサンプル版

より​多くの​方に​お役立ていただける​よう、​WCAG 2.2 レベルAAに​対応した​チェックシートの​サンプル版を​公開しました。​以下の​ダウンロードボタンから​「アクセシビリティ対応チェックシート」の​サンプル版​（見本）を​ご確認いただけます。

  • *
    自由に​ご参照・​ご活用いただけますが、​万が​一トラブル等が​発生した​場合、​弊社では​責任を​負いかねます。​各自の​判断にて​ご利用を​お願い​いたします。​
  • *
    花王関係​サイトを​ご担当いただいている​制作会社様に​つきましては、​正式版を​花王Chatterより​ダウンロードください。

ウェブアクセシビリティガイドライン

ウェブアクセシビリティガイドライン

Page Top