アクセシビリティ方針
コンポーネントのマークアップは、WAI-ARIA の仕様と ARIA Authoring Practices Guide(APG)のパターンに従います。
各コンポーネントが対応するパターンは次のとおりです。 逸脱している箇所は、それぞれのコンポーネントのページに記載しています。
パターンとの対応
| コンポーネント | APG のパターン | 状態 |
|---|---|---|
| Button | Button | 準拠 |
| Tabs、BoxedTabs | Tabs | 準拠 |
| Tag、FilledTag の閉じる操作 | Button | 準拠 |
| Accordion | Accordion | 逸脱あり |
| IconButton のツールチップ | Tooltip | 逸脱あり |
| ToggleSwitch | Switch | 採用せず |
| Input、Select、Textarea | 該当なし | ネイティブ要素に委ねる |
| Avatar、Badge、Balloon、Card、Spinner | 該当なし | 表示のみ |
利用側に委ねること
次の 2 つはコンポーネントでは実現できません。 利用側で対応してください。
role="button"を使う場合の、フォーカス可能にすることと Enter / Space キーへの対応- フォームの入力欄と
labelの関連づけ
検証
自動検査だけでは足りません。 キーボードだけで操作できるか、支援技術で読み上げたときに意味が通るかを、実際に確認してください。