Encuentra y soluciona problemas de accesibilidad con el nuevo panel de Auditoría

Continuando con nuestro trabajo para mejorar la accesibilidad de los sitios creados en Webflow, hoy presentamos un nuevo panel de Auditoría dentro del Designer que detecta de forma proactiva los problemas de accesibilidad más comunes en tu sitio.

El panel de Auditoría se encuentra actualmente en fase beta mientras trabajamos en mejoras planificadas y recopilamos comentarios.

Esta versión beta del panel de Auditoría muestra 3 auditorías de alto impacto para la página que estás viendo actualmente:

• Imágenes sin texto alternativo. Las imágenes carecen de texto alternativo descriptivo, que es el que utilizan los lectores de pantalla para comunicar descripciones textuales a usuarios invidentes o cuando una imagen no carga.
• Enlaces vacíos. Los elementos de enlace necesitan contenido descriptivo para indicarnos el propósito del enlace: qué es y a dónde nos lleva.
• Niveles de encabezado omitidos. Tus etiquetas de encabezado no siguen el orden descendente correcto, lo que provoca problemas de jerarquía y puede confundir a los visitantes que utilizan lectores de pantalla.

Para ver más de cerca cómo aparece cada una de estas auditorías en el panel de Auditoría, junto con información sobre cómo solucionarlas, consulta nuestro artículo en Webflow University.

Configuración del lienzo consolidada

Como parte de esta actualización, también hemos consolidado algunos controles de visualización del lienzo que estaban en la parte inferior izquierda del Designer dentro del menú desplegable de configuración del lienzo en la parte superior (junto a los controles para cambiar el tamaño del lienzo real).

Los controles que vamos a mover son:

• Modo rayos X (Cmd/Ctrl + Shift + X)
• Ocultar y mostrar bordes de elementos (Cmd/Ctrl + Shift + E)
• Ocultar y mostrar elementos vacíos (Cmd/Ctrl + Shift + M)
• Superposiciones de cuadrícula (Cmd/Ctrl + Shift + G)

Todavía puedes acceder a estos controles rápidamente con los atajos de teclado mencionados anteriormente.

Lo que viene a continuación

La versión beta de hoy es solo la primera iteración del panel de Auditoría. En los próximos meses, iremos lanzando actualizaciones constantes sobre qué auditorías están cubiertas y cómo realizar estas comprobaciones, incluyendo:

• Mejor orientación en el producto. Añadiremos una ventana emergente por tipo de auditoría que ofrecerá contexto adicional sobre cada una y consejos para resolverlas.
• Descarta las auditorías que quieras ignorar. Oculta aquellas auditorías que no planees resolver o que no sea necesario corregir en tu proyecto.
• Compatibilidad con más auditorías. Planeamos añadir más auditorías en el futuro, como el contraste de texto, la configuración del idioma del sitio y mucho más.

Si tienes comentarios, problemas que reportar o preguntas sobre el panel de Auditoría, háznoslo saber en el hilo de comentarios de nuestro foro.