Tips para flujos de navegación accesibles

Skip-navigation o Skip-to-main-content → botón semi-invisibles para facilitar navegación con teclado.

Skip-to-search → pasar directamente al formulario de búsqueda dentro del sitio.

Skip-to-footer → ir de un salto (tecla Tab) directo al pie de página de ese sitio.

Skip-to-accesibility-information → informar cómo funciona la accesibilidad en el sitio.

Cuando Eva menciona sobre el indicador de foco de teclado siempre recuerdo este artículo de Sara Soueidan sobre como hacer estilos de foco que genere una diferencia visual suficiente https://www.sarasoueidan.com/blog/focus-indicators/

El uso de skip links también es interesante si en medio del sitio hay grandes bloques de contenido interactivo por teclado, si quieren ver un ejemplo, este tweet de Manuel Matuzovic muestra uno en la página de la gobernación de Viena https://twitter.com/mmatuzo/status/1511744226463305733

Había realizado navegación interna mediante anclas pero desconocía totalmente la existencia de los skip links. Este curso esta superando mis expectativas y por mucho!!! Gracias por todos los casos de uso y ejemplos reales que compartes, sirven mucho para darse una idea de como se implementa todo esto en la vida real y como podemos empezar nosotros.

Les recomiendo tambien este curso de accesibilidad de Udacity, es algo viejo pero muy interesante. Yo lo estoy haciendo y de veras da muchas informacion util Curso Accesibilidad Udacity

Yo había implementado el botón de “skip to content” en mi portafolio desde hace mucho porque lo había visto en algunas páginas y me pareció útil e interesante. 😄

Muy interesante la temática! hace poco trabajamos con una empresa que nos desarrolló el sitio, y cuando pedimos herramientas de accesibilidad (pensado en general y en particular para un público de personas mayores) nos dijeron “creo que si presionan ctrl y + se agranda la letra”. Quedé estupefacta…
En resumen un desastre el producto final por varias consideraciones (básicas), una experiencia decepcionante.

Gracias

Comparto el link a mis notas en caso de que sea útil para alguno de vosotros. https://docs.google.com/document/d/1KeMnNaJnbblMd1F3X6BM9Cq7iz1U9MaG24Nib_BdBaU/edit?usp=sharing