Los elementos más utilizados ya son accesibles mediante teclado y lectores de pantalla

Anticipándonos al 30.º aniversario de la Ley de Estadounidenses con Discapacidades (ADA), queríamos compartir una actualización sobre nuestro trabajo continuo en materia de accesibilidad.

Como mencionamos en nuestra reciente publicación del blog, uno de nuestros primeros proyectos en este ámbito ha sido garantizar que nuestros elementos nativos de Webflow sean más accesibles desde el primer momento.

Hasta ahora, hemos mejorado drásticamente la accesibilidad mediante teclado y lector de pantalla de los siguientes elementos (y todo lo que necesitas hacer para aprovechar estas actualizaciones es volver a publicar tu proyecto):

• Pestañas
• Desplegable
• Imagen
• Enlace de texto
• Bloque de enlace
• Botón
• Sección
• Lista
• Elemento de lista
• Lista de colección
• Barra de navegación
• Control deslizante (próximamente)

Nota: Esto significa que nuestros elementos no habían sido accesibles de forma nativa hasta hace poco. Entendemos el impacto que esto ha causado: los visitantes del sitio que dependen de la navegación por teclado o de lectores de pantalla probablemente no podían usar los sitios correctamente a menos que tú o tu desarrollador añadieran código personalizado (índices de tabulación, JavaScript para cambiar el foco, roles ARIA, etc.) para hacerlos accesibles.

Estamos comprometidos con nuestro plan para mejorar el estado actual de la accesibilidad en la web. Queda mucho por hacer y no nos detendremos aquí.

Un repaso rápido a los términos

¿No tienes claro qué significa "accesible mediante teclado y lector de pantalla"? Aquí tienes una explicación rápida de estos términos, junto con algunos recursos adicionales por si quieres aprender más sobre la accesibilidad en la web:

• La accesibilidad mediante teclado significa que tu sitio funciona sin necesidad de un ratón. Se puede acceder a todos los enlaces, controles y funciones usando el teclado para navegar por la página. A medida que los visitantes se desplazan, una función de enfoque resalta dónde se encuentran en la página.
• La accesibilidad mediante lector de pantalla significa que tu audiencia puede escuchar tu contenido y navegar con el teclado. Los lectores de pantalla leen el texto en la pantalla, incluyendo etiquetas de botones e iconos, menús de archivos, etiquetas alt para imágenes y más. Dado que cada idioma tiene sus propias reglas de pronunciación, se utiliza la etiqueta html lang para especificar el idioma que el lector de pantalla debe "hablar".

Recursos para aprender más:

• Curso de Introducción a la accesibilidad web del World Wide Web Consortium
• Referencia rápida de las Pautas de Accesibilidad para el Contenido Web (WCAG)
• Diseño inclusivo de Microsoft
• Componentes inclusivos de Heydon Pickering
• WebAIM

Lo que viene a continuación

Esto es solo una parte de nuestro trabajo en accesibilidad; aquí tienes un adelanto de otras cosas sobre las que compartiremos más pronto:

• Mejoras continuas de accesibilidad en los elementos principales
• Exploración de herramientas de verificación de accesibilidad dentro del Designer
• Más formación, guías y artículos sobre cómo hacer que tus sitios sean accesibles

Si tienes alguna solicitud de función o sugerencia para mejorar la accesibilidad en los sitios de Webflow, asegúrate de enviarla a nuestra lista de deseos o contacta a support@webflow.com.