Índice de apartados de esta página
Bloques de datos
Son elementos de formulario estandarizados compuestos de varias entradas de texto agrupadas, las cuales comparten sentido semántico.
Bloque fecha #
Incluye tres campos para introducir carácteres numéricos de día, mes y año respectivamente.
Buenas prácticas para el bloque fecha #
- En general, el campo reservado para introducir el año debe ajustarse al tamaño de un dato de cuatro cifras, mientras que el campo de día y mes se deben ajustar a un input de dos cifras.
- Se recomienda emplear esta fórmula en lugar de un datepicker porque en esta última resulta complejo conseguir un diseño accesible.
- La validación debe permitir que los días o meses se introduzcan con o sin 0, por ejemplo tanto 01 02 2024 como 1 2 2024 tienen que ser aceptados.
- Si el campo requiere introducir los datos dentro de un rango concreto, indicarlo en el hint y indicarlo claramente en el error: por ejemplo: “la fecha tiene que ser anterior al día actual”, “error: La fecha introducida tiene que ser anterior a el día actual”.
Bloque hora #
Incluye dos campos para la inserción de caracteres numéricos de hora y minutos respectivamente, separados por ‘:’.
Buenas prácticas para el bloque hora #
- En general se deben ajustar los input para introducir únicamente dos cifras.
- La validación debe permitir que se introduzcan los valores con o sin 0, por ejemplo tanto 01:02 como 1:2 tienen que ser aceptados
- La validación debe permitir que los días o meses se introduzcan con o sin 0, por ejemplo tanto 01 02 2024 como 1 2 2024 tienen que ser aceptados.
- Si el campo requiere introducir horas en un rango concreto, indicarlo claramente en el hint y en el mensaje de error : por ejemplo: “la hora debe ser entre las 10:00 y las 14:00” “error: la hora debe ser entre las 10:00 y las 14:00”.
Bloque dirección #
Se compone de varios campos: tipo de vía y nombre, código postal, municipio y provincia.
Buenas prácticas para el bloque dirección #
- Se recomienda usar este por consistencia de datos con el resto de base de datos.
- Al introducir el código postal que se rellene automáticamente provincia y municipio.
- Sólo debería ser obligatorio el código postal, tipo de vía y nombre de vía.
- Todos los campos deben permitir introducir tanto números como letras.
Bloque ID #
Incluye un selector para escoger el tipo de identificación y un campo para insertar los caracteres correspondientes a la identificación.
Buenas prácticas para el bloque ID #
Dar pistas con el placeholder del formato de la información que requiere el campo, cuántos caracteres debe introducir, si son solo números o números y letras, etc.
Bloque datos personales #
Incluye un campo reservado a introducir el nombre, otro campo para introducir los apellidos y opcionalmente un selector para introducir información opcional.
Buenas prácticas para el bloque datos personales #
Se recomienda que solo haya un campo de Apellidos, salvo que por necesidades concretas sea necesario distinguir el primer apellido del segundo.