キーボード操作を意識したHTML/CSSコーディング
この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。（よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない） ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で
Webクリエイター 小林さんのCSS TIPS集
小林 I Webデザイナー @pulpxstyle 現場で使用してきたHTMLやCSSのTipsをモーメントにまとめました。フリーランスの私がこれまでの制作で実際に使用してきたもののみ紹介してます。 あなたの現場でも使えるものがあると思いますので、ぜひご利用ください！ ⚡️ "現場で使えるHTML&CSS Tips ①" twitter.com/i/moments/7819… 2020-04-09 09:35:06 小林 I Webデザイナー @pulpxstyle ダークモードを適用する時は『prefers-color-scheme:dark』とメディアクエリで指定する。 アプリのダークモード化が進み利用者は多い。サイトのニーズも増える可能性があるので是非おさえておきたい。 実際にコーディングしてみましたが予想より工数が多いので、予算は別途必要になりそうですね。 pic.twitter.
アクセシビリティを意識した CSS の書き方 - Frasco
私は約一年前から Web アクセシビリティについて注目し始めました。私にとって何かを学ぶこと最も効率的な方法は他人に教えることなので、ミートアップやカンファレンスなどで発言したり、このトピックに関する記事を書いているわけです。Progressive Enhancement については Smashing Magazine で、Web アクセシビリティに関しては Medium で書いています。この記事は3つ目の Web アクセシビリティ関連の記事です。このシリーズを読むのに特に決まった順序はありませんので、興味があれば Writing HTML with accessibility in mind や Writing JavaScript with accessibility in mind を読んでいただければと思います。 私が初めて Web サイトを作った17歳当時、CSS は比較的新しい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
