Ajout de fichier

L’ajout de fichier est un élément d’interaction avec l’interface qui permet à l’usager de sélectionner et d’envoyer un ou plusieurs fichiers.

Le composant Ajout de fichier est conçu pour être accessible et respecter les critères du RGAA. Voici les points clés à prendre en compte pour en garantir l’accessibilité.

Interactions clavier

Lorsque le focus est positionné sur le champ d’ajout de fichier :

  • Entrée ou Espace : ouvre la boîte de dialogue d’ajout de fichier.
  • Échap : referme la boîte de dialogue d’ajout de fichier.

Règles d’accessibilité

  • Le champ d’ajout de fichier possède un nom accessible avec un label relié au champ avec une liaison entre l’attribut for et l’attribut id du champ d'ajout de fichier.
  • Un message d'erreur, d'information, ou de succès peut être associé au champ d'ajout de fichier. Son attribut id doit être associé à l'attribut aria-describedby du champ d'ajout de fichier.

Contrastes de couleurs

Le composant est suffisamment contrasté en thème clair et en thème sombre.

Restitution par les lecteurs d’écran

Aucun test de restitution n’est nécessaire pour le composant Ajout de fichier.

Information

Avec les lecteurs d’écran mobiles, le focus est repositionné en haut de page au lieu d’être repositionné sur le composant.


Critères RGAA applicables

  • Couleurs : 3.2
  • Présentation de l’information : 10.1, 10.2, 10.3, 10.4, 10.5, 10.7, 10.11, 10.12
  • Formulaires : 11.1, 11.2, 11.4, 11.10, 11.11
  • Navigation : 12.8, 12.9
  • Consultation : 13.9, 13.11

Références

Proposer une amélioration

Aidez-nous à améliorer la documentation en laissant vos retours, questions ou commentaires sur GitHub.