Ceci est un formulaire pour s’inscrire à la piscine… Essayez-donc d’accomplir cette tâche uniquement au clavier et sans regarder l’écran !
Formulaire d’inscription
Problèmes d’accessibilité intégrés volontairement :
- Absence de balises
<label>liées aux champs (for+id) :
→ La synthèse vocale ne peut pas annoncer le champ et son nom correctement. - Utilisation de
<span>pour indiquer les noms des champs :
→ Non lié au champ, donc invisibles ou confus pour les technologies d’assistance. - Pas de
aria-labelouaria-labelledbypour compenser :
→ Aucun support alternatif pour décrire les champs. - Placeholders comme seule aide :
→ Ils disparaissent à la saisie, donc peu fiables et non annoncés systématiquement. - Champs sans
idni description :
→ Impossibles à cibler précisément ou à relier à une consigne. - Checkbox non explicitée :
→ Aucune indication du texte associé si on navigue au clavier.