アクセシビリティ
コンポーネントが維持する操作の約束と、実際に検証した範囲を分けて説明します。
キーボードとフォーカス
- ダイアログ、メニュー、タブ、コンボボックス、ドロワー、ツールチップと関連オーバーレイのキーボード状態管理はBase UIが担当します。
- 見た目を簡潔にするためにフォーカス表示を削除しません。
- モーダルとオーバーレイの例ではEscapeで閉じる操作と起動ボタンへのフォーカス復帰を検査します。
- カルーセル、サイズ変更パネル、コマンド一覧とメニューはネイティブまたは各ライブラリのキーボード操作を維持します。
意味と状態
- フォームのラベル、説明、検証と無効状態の関係を明示的に維持します。
- 持続する選択状態を支援技術に伝え、ホバーと視覚的に区別します。
- チャートは視覚表示に正確なデータ表を併設し、SVGだけに依存しません。
- Marqueeの複製内容は支援技術から隠し、Image Cardはfigureとfigcaptionの意味を維持します。
動きと視覚的な状態
- 動きを減らす設定ではフォーカス・押下・選択状態を保ちながら遷移を除去または短縮します。
- 奥行きは状態と階層を補助します。破壊的な操作や選択状態には他の視覚的な手掛かりも提供します。
- テーマのプリセットはライト・ダークモードで意味に応じた前景・背景トークンを共有します。
現在の検証
- 通常のCIはデスクトップのライト・モバイルのダーク表示でChromiumの文書操作を検査し、代表的なVite・Next.jsの利用側プロジェクトに導入します。
- 全項目のローカル検査と手動の包括的検証ではFirefox・WebKitの利用側検査と、ファイルがある全レジストリ項目の独立ビルドを追加します。
- 回帰検査はテーマのコントラスト条件、生成一致、フォームの組み合わせと状態復帰を扱います。
認証していない範囲
これらは検証の根拠であり、網羅的なアクセシビリティ認証ではありません。すべての状態でのスクリーンリーダー動作、実際の韓国語・日本語・中国語IME入力、全タッチ操作、全プリセット・ブラウザ・支援技術の組み合わせを保証しません。