Weitere ähnliche Inhalte
Mehr von Nozomi Sawada (12)
Bootstrap 4は、どの辺がアクセシブルなのか?/スマホでスクリーンリーダーを使ってみよう
- 10. 10
• 知覚可能 - 情報及びUIコンポーネントは、
利用者が知覚できること
• 操作可能 - UIコンポーネント及びナビゲーションは
操作できること
• 理解可能 - 情報及びUIの操作は理解できること
• 堅牢性 - 技術やUAが進化しても、
コンテンツはアクセシブルなこと
アクセシビリティの 4 つの原則
https://waic.jp/docs/UNDERSTANDING-WCAG20/intro.html より
- 11. 11
• 知覚可能 - UIコンポーネントの変化する状態や関係性を、
見えていても見えていなくても伝えられること
• 操作可能 - マウスやタッチスクリーンだけではなく、
キーボードでもUIコンポーネントの操作ができること
• 理解可能 - UIコンポーネントの表示や挙動を理解して、
間違わずに操作できること
• 堅牢性 - UIコンポーネントの名前や役割が、
正しくプログラムに伝えられること
アクセシビリティの 4 つの原則をBootstrap 4に適用
- 12. 12
• 知覚可能 - タブとタブパネルの関係性や、
どのタブがアクティブなのかという状態を伝えられる
• 操作可能 - タブをキーボードで切り替えられ、
タブパネル内も正しい順序でキーボード操作できる
• 理解可能 - タブの表示や挙動を理解して、間違わずに操作できる
• 堅牢性 - 個々のタブの名前やナビゲーションとしての役割が、
プログラムに伝えられ、コントロールできる
例:タブUIの場合