DESY

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

Área de texto

El área de texto es un elemento de formulario que permite la inserción de texto en varias líneas y puede contener, por defecto, un número de caracteres ilimitado.

Índice de apartados de esta página

Tipos de área de texto

  1. 1
  2. 2

    Puedes escribir hasta 10 caracteres

  1. 1 Por defecto. Contiene únicamente la etiqueta de título y el campo para introducir el texto.
  2. 2 Contador de caracteres. A la entrada de texto anterior se añade una línea adicional bajo el campo para indicar el límite de caracteres que se permiten escribir.

Accesibilidad

Cómo funciona

Elemento <textarea> con un id, name y aria-describedby.

El contador de carácteres es un párrafo con aria-live=polite para indicar cambios sin interrumpir la acción.

Más información sobre los inputs en el apartado accesibilidad de formularios.

Qué tener en cuenta
Qué usar Dónde Función
id Parámetro Nunjucks dentro del componente Permite las llamadas entre label, hint, error y el textarea. Debe ser único.
autocomplete Parámetro Nunjucks dentro del componente

Permite completar el campo con la información de la persona guardada en el navegador. Debe estar siempre que sea posible. Más informaciónsobre el autocomplete

Buenas prácticas

  • Es recomendable incluir el contador de caracteres en este tipo de campos.
  • Para facilitar la escritura y revisión de textos largos, ocupa la anchura máxima y deja que la altura pueda ser configurable por la persona.
  • No utilices un placeholder como label. El label siempre debe ser visible.