NOTE 113 / 2022年
アクセシビリティの話題を、日常の実装に戻す
GAAD をきっかけに集まった話題を、日々の開発に引き寄せて考えます。
読了目安 約2分
アクセシビリティの日には、大きな改善事例や制度の話が集まりやすいものです。ただ、現場で必要なのは、明日のレビューで使える小さな判断基準です。見出しの順序、代替テキスト、キーボード操作のように、確認できる項目に落とし込むことが出発点になります。
一度作ったチェックリストは、更新されないと形だけになります。新しいコンポーネントを追加するたびに、テストの観点も一緒に見直す運用にしたいところです。
押さえたい点
- 01大きな話を小さな確認項目に分ける
- 02コンポーネント追加時に観点を見直す
- 03自動テストと手動確認を組み合わせる
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- MDN アクセシビリティ 外部サイトdeveloper.mozilla.org
- W3C WAI 外部サイトw3.org
- WAI ARIA APG 外部サイトw3.org
- WAI チュートリアル 外部サイトw3.org
- web.dev アクセシビリティ 外部サイトweb.dev
- アクセシビリティを学ぶ 外部サイトweb.dev
- WCAG 2.1 外部サイトw3.org
- WCAG 2.2 外部サイトw3.org
- ARIA in HTML 外部サイトw3.org
- MDN ARIA 外部サイトdeveloper.mozilla.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- web.dev 外部サイトweb.dev
- GitHub Docs 外部サイトdocs.github.com