DESY

Sistema de Diseño del Gobierno de Aragón.

Resumen de errores

Mensaje de error que aparece al validar los formularios.

Índice de apartados de esta página

Mensaje de error general

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é tener en cuenta
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.