Domaines d’activités : Vente en ligne artisanats
Type de site : Site internet e-commerce
Technologie utilisée : Prestashop
Adresse du site: www.indianshop.fr
Travail réalisé : création et intégration du thème responsive, Mise à jour de PrestaShop™ version 1.6
Création site internet - Nort sur Erdre - Nantes
État de conformité
Nous sommes fermement convaincus que l'internet doit être accessible à tous et nous nous engageons à fournir un site web accessible au plus grand nombre, quelles que soient les circonstances et les capacités.
Pour ce faire, nous nous efforçons de respecter au mieux les Règles pour l'accessibilité des contenus Web 2.1 (WCAG 2.1) du World Wide Web Consortium (W3C), niveau AA. Ces règles expliquent comment rendre les contenus web accessibles aux personnes en situation de handicap. Leur respect nous permet de garantir l'accessibilité du site à tous : personnes aveugles, personnes à mobilité réduite, personnes malvoyantes, personnes en situation de handicap cognitif, etc.
Ce site web utilise différentes technologies afin d'assurer une accessibilité optimale en permanence. Nous utilisons une interface d'accessibilité permettant aux personnes en situation de handicap de personnaliser l'interface utilisateur du site selon leurs besoins.
De plus, le site web utilise une application basée sur l'intelligence artificielle qui fonctionne en arrière-plan et optimise constamment son niveau d'accessibilité. Cette application corrige le code HTML du site web et adapte son fonctionnement aux lecteurs d'écran utilisés par les personnes aveugles et aux fonctions clavier utilisées par les personnes à mobilité réduite.
Si vous rencontrez un dysfonctionnement ou avez des suggestions d'amélioration, n'hésitez pas à nous contacter. Vous pouvez joindre les administrateurs du site web à l'adresse suivante : perraultphil@orange.fr.
Navigation avec lecteur d'écran et clavier
Notre site web utilise les attributs ARIA (Accessible Rich Internet Applications) et diverses modifications comportementales afin de garantir aux utilisateurs aveugles utilisant un lecteur d'écran la possibilité de lire, de comprendre et d'utiliser pleinement les fonctionnalités du site. Dès qu'un utilisateur avec un lecteur d'écran accède à votre site, il est invité à saisir son profil de lecteur d'écran pour naviguer et utiliser votre site efficacement. Voici comment notre site web répond aux principales exigences des lecteurs d'écran, avec des captures d'écran de la console illustrant des exemples de code :
Optimisation pour les lecteurs d'écran : un processus en arrière-plan analyse en profondeur les composants du site web afin de garantir une compatibilité continue, même lors des mises à jour. Ce processus fournit aux lecteurs d'écran des données pertinentes grâce aux attributs ARIA. Par exemple, nous fournissons des libellés de formulaire précis ; des descriptions pour les icônes interactives (réseaux sociaux, recherche, panier, etc.) ; des instructions de validation pour les champs de formulaire ; et les rôles des éléments tels que les boutons, les menus, les boîtes de dialogue modales (pop-ups), etc. De plus, ce processus analyse toutes les images du site et fournit une description précise et pertinente, basée sur la reconnaissance d'objets (IOR), sous forme de texte alternatif (attribut ALT) pour les images non décrites. Il extrait également le texte intégré aux images grâce à la technologie OCR (reconnaissance optique de caractères). Pour activer les réglages pour lecteurs d'écran, il suffit d'appuyer sur la combinaison de touches Alt+1. Les utilisateurs de lecteurs d'écran reçoivent également des notifications automatiques les invitant à activer le mode lecteur d'écran dès leur arrivée sur le site web.
Ces réglages sont compatibles avec tous les lecteurs d'écran courants, notamment JAWS et NVDA.
Optimisation de la navigation au clavier : Le processus en arrière-plan ajuste également le code HTML du site web et ajoute divers comportements via JavaScript pour le rendre utilisable au clavier. Il est ainsi possible de naviguer sur le site avec les touches Tab et Maj+Tab, d'utiliser les flèches directionnelles pour les menus déroulants, de les fermer avec Échap, d'activer les boutons et les liens avec la touche Entrée, de naviguer entre les cases d'option et les cases à cocher avec les flèches directionnelles et de les valider avec la barre d'espace ou la touche Entrée. De plus, les utilisateurs trouveront des menus de navigation rapide et d'accès rapide au contenu, accessibles à tout moment en appuyant sur Alt+1 ou directement sur la page lors de la navigation au clavier. Le processus en arrière-plan gère également les fenêtres contextuelles en y déplaçant le focus clavier dès leur apparition et en empêchant ce dernier de s'en éloigner.
Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (graphiques) pour accéder directement à des éléments spécifiques.
Profils d'accessibilité pris en charge par notre site web :
Mode sécurisé pour l'épilepsie : ce profil permet aux personnes épileptiques d'utiliser le site web en toute sécurité en éliminant le risque de crises d'épilepsie dues aux animations clignotantes et aux combinaisons de couleurs potentiellement dangereuses.
Mode pour les personnes malvoyantes : ce mode adapte le site web pour faciliter l'utilisation par les utilisateurs souffrant de déficiences visuelles telles que la baisse de la vue, la vision tubulaire, la cataracte, le glaucome, etc.
Mode pour les personnes présentant des troubles cognitifs : ce mode propose différentes options d'assistance pour aider les utilisateurs présentant des troubles cognitifs tels que la dyslexie, l'autisme, un AVC, etc., à se concentrer plus facilement sur les éléments essentiels du site web.
Mode adapté au TDAH : ce mode aide les utilisateurs atteints de TDAH et de troubles neurodéveloppementaux.
Appelez
