[datagouv-components] - corrections RGAA - ResourceAccordion

[narduin]

Bonjour,

suite à un audit d'accessibilité sur https://ecologie.data.gouv.fr je me permets de vous faire remonter les critères non conformes relatifs à des composants datagouv.

Je suis disponible pour proposer des PR.

Liens de téléchargement

L'intitulé du lien de téléchargement n'est pas explicite.

Résolution proposée: À la place du format du fichier, il faudrait utiliser "Télécharger" puis reprendre le nom du fichier dans un aria-describedby (ou un title qui reprend l'ensemble à défaut).

Bouton copier

L'intitulé des boutons pour copier une valeur n'est pas assez explicite.

Résolution proposée: Il faudrait ajouter un texte visuellement masqué (ou aria-label) qui reprend le nom de la valeur copiée ainsi que le nom de la ressource en description.
Exemple: Copier <span class"fr-sr-only>l'identifiant</span> ou:

<CopyButton :label="$t('Copy ID')" :copied-label="$t('ID copied!')" :text="resource.id" aria-label="Copier l'identifiant' :aria-describedby="resource.title" />