Navigating Navigation - Designing in the Browser

Appears in: Designing in the Browser

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