Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」
a11y- https://weba11y.jp/
Webアクセシビリティの情報提供Webサイト
「アクセシビリティ」とは
ユーザビリティ- 特定のユーザ、特定の状況での「使いやすさ」
狭く深く
アクセシビリティ- あらゆる状況で、誰にとっても「使いやすさ」
状況を広げること
高齢者・障害者向け のみだけではない!
スマホ、PCそれぞれに適したViewを提供する
「あらゆる」ユーザーのためのもの
作り手目線 みんなにサービスを使ってもらう
色覚多様性
緑(Safe)・赤(red)など、色だけの情報が伝わらない
ハンディキャップがあるひと だけではない
メガネが壊れた、紛失した
一時的な怪我(手首の捻挫、骨折とか)
イヤホンがなくて音が出せない
etc...
HTML
Wai-Aria
https://a11yc.com/city-komaru/
アクセシビリティを見ることができる
HTMLの正しいコーディングをすること
テーブルとかdivでbuttonを作らないとか
alt を必ず作るとか
形容詞を含むと良い
怒られないためにアクセシビリティをやるのではない
一部のユーザーを切り捨てるのではなく、より多くのユーザーに使ってもらうため。
Reactでアクセシビリティ
https://zenn.dev/neet/articles/8b4d8d42fb2a5e
#FEStusdy