Déclaration d'accessibilité

Réalisation de tests d'accessibilité internes et externes.

Application de modèles de conception et de plugins accessibles.

Nos rédacteurs ont été formés à la production de contenu accessible.

NVDA 2024.1 avec Chrome (dernière version) sur Windows.

VoiceOver sur macOS Sequoia 15.5 avec Safari 18.3.1.

Stark (plugin Chrome)

WAVE (outil d'évaluation de l'accessibilité du web pour Chrome).

Silktide (vérificateur d'accessibilité)

Chrome DevTools (inspecteur)

VoiceOver sur macOS

NVDA 2024.1 sur Windows

Site web officiel de WCAG 2.1 comme référence pour les critères de conformité.

Contraste insuffisant entre le texte et son arrière-plan.

Rapport de contraste inférieur à 4,5:1 pour certains liens, champs de formulaire et éléments d’interface spécifiques (par ex. tags).

Ce problème a été entièrement analysé ; des tickets de correction sont déjà en attente dans le projet de développement.

Absence de mode optionnel à contraste élevé (prévu mais pas encore mis en œuvre).

Absence d'une fonction « sauter la navigation » permettant de contourner le contenu répété (mise en œuvre en cours).

Les zones principales de contenu des pages de navigation par catégorie, des pages de résultats de recherche, des grilles produits et des pages de détail produit n’ont pas encore été entièrement testées avec des lecteurs d’écran. 

Des problèmes potentiels peuvent inclure des attributs ARIA manquants ou incorrects, des boutons non étiquetés, des contenus dynamiques non annoncés ou une structure de rubriques incorrecte. 

Le comportement du focus des lecteurs d’écran et l’annonce des contenus dans ces zones n’ont pas encore été validés. 

Une phase d’audit et d’optimisation est prévue afin de combler ces lacunes et de garantir une compatibilité totale avec les technologies d’assistance.

Barre de recherche : Entièrement accessible au clavier ; les suggestions et les boutons permettent une orientation et une navigation prévisibles. VoiceOver lit clairement les entrées et les résultats.

Navigation principale : La touche fléchée, la tabulation et la touche échap fonctionnent à tous les niveaux du menu. Le retour du focus s’effectue de manière logique. VoiceOver lit correctement la structure et les états.

Sélecteur de véhicule : Ordre de tabulation logique ; les icônes non interactives ont été retirées de la navigation au clavier. Des attributs ARIA ont été ajoutés ; les messages d’erreur et les étapes sont correctement annoncés par VoiceOver.

Focus Styling : Un anneau de focus personnalisé conforme aux WCAG (2 px vert foncé + halo blanc de 1 px) garantit une visibilité constante du focus clavier sur l’ensemble du site.

Prise en charge des lecteurs d'écran : Les tests avec VoiceOver confirment une annonce claire des contenus, un ordre de lecture logique et un comportement de focus correct sur tous les éléments globaux et superpositions.

Page d'accueil et pied de page : Tous les principaux éléments de l’interface sont accessibles via la touche Tab avec une mise en évidence cohérente du focus. Le champ d'inscription à la newsletter affiche désormais un focus clavier clair.

Page des catégories : Les listes extensibles sont accessibles via les touches Entrée/Espace. L’ordre de tabulation et la navigation au clavier fonctionnent comme prévu.

Page des résultats de recherche : Les filtres, le tri, les fiches produits et les superpositions prennent entièrement en charge l’utilisation au clavier. Le focus est visible et correctement géré dans les fenêtres contextuelles et widgets.

Page de détail des produits : Les carrousels d’images, les avis, les accordéons et le panneau latéral du panier prennent en charge la navigation au clavier avec des pièges de focus corrects et un comportement attendu de la touche Échap.

Page du panier : Le focus se place directement sur le champ de quantité. Les boutons non essentiels ont été retirés du parcours de tabulation pour simplifier l’interaction. Les ajustements au clavier sont pris en charge.

Pages de paiement : Non incluses dans cet audit ; hébergées par un prestataire tiers (SCAYLE).

Modes visuels et réactivité : Les pages ont été testées en mode sombre et avec un zoom de 400 %. Les mises en page restent fonctionnelles et lisibles sans perte de contenu.

Texte et typographie : Le texte peut être agrandi jusqu’à 200 % sans altérer la mise en page. La taille du corps du texte est d’au moins 14 px, avec une augmentation prévue à 16 px pour améliorer la lisibilité.

Tailles cibles : Tous les éléments interactifs respectent une taille minimale de 24 × 24 px, avec un espacement adapté pour garantir l’accessibilité à la fois au toucher et au clavier.

Correction du contraste insuffisant du texte, des boutons, des superpositions et des composants de formulaire

Résolution des incohérences de taille de police dans les menus déroulants, les filtres et les éléments d'interface

Ajustement de la taille des cibles interactives pour respecter le minimum de 24 px × 24 px

Complétion de la fonction de saut de navigation pour améliorer l'utilisation du clavier

Correction des champs de formulaire avec de petites tailles de police et des zones tactiles insuffisantes

Planification de la mise en œuvre du mode de contraste élevé

Définition des prochaines phases d'amélioration de l'accessibilité en fonction des problèmes en suspens.

Audit complet de la compatibilité des pages de catégories, listes de produits, grille de produits et pages produit avec les lecteurs d'écran

Correction des attributs ARIA, des niveaux d'en-tête et des éléments non étiquetés ou mal étiquetés

Amélioration de l'ordre de focalisation et de l'annonce du contenu pour les utilisateurs de lecteurs d'écran

Validation et corrections des mises à jour de contenu dynamique pour garantir des annonces appropriées

Amélioration continue de la structure sémantique et du flux de navigation

Intégration de contrôles automatisés de l'accessibilité dans le processus de déploiement

Résolution itérative des conclusions de l'audit jusqu'à ce que la conformité totale soit atteinte.