デザイン原則としてのアクセシビリティ
弊社のバナーはアクセシビリティを意識して作られています。独立した WCAG 2.2 監査はまだ実施されていません。
コードに実装されているもの
WCAG 2.2 Level AAの成功基準に従っています。以下の6つの領域は、同意バナーに具体的に対応しています。認定された第三者監査はまだ実施されていません。実施されるまで、適合性を伝えません。
6つの実装領域
キーボード操作
Tab、Shift-Tab、Enter、Escapeですべてのインタラクションにアクセス可能。キーボードトラップなし。
スクリーンリーダーサポート
セマンティックHTMLとaria属性、すべてのインタラクティブ要素に意味のあるラベルとロール。
フォーカス管理
可視フォーカスリング、モーダルクローズ後のフォーカス復帰、論理的なタブ順序。
コントラスト
カラートークンは最小テキストコントラスト4.5:1を目指します。セーブゲートは3:1未満のプライマリボタン設定をブロックします。
prefers-reduced-motion
すべてのアニメーションとトランジションはメディアクエリに対応します。
ターゲットサイズ
インタラクティブ要素は最小24×24ピクセルです。
実装から検証へ
アクセシビリティは、インタラクション動作、顧客設定、実際の支援技術の使用に依存します。以下のコントロールは既知のバナー要件に対応しています。独立した検証は別のステップです。
- セマンティックインタラクションモデル
- ネイティブコントロール、ラベル、ロール、モーダルフォーカス動作により、キーボードと支援技術に視覚的スタイリングのみに依存するのではなく、予測可能な構造を提供します。
- 設定セーフガード
- コンフィギュレーターは保存前にプライマリボタンコントラストをチェックします。顧客が選択した色、カスタムテキスト、埋め込みサイトコンテキストは一緒にレビューする必要があります。
- テスト範囲
- キーボードとスクリーンリーダー動作は、コードと設定が変更されるにつれて回帰テストが必要です。自動セーフガードとこの実装説明はWCAG適合性を確立しません。
すべてのプランに含まれます
これらの領域は、プランに関係なく、出荷するすべての同意バナーに適用されます。
ご案内
背景
アクセシビリティは継続的なプロセスです。このページは外部監査の結果ではなく、実装の状態を説明しています。独立した監査が完了したら、監査人、日付、範囲とともにここに結果を公開します。