Vue.js でアクセシブルなコンポーネントをつくるために by やまのく

昨今 Web 開発において、アクセシビリティを重視することはそれほど珍しくなくなってきました。
最新の Vue.js 公式ドキュメントでもアクセシビリティに関する項目が追加されました。
しかしながらアクセシビリティ対応に関しては、間違った知識のままはじめるとアクセシブルでなくなる可能性もあります。
この発表では、そうした間違いや疑問を解消し Vue.js でのアクセシビリティ向上に取り組みやすくする内容を紹介いたします。

※ 本発表で紹介するコード例は Vue3 版になります。

対象となる聴講者層

• Web アクセシビリティを学びはじめた人
• Vue.js でアクセシビリティ向上をしていきたい人

TOC

• 誤ったアクセシビリティ対応について
• 汎用性のあるアクセシブルなコンポーネントを作る方法
• コンポーネントのアクセシビリティチェック・テストの方法