Revisar la accesibilidad de una página del builder
Ejecuta esta revisión después de que el contenido y el diseño sean estables, y de nuevo tras cambiar la visibilidad responsive o los componentes interactivos.
1. Lee la página sin estilos
Utiliza el Backend Editor como un esquema del orden de origen:
- lee las filas de arriba abajo;
- lee las columnas en el orden en que se guardaron;
- lee cada componente dentro de su columna;
- confirma que la secuencia sigue teniendo sentido cuando las columnas se apilan.
No confíes en la posición en el escritorio para transmitir el significado.
2. Comprueba los encabezados y el texto
- Utiliza un encabezado de página claro y una secuencia lógica de subtítulos.
- Elige los niveles de encabezado por jerarquía, no por el tamaño visual.
- Escribe etiquetas descriptivas para enlaces y botones.
- Incluye las instrucciones en el texto, no solo en una imagen o en el fondo.
3. Comprueba los medios
- Proporciona a las imágenes informativas un texto alternativo útil.
- Deja las imágenes decorativas con la alternativa vacía correspondiente.
- Mantén un contraste suficiente sobre colores, imágenes y vídeo.
- Evita que el texto esencial esté incrustado únicamente dentro de una imagen.
4. Prueba el teclado
En la página pública, usa el teclado para llegar a cada enlace, botón, control de formulario, pestaña, acordeón, control de carrusel, modal y activador off-canvas. El foco debe permanecer visible, seguir un orden lógico y regresar de forma sensata cuando se cierra una superposición.
5. Revisa la visibilidad responsive
El contenido oculto no debe eliminar el único encabezado, instrucción, información legal, ruta de navegación o acción en ningún ancho. Cuando dos versiones visuales transmitan el mismo significado, verifica que los visitantes se encuentren solo con la prevista.
6. Comprueba los componentes especializados
En los formularios, verifica las etiquetas, las instrucciones, los errores y la confirmación de finalización. En carruseles, mapas, pestañas y acordeones, confirma que los controles tengan nombres comprensibles y que la página siga siendo utilizable sin gestos exclusivos de puntero.
Aprobación final
Completa la revisión en un área de visualización amplia y en todos los rangos de dispositivo afectados, con la sesión cerrada. Registra y corrige los fallos antes de la publicación en lugar de confiar en la apariencia del editor.