[Accessibilité - Audit] [Formulaire signalement - 7.1] Script et technologies d'assistance

[emilschn]

Description

Saisir manuellement À l’étape 1, le lien "Saisir manuellement" devrait être un bouton (<button>) et non un lien (<a>)

Plus d'informations À l’étape 3, 4, 5 et 6, le lien "Plus d’informations" devrait être un bouton (<button>) et non un lien (<a>)

Editer À l’étape 8, les liens "Editer" (qui devraient être écrits "Éditer") devraient être des boutons (<button>) et non des liens (<a>). Aussi, l’intitulé devrait être précisé sur chaque bouton à l’aide d’un attribut title. Par exemple, pour le premier : title="Éditer les informations générales"

Résultats de recherche d’adresse La liste des résultats (au moins le nombre de résultats) n’est pas restitué aux aides techniques lorsque les résultats apparaissent.

Affichage des erreurs de formulaire Si le formulaire contient des erreurs, celles-ci sont bien affichées sous les champs, mais aucun message d’alerte n’est restitué, notamment aux aides techniques

Recommandation

Saisir manuellement Remplacer le lien (<a>) par un bouton (<button>)

Plus d'informations Remplacer les liens (<a>) par des boutons (<button>). Aussi, l’intitulé devrait être précisé sur chaque bouton à l’aide d’un attribut title. Par exemple, à l’étape 6 : title="Plus d’informations sur les punaises"

Editer Remplacer les liens (<a>) "Editer" par des boutons (<button>) "Éditer". Aussi, l’intitulé devrait être précisé sur chaque bouton à l’aide d’un attribut title. Par exemple, pour le premier : title="Éditer les informations générales"

Résultats de recherche d’adresse On peut s’inspirer du composant accessible-autocomplete développé par l’équipe du design system de GOV.UK

Affichage des erreurs de formulaire Utiliser une alerte avec un attribut role="alert"