1. Engagement
Ce site vise le niveau AA des WCAG 2.1. Cette page décrit ce qui a été fait pour l'atteindre et ce qui reste à améliorer. Elle est mise à jour lorsque le site évolue.
2. Rien ne dépend d'une couleur
Le degré auquel une ouverture prend le vent est gradué de 1 à 3. Cette gradation n'est jamais portée par une teinte. Elle est portée simultanément par :
- un écart de luminosité, du plus sourd au plus clair ;
- une épaisseur de trait, de 1 à 2 pixels ;
- un motif de trait : pointillé, tireté, plein ;
- un mot écrit — slight, marked, strong — accompagné du chiffre.
Une personne qui ne distingue aucune couleur obtient l'information complète par le mot et par le motif du trait.
3. Tout est atteignable au clavier
Chaque élément interactif est atteignable par tabulation et porte un contour de focus visible à fort contraste. Survol et focus déclenchent systématiquement la même chose : rien n'est réservé à la souris. Un lien d'évitement en tête de page mène directement au contenu.
4. Le curseur de palier
Le curseur de la page d'accueil s'utilise indifféremment à la souris ou au clavier : flèches gauche et droite pour avancer d'un palier, Début et Fin pour aller aux extrémités, Page précédente et Page suivante pour sauter de deux paliers.
Sa valeur est annoncée par un aria-valuetext qui décrit ce que l'on verrait autour de soi et le comportement du vêtement. Aucune valeur chiffrée de vent n'y figure, parce qu'il n'en existe pas sur ce site.
5. Les sections horizontales
La rangée des cinq paliers défile horizontalement. Il s'agit d'un défilement natif : aucun événement de molette ou de glissement vertical n'est intercepté. Sur un téléphone, un geste vertical fait défiler la page comme partout ailleurs. La rangée est également parcourable au clavier, et des repères permettent d'atteindre directement un palier.
6. Mouvement
Aucune séquence ne démarre automatiquement au chargement. Les transitions durent entre 160 et 320 millisecondes et ne portent que sur l'opacité, une bordure ou une légère transformation. Il n'y a ni parallaxe, ni détournement du défilement, ni clignotement.
Le réglage système réduire les animations est respecté : dans ce cas, animations et transitions sont ramenées à une durée nulle et le défilement fluide est désactivé.
7. Images et séquences
Chaque image porteuse d'information dispose d'une alternative textuelle décrivant ce qu'elle montre ; les images purement décoratives sont masquées aux technologies d'assistance. Les séquences animées ne comportent aucune piste audio, ce qui rend le sous-titrage sans objet ; leur contenu est décrit par un libellé accessible et repris en texte dans la page.
8. Contrastes
Le texte courant est composé dans deux teintes claires sur un fond sombre, à des rapports de contraste d'environ 17:1 et 10:1, très au-delà du seuil de 4,5:1. La teinte tertiaire, réservée aux libellés secondaires, reste au-dessus de ce seuil. Les traits d'interface actifs dépassent le seuil de 3:1 applicable aux éléments non textuels.
9. Points connus à améliorer
- Les libellés des paliers sont composés en petites capitales monospacées ; leur taille sera augmentée sur les écrans étroits.
- Les pages juridiques sont rédigées en français, l'interface en anglais. La langue est déclarée au niveau du document ; un balisage par section est prévu.
- Le contrôle de vérification de boucle des séquences gagnerait à annoncer son état par une région active.
10. Signaler un obstacle
Si une partie de ce site vous est inaccessible, écrivez à support@azg2m.com en décrivant la page et ce qui vous a bloqué. Nous répondons sous deux jours ouvrés et indiquons un délai de correction. Vous pouvez également nous joindre par téléphone au +33 7 63 31 35 77, ou consulter la page Support.