Web Content Accessibility Guidelines (WCAG) 2.2 と、フランスにおけるデジタルコンテンツへの影響

Elements
Elements

Stripe の豊富な UI ビルディングブロックを使用して、自社のサイトにぴったりの安全な決済機能をデザインし、売上アップを実現しましょう。

もっと知る 
  1. はじめに
  2. この記事でわかること
  3. WCAG 2.2 とは何ですか?
    1. WCAG 2.1 と WCAG 2.2 の違いは何ですか?
  4. フランスでは WCAG 2.2 は義務化されていますか?
  5. WCAG の 4 つの原則とは何ですか?
    1. 知覚可能
    2. 操作可能
    3. 理解可能
    4. 堅牢
  6. WCAG 2.2 で導入された新しい基準とはどのようなものですか?
  7. WCAG 2.2 のさまざまなレベルとは何ですか?
  8. WCAG 2.2 の対象者は誰ですか?
  9. 企業が WCAG 2.2 に準拠することが重要な理由
  10. ウェブサイトの所有者向けの WCAG チェックリスト
  11. Stripe でできること

Web Content Accessibility Guidelines (WCAG) は、デジタル空間にすべての人がアクセスできるようにするための主要な国際標準です。これは、デジタルコンテンツを知覚、理解、使用し、それに貢献するために特定の配慮を必要とすることが多い障害のある人々を包摂するための重要な要件です。しかし、多くのウェブサイトと大量のオンラインコンテンツは、依然としてアクセスできないままです。

デジタル空間の複雑化に伴い、フランスに住む 1,200 万人の障害のある人々に対するウェブアクセシビリティを確保することが不可欠になっています。この記事では、更新されたデジタルアクセシビリティ標準のセットである WCAG 2.2 について説明します。特に、ガイドラインの遵守や企業の義務など、ビジネスへの影響を取り上げます。

この記事でわかること

  • Web Content Accessibility Guidelines (WCAG) は、デジタルアクセシビリティの国際標準です。これは、障害のある人々のオンラインエクスペリエンスを向上させるためのガイドラインのセットです。バージョン 2.2 は最新のガイドラインセットであり、バージョン 2.1 に 9 つの基準が追加されています。
  • 企業は法的に WCAG に準拠する義務はありませんが、このガイドラインに基づくフランスや欧州の一部の法律 (アクセシビリティ向上のための一般枠組み (RGAA) や欧州アクセシビリティ法 (EAA) など) では、デジタルアクセシビリティが義務付けられています。
  • アクセシブルであると見なされるには、オンラインコンテンツが知覚可能、操作可能、理解可能、かつ堅牢である必要があります。WCAG 2.2 では、ウェブページ全体で一貫したヘルプ機能を維持すること、パスベースのジェスチャーの代わりを提供すること、フォーカスインジケーターが見やすく明確にマークされていることを確認すること、区別可能なタッチ要素を作成すること、アクセス可能な認証手順を提供すること、冗長なタスクを排除することを推奨しています。
  • WCAG には A、AA、AAA の 3 つの準拠レベルがあり、国際的なデジタルアクセシビリティの基準に関心のある人を対象としています。
  • ウェブサイトに WCAG の基準を組み込むことには、自然検索でのインデックスの向上、対象ユーザーの拡大、ユーザーエクスペリエンスの改善など、多くのメリットがあります。

WCAG 2.2 とは何ですか?

WCAG 2.2 は、ユーザーの身体的、認知的、心理的、感覚的な能力に関係なく、すべての人がウェブコンテンツにアクセスできるようにするために設計された一連の国際的なガイドラインです。これらのガイドラインは、デジタルアクセシビリティとインクルーシブデザインの技術標準と見なされています。

2023年10月に公開された WCAG 2.2 は、World Wide Web Consortium (W3C) によるアクセシビリティガイドラインの最新バージョンです。これまでのバージョンに基づいて構築されており、障害のある人々が区別して使用できるデジタル空間を作成するための基準が追加されています。

WCAG 2.1 と WCAG 2.2 の違いは何ですか?

WCAG 2.1 と比較して、WCAG 2.2 ではウェブコンテンツのアクセシビリティとインクルーシビティを高めるために 9 つの新しい基準が導入されています。これらの追加基準には運動障害や認知障害が含まれており、前のバージョンの基準を補完するように設計されています。

