Skip to content

アクセシビリティ方針 ​

コンポーネントのマークアップは、WAI-ARIA の仕様と ARIA Authoring Practices Guide(APG)のパターンに従います。

各コンポーネントが対応するパターンは次のとおりです。 逸脱している箇所は、それぞれのコンポーネントのページに記載しています。

パターンとの対応 ​

コンポーネントAPG のパターン状態
ButtonButton準拠
Tabs、BoxedTabsTabs準拠
Tag、FilledTag の閉じる操作Button準拠
AccordionAccordion逸脱あり
IconButton のツールチップTooltip逸脱あり
ToggleSwitchSwitch採用せず
Input、Select、Textarea該当なしネイティブ要素に委ねる
Avatar、Badge、Balloon、Card、Spinner該当なし表示のみ

利用側に委ねること ​

次の 2 つはコンポーネントでは実現できません。 利用側で対応してください。

  • role="button" を使う場合の、フォーカス可能にすることと Enter / Space キーへの対応
  • フォームの入力欄と label の関連づけ

検証 ​

自動検査だけでは足りません。 キーボードだけで操作できるか、支援技術で読み上げたときに意味が通るかを、実際に確認してください。