アクセシビリティ

コンポーネントが維持する操作の約束と、実際に検証した範囲を分けて説明します。

キーボードとフォーカス

  • ダイアログ、メニュー、タブ、コンボボックス、ドロワー、ツールチップと関連オーバーレイのキーボード状態管理はBase UIが担当します。
  • 見た目を簡潔にするためにフォーカス表示を削除しません。
  • モーダルとオーバーレイの例ではEscapeで閉じる操作と起動ボタンへのフォーカス復帰を検査します。
  • カルーセル、サイズ変更パネル、コマンド一覧とメニューはネイティブまたは各ライブラリのキーボード操作を維持します。

意味と状態

  • フォームのラベル、説明、検証と無効状態の関係を明示的に維持します。
  • 持続する選択状態を支援技術に伝え、ホバーと視覚的に区別します。
  • チャートは視覚表示に正確なデータ表を併設し、SVGだけに依存しません。
  • Marqueeの複製内容は支援技術から隠し、Image Cardはfigureとfigcaptionの意味を維持します。

動きと視覚的な状態

  • 動きを減らす設定ではフォーカス・押下・選択状態を保ちながら遷移を除去または短縮します。
  • 奥行きは状態と階層を補助します。破壊的な操作や選択状態には他の視覚的な手掛かりも提供します。
  • テーマのプリセットはライト・ダークモードで意味に応じた前景・背景トークンを共有します。

現在の検証

  • 通常のCIはデスクトップのライト・モバイルのダーク表示でChromiumの文書操作を検査し、代表的なVite・Next.jsの利用側プロジェクトに導入します。
  • 全項目のローカル検査と手動の包括的検証ではFirefox・WebKitの利用側検査と、ファイルがある全レジストリ項目の独立ビルドを追加します。
  • 回帰検査はテーマのコントラスト条件、生成一致、フォームの組み合わせと状態復帰を扱います。

認証していない範囲

これらは検証の根拠であり、網羅的なアクセシビリティ認証ではありません。すべての状態でのスクリーンリーダー動作、実際の韓国語・日本語・中国語IME入力、全タッチ操作、全プリセット・ブラウザ・支援技術の組み合わせを保証しません。