WCAG のバージョンには下位互換性がある点に留意することが重要です。つまり、削除された 1 つの基準を除き、バージョン 2.0 と 2.1 はバージョン 2.2 に含まれています。

フランスでは WCAG 2.2 は義務化されていますか?

WCAG 2.2 のガイドラインは法的に義務付けられていませんが、これに起因するフランスおよび欧州の法律により、特定の公的および民間部門の事業体はウェブコンテンツのアクセシビリティを確保することが求められています。

アクセシビリティ向上のための一般枠組み (Référentiel général d'amélioration de l'accessibilité: RGAA) は、WCAG をフランス向けに適合させたものです。コンプライアンスをテストするための要件と手順が説明されています。政府機関、自治体、公共機関、公共サービスを担う企業を含むすべてのフランスの政府機関は、特定のアクセシビリティ基準を満たす必要があります。すべての市民が公共サービスや情報に公平にアクセスできるようにすることが目的であり、これは基本的人権です。

2023年3月9日の法律第 2023-171 号によってフランス国内法に置き換えられた欧州アクセシビリティ法 (EAA) により、デジタルアクセシビリティの要件が民間部門にも拡大されました。オンラインでの製品やサービスの販売を促進する EU の事業者は、自社のウェブサイト、モバイルアプリ、デジタルサービスを障害のある人々がアクセスできるようにする必要があります。これには、EC、銀行サービス、交通機関、電子書籍、オーディオビジュアルメディアの事業者が含まれます。従業員が 10 人未満で、売上が 200 万ユーロ未満の零細企業のみが免除されます。

WCAG の 4 つの原則とは何ですか?

WCAG は 4 つの基本原則に基づいて構築されています。すべての人がアクセスできるようにするには、ウェブコンテンツが知覚可能、操作可能、理解可能、かつ堅牢である必要があります。

知覚可能

コンテンツとコンポーネントは、すべてのユーザーが知覚できる方法で提示する必要があります。具体的には、ウェブサイトで画像やアイコンなどのすべての非テキストコンテンツに対して、同等のテキスト (大きなフォント、点字、音声読み上げ、簡略化された言語や記号など) を提供する必要があります。

また、ウェブサイトでは、情報を失うことなく必要に応じてユーザーが要素をカスタマイズできるようにする必要があります。さらに、字幕や文字起こしなど、視覚メディアの代替手段を提供する必要があります。アクセシブルなウェブサイトでは、前景と背景を区別し、両者の間に十分なコントラストを確保することも求められます。

操作可能

すべてのデジタルコンテンツの機能は、マウスを必要とせず、キーボードを使用してアクセスできる必要があります。ウェブサイトの開発者は、ナビゲーションとブラウジングのための明確な方向付けをユーザーに提供する必要があります。コンテンツを読んだり操作したりするのに十分な時間を確保し、てんかん発作を引き起こす可能性のある要素は避けてください。

理解可能

WCAG に準拠するため、ウェブサイトではテキストの最適な可読性を確保し、ユーザーが入力エラーを修正できるようにする必要があります。ウェブサイトでは、明確で説明的なエラーメッセージを使用し、テキストボックスにラベルを付ける必要があります。

堅牢

デジタルコンテンツは、現在および将来の支援技術 (スクリーンリーダー、点字など) と互換性があり、デジタルプログラムによって解読可能である必要があります。

WCAG 2.2 で導入された新しい基準とはどのようなものですか?

WCAG 2.2 では、バージョン 2.1 に以下の新しい基準が追加されています。

  • 一貫したヘルプ機能: ナビゲーションを容易にするためのヘルプ、ドキュメント、または指示がページで提供される場合、これらの機能はサイトまたはアプリ全体で同じ場所に表示される必要があります。
  • パスベースのジェスチャー: ウェブサイトでは、ドラッグアンドドロップの動作に代わる手段 (シングルポインターによる有効化など) を提供する必要があります。
  • フォーカスの可視性: フォーカスがコンテンツによって隠れてはなりません。理想的には、完全に見える状態を維持します。
  • フォーカスの外観: フォーカスの境界線を明確にマークし、少なくとも 2 CSS ピクセルの厚さにして、フォーカスとそれ以外のコントラスト比を 3:1 以上にする必要があります。
  • ターゲットのサイズ: クリックやタッチが可能な要素 (ボタン、アイコンなど) は、少なくとも 24 x 24 CSS ピクセルであり、判読可能である必要があります。
  • アクセス可能な認証: アクセス可能な代替手段がない限り、認知テスト (パズルの解決、複雑なパスワードの記憶など) を要求してはなりません。
  • 重複入力の排除: ウェブサイトでは、情報の複数回入力を避けるために、繰り返し表示されるテキストボックスに対してオートコンプリートまたは選択機能を提供する必要があります。

