DESY

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

Carga de archivos

Permite abrir el explorador de archivos para cargar un fichero en el formulario.

Índice de apartados de esta página

Anatomía

Elementos que forman el componente carga de archivos.
  1. Etiqueta: Indica la información del archivo a cargar, siempre tiene que estar. En caso de que se quiera ocultar deberá tener la clase sr-only, para que sea legible por los lectores de pantalla.
  2. Pista: Es opcional y es una descripción del dato a introducir.
  3. Error: En caso de que el campo requiera validación o sea obligatorio, puede aparecer un error indicando el problema con la carga del archivo.
  4. Botón: Con la etiqueta "Elegir archivo", ejecuta el explorador para que el usuario pueda seleccionar el archivo que quiere cargar. A la derecha se muestra el nombre del documento cuando se carga o, en su caso, un mensaje por defecto indicando que aún no se ha seleccionado ninguno.

Accesibilidad

Cómo funciona

Elemento <input> con type=file. Tiene un id único al que llama el elemento <label>.

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 <input>.
accept Parámetro Nunjucks dentro del parámetro attributes

Indica el tipo de archivos que puede cargar la persona. Más información