ACCESSIBILITÉ

 

 

Engagement

La nouvelle plateforme Givenchy.com a été conçue afin d'être accessible au plus grand nombre. L’accessibilité numérique est un facteur d’inclusion, d’égalité et de cohésion sociale. L’accessibilité numérique est un projet d’entreprise impliquant l’ensemble des acteurs tout au long de la création numérique. Les principes d’accessibilité numérique et d’accès aux informations au plus grand nombre, sont donc essentiels.



Qu’est-ce que l’accessibilité numérique ?


Un site web accessible s’il permet à tous les internautes, qu’ils présentent un handicap, utilisent une technologie d’assistance ou un matériel ayant des fonctionnalités restreintes d’accéder à ses contenus sans difficulté.
Depuis un site accessible il est possible de :
• Naviguer avec une technologie d’assistance tel qu’une synthèse vocale ou une plage braille (notamment utilisées par les internautes aveugles ou malvoyants) ;
• Personnaliser l’affichage du site selon ses besoins (grossissement des caractères, modification des couleurs, etc.) ;
• Naviguer avec le clavier uniquement ou via un écran tactile en ayant accès à toutes les fonctionnalités du site ;
• Etc.


Navigation au clavier :


L’utilisateur peut naviguer d'un lien à l'autre à l'aide de la touche de tabulation (appuyez sur [Tab] et répétez jusqu'à sélectionner le lien désiré, validez par [Entrée]).


Zoom dans les pages :


L'ensemble des navigateurs récent permettent de gérer le niveau de zoom dans les pages internet. Le niveau de zoom peut être contrôlé par la souris ou par raccourcis clavier.
• [Ctrl] + molette de la souris ou [Ctrl +] pour augmenter la taille de la police
• [Ctrl - ] pour la diminuer
• [Ctrl] + [0] pour revenir à la taille par défaut
.

Adaptation de la taille des textes :


La taille du texte peut être agrandie par les utilisateurs.
Par exemples dans firefox:
• Dans le menu "Affichage", sous-menu "Zoom", coché "Zoom Text seulement" Dans Internet Explorer :
• Dans le menu "Affichage", sous-menu "Taille du texte", sélectionner la taille de police souhaitée.

Dispositifs de navigation


Les liens d’accès rapide
Les premiers liens dans la page, sont des liens d’évitement. Ils permettent d'accéder rapidement aux zones principales de la page (contenu, recherche). Ces liens sont utiles pour les utilisateurs naviguant au clavier ou à l’aide d’une technologie d’assistance.

Le logo Givenchy
Après les liens d'évitement, le logo permet de revenir à la page d'accueil du site.

Le moteur de recherche
Le moteur de recherche permet par défaut de chercher les guides. Il est possible de sélectionner une recherche sur l’ensemble des contenus du site.

Règle, version, et URL


WCAG (Web Content Accessibility Guidelines).
https://www.w3.org/WAI/intro/wcag

Déclaration de conformité WCAG


La déclaration de conformité du site Givenchy.com a été établie le 20/04/2017.
L’objectif en cible est de tendre au maximum vers une conformité au WCAG en vigueur à la date de l’audit de conformité et au niveau AA.
Pour atteindre cet objectif, un plan d’actions est mis en place, pour :
• Sensibiliser et former les équipes de conception, développement
• Optimiser un suivi et une maintenance des correctifs
• Accompagner les rédacteurs et contributeurs

Technologies utilisées sur le site
• HTML5
• JavaScript (jquery 2.1.1)

Outils et technologies d’assistance utilisés pour vérifier l’accessibilité des contenus
• IE 11
• Firefox V.43
• Chrome V.48
• Lecteur d'écran Jaws V.17
• Lecteur d’écran NVDA 2015.4
• Audit RGAA 2016 automatique Tanaguru V.4.1

Échantillon de pages du site
• Home Page: https://givenchy.com/eur/fr/homepage
• Contact us: https://givenchy.com/eur/fr/contact.html
• FAQs : https://givenchy.com/eur/fr/faq.html
• My account: https://givenchy.com/eur/fr/myaccount?loginprocess=true
• Products list: https://givenchy.com/eur/fr/homme/accessoires/sacs
• Product : https://givenchy.com/eur/fr/sac-pandora-messenger-en-cuir-souple/BJ05024256-001.html
• Sign Up form : https:// givenchy.com/eur/fr/register

Résultats des tests
Un audit du site, réalisé par la société Oceane Consulting, révèle un niveau de conformité de 40%.

Plan d’amélioration continue


Des anomalies restent encore à corriger à la sortie du site.
Ces anomalies liées à l’accessibilité numérique ont bien été répertoriées. Elles seront prises en compte de manière progressive et continue selon les versions de correctifs que nous déploierons.
− Ajout de liens d’évitement (corrigé, 04/05/2017)
− Association d’un texte à chaque symbole ambigu
− Présence d’un contraste suffisant entre les textes et l’arrière-plan ou proposer une alternative contrastée
− Présence d’un intitulé explicite pour chaque lien et bouton
− Présence des zones réactives suffisamment grandes et espacées
− Présence d’un titre et/ou un résumé pour chaque vidéo et contenu audio
− Mise en place d’un moyen d'accès à la transcription textuelle de chaque vidéo et contenu audio
− Optimisation des moyens pour contrôler l'avancement et le volume sonore de chaque vidéo et contenu audio
− Optimiser le contrôle du carrousel
− Présence d’un moyen d'afficher les sous-titres
− Présence d’un moyen d'activer l'audiodescription
− Ajouter des aides à la saisie pour les champs de saisie
− S’assurer que toutes les images ont une alternative renseignée ou non si nécessaire
− Ajouter des intitulés aux regroupement de champs de saisie
− S’assurer du respect de la norme W3C
− Optimiser la structuration des pages
− S’assurer de la visibilité de la prise de focus sur tous les éléments interactifs de la page
− Optimiser le menu de navigation pour le rendre fonctionnel au clavier
− Optimiser les systèmes d’accordéon utilisés sur plusieurs pages
− Optimiser les boutons d’édition des adresses dans le compte
− Optimiser la gestion de la taille des textes
− Intégrer les listes de produits sous forme de liste

Erreurs, oublis, remarques
Nous nous engageons à mettre ce site à la disposition de tout internaute, indépendamment de ses dispositions physiques, cognitives, matérielles ou géographiques.
Cependant, des liens extérieurs (développés par des tiers) pourraient être moins accessibles.
Si vous identifiez une erreur ou une lacune relative à l'accessibilité du site, merci de nous en faire part par courriel à l’adresse suivante : contact@givenchy.com