WCAG 2.2 のさまざまなレベルとは何ですか?

WCAG 2.2 には A、AA、AAA の 3 つのレベルがあります。レベル A は最低要件であり、AA が認められた標準です。これは EAA によって要求されるレベルでもあります。レベル AA では、デジタルコンテンツ、モバイルアプリ、ウェブサイトが障害のある人々にとって快適に使用できるものになります。

レベル AAA はアクセシビリティの最高基準を表します。法的義務を超えて最適なエクスペリエンスを提供しますが、複雑なウェブサイト全体で達成するのは困難な場合があります。

WCAG 2.2 の対象者は誰ですか?

ウェブサイトをアクセシブルにすることは、多くの場合複数の関係者が関与する本格的なチームでの取り組みです。したがって、WCAG 2.2 のガイドラインは、ウェブコンテンツの開発者、ウェブサイト編集ツールの開発者、ウェブアクセシビリティを評価するツールの開発者、およびウェブまたはモバイルのアクセシビリティの技術標準に関心のあるすべての人を対象としています。

企業が WCAG 2.2 に準拠することが重要な理由

WCAG 2.2 に準拠する企業は、次のような多くのメリットを得られます。

  • 法的要件 (EAA、RGAA など) の遵守
  • オーディエンスの拡大
  • 検索エンジンや AI ツールがアクセシビリティ対応のウェブサイトを読み取りやすくなることによる、自然なインデックス作成の向上
  • ユーザー体験の向上とポジティブなブランドイメージの構築。これにより、信頼関係を構築し、コンバージョン率を向上させ、顧客の維持を図り、長期的な収益性を高めることができます。

ウェブサイトの所有者向けの WCAG チェックリスト

監査ツール、サードパーティ、チェックリストを使用して、レベル AA で WCAG に準拠するコンテンツを作成できます。主な基準は以下のとおりです。

  • マウスを使用しないウェブサイトのナビゲーション
  • 各要素の視覚的なフォーカス
  • 十分なコントラスト比
  • ラベル付きテキストボックス
  • 要求される情報の単一入力またはオートコンプリート機能
  • パズルやパスワードの代替手段
  • 大きなクリック可能な領域
  • 画像と視覚メディアの代替テキスト
  • ズームインまたはズームアウトしたときの明確で使いやすいインターフェース
  • 支援技術との互換性
  • コンテンツの読み取りと使用に十分な時間
  • パスベースのジェスチャーの代替手段
  • ウェブページ間の一貫したナビゲーション
  • 説明的なエラーメッセージ

Stripe でできること

Stripe Elements を使用すると、モジュール型のインターフェイスを使用して決済画面のコンポーネントをカスタマイズできます。Elements により、デスクトップかモバイルかに関係なく、説明的なエラーメッセージ、オートコンプリート、Accessible Rich Internet Applications (ARIA) ラベルなどのアクセシビリティ機能を決済に簡単に組み込むことができます。また、法的要件を満たすために、コンポーネントのフォント、色、間隔を変更することもできます。

また、Stripe は幅広い決済手段に対応し、顧客の支払いをスピードアップするエクスプレス決済オプションも提供しています。

この記事の内容は、一般的な情報および教育のみを目的としており、法律上または税務上のアドバイスとして解釈されるべきではありません。Stripe は、記事内の情報の正確性、完全性、妥当性、または最新性を保証または請け合うものではありません。特定の状況については、管轄区域で活動する資格のある有能な弁護士または会計士に助言を求める必要があります。

その他の記事

  • 問題が発生しました。もう一度お試しいただくか、サポートにお問い合わせください。

今すぐ始めましょう

アカウントを作成し、支払いの受け付けを開始しましょう。契約や、銀行情報の提出などの手続きは不要です。貴社ビジネスに合わせたカスタムパッケージのご提案については、営業担当にお問い合わせください。
Elements

Elements

Stripe Elements では豊富な UI ビルディングブロックを用意しているため、自社のサイトに適した安全な決済機能をデザインし、売上アップを実現することができます。

Elements のドキュメント

事前に構築された UI コンポーネントを使用して、独自の決済フローを作成します。