キーボード操作を意識したHTML/CSSコーディング
CRANK

この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。(よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない)ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作でWebサイトを利用しているユーザー」に対象を絞っていくつかまとめてみました。キーボード操作でWebサイトを利用しているユーザーというのは次のような方々が考えられます。マウスやトラックパッドが故障してしまった方スクリーンリーダーなどの支援ソフトを利用している視覚がい者繊細なカー…

zenn.dev
Related Topics: CSS HTML Web Standards / Browsers