Te damos la bienvenida a Diseñar en el navegador con nuestro host, Una Kravets. Hoy nos sumergimos
en la navegación y la accesibilidad del teclado. Repasaremos los roles de ARIA y HTML semántico, la estructura del documento (funciones de punto de referencia), el índice de pestañas y los estados estilizados con :focus
, así como el nuevo estilo :focus-within
.
Vínculos:
- Estudio sobre el algoritmo web → https://goo.gle/2FbaYS6
- Atajos del lector de pantalla de JAWS → https://goo.gle/3hiTNuK
- Diseño para la compatibilidad del lector de pantalla → https://goo.gle/3ioVBE0
- Tabindex → https://goo.gle/35nNtzR
- :focus-dentro de la pseudoclase → https://goo.gle/2FfWEHK
- Pseudoclase:focus-visible → https://goo.gle/2RePB4w
Cómo diseñar en el navegador → https://goo.gle/2NeLxjI
Suscríbete a Chrome Developers → https://goo.gle/ChromeDevs