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"
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 attributtitle
. 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 attributtitle
. 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 attributtitle
. 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"