Welcome to Designing in the Browser with our host, Una Kravets. Today we're
diving into navigation and keyboard accessibility. We'll go over semantic HTML
and ARIA roles, document structure (landmark roles), tab-index, and stylized
states using :focus
: as well as the new :focus-within
styling.
Links:
- Web Almanac Study → https://goo.gle/2FbaYS6
- JAWS Screenreader Shortcuts → https://goo.gle/3hiTNuK
- Designing for Screenreader Compibility → https://goo.gle/3ioVBE0
- Tabindex → https://goo.gle/35nNtzR
- :focus-within pseudo class → https://goo.gle/2FfWEHK
- :focus-visible pseudo class → https://goo.gle/2RePB4w
Designing in the Browser → https://goo.gle/2NeLxjI
Subscribe to Chrome Developers → https://goo.gle/ChromeDevs