気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
29users
がブックマーク
0
0
フォーカスインジケータの視認性向上：CSS実装のポイント - Techtouch Developers Blog
29 users
tech.techtouch.jp
tech.techtouch.jp
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
フォーカスインジケータの視認性向上：CSS実装のポイント - Techtouch Developers Blog
こんにちは。フロントエンドエンジニアの shoko です。 昨年から野球観戦にハマり、毎日の楽しみとなっ... こんにちは。フロントエンドエンジニアの shoko です。 昨年から野球観戦にハマり、毎日の楽しみとなっています⚾️ 今回は、キーボード操作時にどの要素がフォーカスされているかをユーザーに明確に伝えるために行ったフォーカスインジケータ改善の試行錯誤をご紹介します。 フォーカスが見えない問題 初期対応：CSSでフォーカスを見える化 新たな課題：背景に埋もれるフォーカス 最終改善：2色構成で視認性UP WCAG解説書・達成方法集からヒントを得る 2色構成のフォーカスインジケータ デフォルトのフォーカスインジケータを使わなかった理由 おわりに フォーカスが見えない問題 Tabキーなどを利用しキーボード操作でフォームやボタンを移動するとき、通常はフォーカスが当たった要素に枠線やハイライトが表示されます。しかし、「テックタッチ」の一部のコンポーネントでは、フォーカスが当たってもスタイルが変わらず、画
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
tech.techtouch.jp
tech.techtouch.jp
tech.techtouch.jp
tech.techtouch.jp
nanase.cc
www.sankei.com
news.yahoo.co.jp
blog.p1ass.com
www.itmedia.co.jp
atmarkit.itmedia.co.jp
www.watch.impress.co.jp
codezine.jp
soredoko.jp
ascii.jp
levtech.jp
togetter.com
www.mi.u-tokyo.ac.jp
note.com/kawakijourney_ai
onaji.me
suumo.jp
engineers.ntt.com
