EXEMPLE DE LIVRABLE

Du constat à la vérification.

Fiche A11Y-001 · Nommer un champ de formulaire

Parcours

Demande d’acte d’état civil.

Page concernée

Page fictive « Demander un acte ».

Constat

Le champ du nom ne possède pas de libellé visible associé dans le code.

Impact

L’information à saisir peut être difficile à identifier, notamment avec un lecteur d’écran.

Référence à contrôler

Thématique RGAA « Formulaires », critère 11.1. L’applicabilité et les tests doivent être vérifiés dans le contexte réel.

Priorité

À définir selon le caractère bloquant du parcours.

Effort

À estimer avec l’équipe qui connaît le code et les gabarits concernés.

Correction recommandée

Afficher « Nom de famille » et associer explicitement le libellé au champ. Le texte d’exemple à l’intérieur d’un champ ne remplace pas son libellé.

<label for="nom-famille">Nom de famille</label>
<input id="nom-famille" name="nom"
       autocomplete="family-name">

Vérifier après correction

• Le libellé reste visible lorsque le champ est rempli.
• Un clic sur le libellé place le focus dans le champ.
• Le nom du champ est annoncé au lecteur d’écran.
• Les autres champs et gabarits concernés sont examinés.

Ce que cette fiche ne dit pas

Corriger ce champ ne démontre pas la conformité de l’ensemble du formulaire ou du site. Le périmètre et les autres critères restent à vérifier.

Consulter les critères et tests du RGAA

Préparer mon devis d’audit ↗