Índice de páginas
Resumen de errores
Mensaje de error que aparece al validar los formularios.
Índice de apartados de esta página
Mensaje de error general #
Título del mensaje de error
Por favor, corrige los siguientes errores
Cuando se activan los errores de un formulario es necesario que aparezca un mensaje general indicando todos los errores detectados y su causa. Esto sucede cuando se acciona el submit para evitar inconsistencias y malos usos de la validación automática.
Cada error debe tener un ancla al campo concreto que da error para facilitar que se encuentren los campos problemáticos en formularios largos.
Este mensaje debe estar localizado en un sitio que sea visible tras pulsar en el submit y el foco debe ir al título.
- Si al hacer la validación la página se recarga y no mantiene el scroll, el mensaje debe aparecer en la parte de arriba del formulario.
- Pero si la validación se hace sin recargar la página se debe mostrar encima del botón de submit.
Accesibilidad #
Cómo funciona #
Contenedor que puede tener un encabezado de nivel configurable, un id a nivel de componente y otro para el título, una lista <ul> de items <li>.
Este componente posee un role=alert y un aria-labelledby que apunta al id del propio título.
| Qué usar | Dónde | Función |
|---|---|---|
title y headingLevel |
Parámetros Nunjucks dentro del componente | Establece el texto y nivel del encabezado. |
Buenas prácticas #
- En el resumen de errores deben aparecer links anclados al error en concreto al que se refiere el mensaje.
- El texto debe describir específicamente el error y debe quedar clara la acción a tomar para resolverlo.
- Se recomienda que el tono del mensaje no sea alarmista y sobre todo, que no responsabilice al usuario del error. El texto debe ser informativo y debe suponer una ayuda al usuario para resolver el problema.