「Designing in the Browser」、ホストを務める Una Kravets へようこそ。本日は
ナビゲーションとキーボードのユーザー補助機能に焦点を当てますセマンティック HTML と ARIA のロール、ドキュメント構造(ランドマークのロール)、タブ インデックス、:focus
を使用した様式化された状態に加え、新しい :focus-within
スタイル設定についても取り上げます。
リンク:
- ウェブ アルゴリズム学習 → https://goo.gle/2FbaYS6
- JAWS スクリーン リーダーのショートカット → https://goo.gle/3hiTNuK
- スクリーン リーダーの互換性を考慮した設計 → https://goo.gle/3ioVBE0
- タブインデックス → https://goo.gle/35nNtzR
- :focus-within 疑似クラス → https://goo.gle/2FfWEHK
- :focus-visible 疑似クラス → https://goo.gle/2RePB4w
ブラウザでのデザイン → https://goo.gle/2NeLxjI
Chrome Developers に登録 → https://goo.gle/ChromeDevs