アクセシビリティ

検証マトリクス

各コンポーネントは WAI-ARIA APG パターンと関連する WCAG 2.2 AA 基準を実装しています。以下は層ごとの検証ステータスです。CI の自動検証は部品ごとに対象範囲が異なります。キーボード列では、キー表と明示契約にある必要なキーを実ブラウザで確認できた部品だけが検証済みです。未確認の部品は確認待ちです。実機 SR(VoiceOver / NVDA)は部品ごとに人手でサインオフします。SR 発話順は仮想スクリーンリーダーを用い、静的な文言をカーソルで読む検証も含みます。更新の自動読み上げを保証するものではありません。

検証済み / サインオフ済み 進行中 / サインオフ待ち 対象外
検証マトリクス
コンポーネント APG パターン axe-core キーボード SR 発話順 実機 SR
ダイアログ Dialog (Modal) ✅ ✅ ✅ ✅
警告ダイアログ Alert & Message Dialog ✅ ✅ ✅ ✅
確認ダイアログ橋渡し Alert & Message Dialog ✅ ✅ ✅ ⏳
ドロワー Dialog (Modal) ✅ ✅ ✅ ⏳
コマンドパレット Dialog (Modal), Combobox ✅ ✅ ✅ ⏳
ドロップダウン Disclosure ✅ ✅ ✅ ✅
ポップオーバー — ✅ ✅ ✅ ⏳
ツールチップ Tooltip ✅ ✅ ✅ ✅
ホバーカード — ✅ ✅ ✅ ⏳
メニューボタン Menu Button ✅ ✅ ✅ ⏳
コンテキストメニュー Menu ✅ ✅ ✅ ⏳
メニューバー Menubar ✅ ✅ ✅ ✅
ナビゲーションメニュー Disclosure ✅ ✅ ✅ ⏳
あふれ項目の退避メニュー Menu Button ✅ ✅ ✅ ⏳
ツールバー Toolbar ✅ ✅ ✅ ⏳
コラプシブル Disclosure ✅ ✅ ✅ ✅
アコーディオン Accordion ✅ ✅ ✅ ✅
続きを読む Disclosure ✅ ✅ ✅ ✅
タブ Tabs ✅ ✅ ✅ ✅
パンくずリスト Breadcrumb ✅ ✅ ✅ ⏳
ページネーション — ✅ ✅ ✅ ✅
スクロールスパイ — ✅ — ✅ ✅
ツリービュー Tree View ✅ ✅ ✅ ✅
ステッパー — ✅ ✅ ✅ ✅
ステップインジケータ — ✅ — ✅ ⏳
チェックボックス Checkbox ✅ ✅ ✅ ⏳
ラジオグループ Radio Group ✅ ✅ ✅ ✅
スイッチ Switch ✅ ✅ ✅ ✅
トグルグループ Toolbar ✅ ✅ ✅ ✅
レーティング Radio Group ✅ ✅ ✅ ✅
リストボックス Listbox ✅ ✅ ✅ ⏳
コンボボックス Combobox ✅ ✅ ✅ ✅
複数選択 Combobox ✅ ✅ ✅ ⏳
OTP 入力 — ✅ ✅ ✅ ✅
入力マスク — ✅ ✅ ✅ ⏳
数値入力 Spinbutton ✅ ✅ ✅ ⏳
金額入力 — ✅ — ✅ ✅
カラーピッカー — ✅ ✅ ✅ ✅
スライダー Slider ✅ ✅ ✅ ⏳
レンジスライダー Slider (Multi-Thumb) ✅ ✅ ✅ ⏳
自動拡張テキストエリア — ✅ — — —
タグ入力 — ✅ ✅ ✅ ✅
カレンダー Date Picker Dialog ✅ ✅ ✅ ✅
期間選択カレンダー Date Picker Dialog ✅ ✅ ✅ ✅
時刻選択 Spinbutton ✅ ✅ ✅ ⏳
相対時間表示 — ✅ — ✅ ⏳
ローカル時刻表示 — ✅ — ✅ ⏳
タイマー / カウントダウン — ✅ — ✅ ⏳
カウントアップ — ✅ — ✅ ⏳
フォームフィールド — ✅ — ✅ ✅
フォームバリデーション — ✅ — ✅ ✅
文字数カウンタ — ✅ — ✅ ⏳
パスワード表示切替 — ✅ ✅ ✅ ✅
パスワード強度メーター Meter ✅ — ✅ ⏳
インライン編集 — ✅ ✅ ✅ ⏳
依存フィールド — ✅ — — —
動的フィールド行 — ✅ ✅ ✅ ⏳
ファイルドロップゾーン — ✅ ✅ ✅ ⏳
ダイレクトアップロードの進捗 — ✅ — ✅ ⏳
自動送信フォーム — ✅ — ✅ ⏳
二重送信防止 — ✅ ✅ ✅ ⏳
編集中離脱ガード — — — — —
入力の永続化 — ✅ — — —
楽観的 UI — ✅ — ✅ ⏳
アスペクト比 — — — — —
セパレータ — ✅ ✅ ✅ ⏳
アバター — ✅ — ✅ ⏳
リサイザブル Window Splitter ✅ ✅ ✅ ⏳
メーソンリー — — — — —
サイドバー Dialog (Modal) ✅ ✅ ✅ ⏳
スクロール領域 — ✅ ✅ ✅ ⏳
カルーセル Carousel ✅ ✅ ✅ ✅
データグリッド Grid ✅ ✅ ✅ ✅
一括選択バー — ✅ — ✅ ⏳
フィルター — — — — —
単一リストの並べ替え — ✅ ✅ ✅ ⏳
オーバーフロー表示 — ✅ ✅ ✅ ⏳
スクロール表示切替 — ✅ ✅ ✅ ⏳
追従状態検知 — — — — —
最下部追従 — — — — —
スクロール位置の保持 — — — — —
読了プログレス — — — — —
スマート追従ヘッダ — — — — —
スピナー — ✅ — ✅ ⏳
スケルトン切り替え制御 — ✅ — ✅ ⏳
プログレスバー — ✅ — ✅ ⏳
メーター Meter ✅ — ✅ ⏳
フレーム読込状態 — ✅ — ✅ ⏳
空状態の監視 — ✅ — ✅ ⏳
アナウンサー — ✅ — ✅ ⏳
トースト — ✅ ✅ ✅ ⏳
フラッシュ橋渡し — ✅ ✅ ✅ ⏳
ネットワークステータス — ✅ — ✅ ⏳
ディスミッシブル — ✅ ✅ ✅ ⏳
クリップボード — ✅ ✅ ✅ ⏳
テーマ切替 — ✅ ✅ ✅ ✅
挿入要素の強調 — — — — —
無操作検知 — ✅ — ✅ ⏳
ビューポート侵入で遅延ロード — — — — —
プレビュー中の揮発要素ガード — ✅ — ✅ ⏳
戻したページのリセット — ✅ — — —
アンカー配置ユーティリティ — — — — —
ロービングタブインデックス — ✅ ✅ — —
ポインタドラッグ — ✅ ✅ — —
ビューポート交差 — — — — —
フォーカス管理ユーティリティ — ✅ ✅ — —
要素の移送 — — — — —
共有トランジション基盤 — — — — —
入力中インジケータ — ✅ — ✅ ⏳
在室表示 — ✅ — ✅ ⏳
ライブカウンタ — ✅ — ✅ ⏳

アクセシビリティはこのプロダクトの核となる価値です。各列はそれぞれの検証範囲を表します。キーボードの「対象外」は固有のキー契約に関する既存分類で、フォーカス検証全般を免除する意味ではありません。実機 SR(VoiceOver / NVDA)は最上位のサインオフで、ゴールデンセットを自動で回帰ロックしつつ、残りは部品ごとに人手でサインオフして広げます。実機 SR 列は両エンジン(VoiceOver / NVDA)のサインオフが揃った部品を検証済みとします。読み上げ対象で未サインオフの部品は進行中です。