washiveil は、このデモサイトと配布コンポーネントの初期値で WCAG 2.2 Level AA を目標としています。アクセシビリティ上の問題はバグとして扱います。
適合性の状況
WCAG 2.2 Level AA に部分的に適合しています（自己評価）。最終評価日：2026-08-11。方法：3言語・ライト・ダーク・ハイコントラストの各モードで axe-core による自動監査（ダイアログを開いた状態を含む）、システムが出荷するすべてのトークンの組み合わせに対する手動コントラスト計算（WCAG 相対輝度）、すべてのインタラクティブコンポーネント（Radix プリミティブ上に構築）のキーボード操作確認。
JIS X 8341-3:2016 は WCAG 2.0（ISO/IEC 40500:2012）と一致しているため、本評価は JIS X 8341-3 の達成基準にもそのまま対応します。
システムが提供するもの
- すべてのインタラクティブ要素に可視のフォーカスリングを表示します。
- ポインターターゲットは 24 CSS ピクセル以上です（WCAG 2.5.8）。
- prefers-reduced-motion が有効な場合、アンビエントフィールドの揺らぎと表示時のアニメーションをすべて停止します（WCAG 2.3.3）。
- ハイコントラストレイヤー：prefers-contrast: more で自動的に有効化されるか、ルート要素に .contrast-more クラスを手動で追加して有効化できます。
- すべてのコントロールに3言語でアクセシブルネームを付与しています。
- 中国語・日本語・英語が混在するテキストに言語パーツタグを付与しています（WCAG 3.1.2）。
既知の例外
- 装飾的なマイクロラベル：淡い 0.75rem の補助テキスト（セクション上部のラベル、見本キャプション）は、コントラスト比 4.5:1 を意図的に下回っています。装飾目的のため、同じ情報は必ず近くの適合するテキストで確認できます。
- コントロール境界：デフォルトのヴェール表現に使う 1px ボーダーは、非テキストのコントラスト比 3:1（WCAG 1.4.11）を下回ります。これはほぼすべてのグラスモーフィズムに共通します。ハイコントラストレイヤーでは、すべての境界を 3:1 以上に引き上げ、必要なユーザーへの正式な対応手段として提供します。
- プライマリー塗り：ソリッドボタン、ダイアログ操作、ナビゲーションの CTA には、表示用の korozen（#d0722e）を採用しています。白いラベルとのコントラスト比は 3.43:1 で、基準の 4.5:1 を下回ります。これはブランドカラーを優先した意図的な選択です。ハイコントラストレイヤーでは korozen-deep（#b64f1b、5.09:1）に置き換わり、ダークモードは両レイヤーで基準を満たします。