Accessibilité
Niveau d’accessibilité visé AA : audit automatisé axe-core WCAG 2.2 sur les pages publiques, aucune violation et faux positifs documentés.
Niveau visé : AA
La cible d’accessibilité fixée pour les pages publiques de Giggr est la conformité aux WCAG 2.2 niveau AA. Ce niveau couvre les critères A et AA : contrastes suffisants, navigation au clavier, libellés de formulaires, alternatives textuelles et ordre de lecture cohérent. Le respect de cette cible est vérifié par un audit automatisé axe-core (le moteur de référence, aussi utilisé par Lighthouse) et corroboré par le score d’accessibilité Lighthouse ; les relevés sont consignés ci-dessous.
Audit automatisé (axe-core)
axe-core 4.10.2 est exécuté via Playwright sur les six pages publiques de staging.giggr.be, avec les jeux de règles WCAG 2.0, 2.1 et 2.2 niveaux A et AA. Chaque règle non respectée est une violation ; les contrôles que l’outil ne peut pas trancher automatiquement sont marqués à vérifier et examinés à la main (voir les faux positifs).
| Page | Violations | Règles conformes | À vérifier |
|---|---|---|---|
| Accueil | 0 | 26 | 1 |
| Connexion | 0 | 22 | 0 |
| Inscription | 0 | 22 | 0 |
| Contact | 0 | 23 | 1 |
| Explorer | 0 | 23 | 0 |
| Confidentialité | 0 | 19 | 0 |
| Total | 0 | 135 | 2 |
Les six pages ne présentent aucune violation. Un premier passage avait relevé un seul écart, sur la page /explorer : le compteur d’onglet (50), en gris #969696 sur #ededed, n’offrait qu’un contraste de 2,52:1 pour un seuil AA de 4,5:1. Il a été corrigé en retirant l’opacité appliquée au compteur, ce qui porte son contraste à environ 5,7:1 ; le contrôle suivant ne relève plus aucune violation.
Faux positifs documentés
Certains avertissements remontés par les outils ne correspondent pas à un réel problème d’accessibilité. Chaque écart connu est justifié ici : la règle visée, l’outil qui la signale et la raison pour laquelle l’alerte est considérée comme un faux positif.
| Règle | Outil | Pourquoi c’est un faux positif |
|---|---|---|
| WCAG 1.4.3 — contraste (color-contrast), titre « partage » | axe-core | Sur le titre animé de l’accueil (.hero-underline), axe ne peut pas déterminer la couleur de fond à cause du pseudo-élément ::after du soulignement. Le texte est de l’encre foncée (#0a0a0a) sur fond papier (#fafaf9), soit un contraste d’environ 18:1 : aucun défaut réel. |
| WCAG 1.4.3 — contraste (color-contrast), champ message | axe-core | Sur le champ message du formulaire de contact, axe signale un fond « partiellement masqué par un autre élément » et ne peut donc pas le calculer. Le textarea a un fond blanc et un texte foncé : le contraste est conforme. |
Voir aussi le contrôle des contrastes de la palette et le score d’accessibilité Lighthouse (100 / 100).