Textes alt, libellés et boutons : petits défauts, grandes barrières
De nombreux problèmes sont minimes dans le code mais importants à l’usage. Une image sans alternative, un champ sans libellé ou un bouton icône sans nom peut cacher une information ou une fonction aux lecteurs d’écran.
Un texte alt doit avoir un but
Le texte alternatif communique la fonction ou le sens de l’image dans son contexte. Une image décorative reçoit généralement un alt vide; une photo produit peut être informative.
L’automatisation détecte l’absence d’alt, mais ne peut pas toujours juger la qualité du texte.
- Décrire le sens utile.
- Utiliser alt="" pour la décoration.
- Éviter noms de fichiers et textes génériques.
Libellés et noms accessibles
Les champs et boutons uniquement iconiques ont besoin d’un nom déterminable par programme.
Privilégiez les libellés visibles. ARIA complète le HTML natif mais ne doit pas masquer une interface confuse.
- Associer label et champ.
- Nommer clairement les boutons icônes.
- Vérifier que les références ARIA ciblent des IDs existants.
FAQ
Tout texte alt non vide est-il correct ?
Non. Il doit être adapté à la fonction et au contexte de l’image.
aria-label doit-il remplacer les libellés visibles ?
Généralement non. Les libellés visibles sont robustes et utiles à davantage d’utilisateurs.
Sources officielles : European Accessibility Act et W3C WCAG
W3C WCAG 2.2
Informations générales, pas un conseil juridique ni une déclaration formelle de conformité WCAG. Les contrôles automatisés ne couvrent pas tous les critères.
Cartographiez d’abord vos risques techniques d’accessibilité
Le Quick Scan gratuit contrôle jusqu’à 5 pages représentatives. Le Risk Report payant analyse en arrière-plan jusqu’à 1 000 pages publiques et est envoyé automatiquement par e-mail une fois terminé.