アクセシビリティとビジュアルをトレードオフにしたくない！part2｜綿貫 佳祐 / Qiita

前回に引き続き、アクセシビリティ向上を目指しながらも見た目の良さも両立させたい話です。 この投稿の趣旨（前回のおさらい）まず、前回の投稿はこちらです。 ざっくりまとめると、JISで定められた「規格」としてのアクセシビリティをクリアしていても情報が見づらいものって結構ある。もともとの意味を考えれば万人にとって使いやすいことが大切なので、視覚的な良さも両立させたい。という話でした。 フォーカスインジケーターの問題みなさんはサイトを作るときにE:focusはどのようにしていますか？ぱっと見てオシャレだな〜と思うサイトだと E:focus { outline: 0; }みたいに指定されていることもよくあります。アクセシビリティの観点から考えるとこれはよくない指定です。 何故ならキーボードだけで操作している（操作せざるを得ない）ユーザーからすると、今自分がどの要素を選択しているかわからなくなってしま