アクセシビリティ
検証マトリクス
各コンポーネントは WAI-ARIA APG パターンと関連する WCAG 2.2 AA 基準を実装しています。以下は現在のステータスです。自動チェックは CI で自動実行され、実機のスクリーンリーダー出力は手動でサインオフします。
CI で検証済み / サインオフ済み
進行中 / 未サインオフ
| コンポーネント | APG パターン | axe-core | キーボード | スクリーンリーダー |
|---|---|---|---|---|
| ダイアログ | 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 | ✅ | ✅ | ⏳ |
| インライン編集 | — | ✅ | ✅ | ⏳ |
| 依存フィールド | — | ✅ | ✅ | ⏳ |
| 動的フィールド行 | — | ✅ | ✅ | ⏳ |
| ファイルドロップゾーン | — | ✅ | ✅ | ⏳ |
| Direct Upload の進捗 | — | ✅ | ✅ | ⏳ |
| 自動送信フォーム | — | ✅ | ✅ | ⏳ |
| 二重送信防止 | — | ✅ | ✅ | ⏳ |
| 編集中離脱ガード | — | ✅ | ✅ | ⏳ |
| 入力の永続化 | — | ✅ | ✅ | ⏳ |
| アスペクト比 | — | ✅ | ✅ | ⏳ |
| セパレータ | — | ✅ | ✅ | ⏳ |
| アバター | — | ✅ | ✅ | ⏳ |
| リサイザブル | Window Splitter | ✅ | ✅ | ⏳ |
| メーソンリー | — | ✅ | ✅ | ⏳ |
| サイドバー | Dialog (Modal) | ✅ | ✅ | ⏳ |
| スクロール領域 | — | ✅ | ✅ | ⏳ |
| カルーセル | Carousel | ✅ | ✅ | ⏳ |
| データグリッド | Grid | ✅ | ✅ | ⏳ |
| 一括選択バー | — | ✅ | ✅ | ⏳ |
| フィルター | — | ✅ | ✅ | ⏳ |
| オーバーフロー表示 | — | ✅ | ✅ | ⏳ |
| スクロール表示切替 | — | ✅ | ✅ | ⏳ |
| 追従状態検知 | — | ✅ | ✅ | ⏳ |
| 最下部追従 | — | ✅ | ✅ | ⏳ |
| スクロール位置の保持 | — | ✅ | ✅ | ⏳ |
| スピナー | — | ✅ | ✅ | ⏳ |
| スケルトン切り替え制御 | — | ✅ | ✅ | ⏳ |
| プログレスバー | — | ✅ | ✅ | ⏳ |
| メーター | Meter | ✅ | ✅ | ⏳ |
| フレーム読込状態 | — | ✅ | ✅ | ⏳ |
| 空状態の監視 | — | ✅ | ✅ | ⏳ |
| アナウンサー | — | ✅ | ✅ | ⏳ |
| トースト | — | ✅ | ✅ | ⏳ |
| フラッシュ橋渡し | — | ✅ | ✅ | ⏳ |
| ネットワークステータス | — | ✅ | ✅ | ⏳ |
| ディスミッシブル | — | ✅ | ✅ | ⏳ |
| クリップボード | — | ✅ | ✅ | ⏳ |
| テーマ切替 | — | ✅ | ✅ | ⏳ |
| 挿入要素の強調 | — | ✅ | ✅ | ⏳ |
| 無操作検知 | — | ✅ | ✅ | ⏳ |
| ビューポート侵入で遅延ロード | — | ✅ | ✅ | ⏳ |
| プレビュー中の揮発要素ガード | — | ✅ | ✅ | ⏳ |
| キャッシュ前リセット | — | ✅ | ✅ | ⏳ |
| アンカー配置ユーティリティ | — | ✅ | ✅ | ⏳ |
| ロービングタブインデックス | — | ✅ | ✅ | ⏳ |
| フォーカス管理ユーティリティ | — | ✅ | ✅ | ⏳ |
| 要素の移送 | — | ✅ | ✅ | ⏳ |
| 共有トランジション基盤 | — | ✅ | ✅ | ⏳ |
アクセシビリティはこのプロダクトの核となる価値です — フォーカスリングを外すことはなく、提供前にすべてのコントロールがキーボードで到達して操作できることを確認します。スクリーンリーダー列は、エンジン別(VoiceOver / NVDA)の発話ベースラインを取得し人手レビューするまで「進行中」のままにします。