Accessibility

Statut de conformité

Nous croyons fermement qu'Internet devrait être disponible et accessible à tous, et nous nous engageons à fournir un site Web accessible au public le plus large possible, quelles que soient les circonstances et les capacités.

Pour ce faire, nous nous efforçons de respecter le plus strictement possible les directives pour l'accessibilité des contenus Web 2.1 (WCAG 2.1) du World Wide Web Consortium (W3C) au niveau AA. Ces lignes directrices expliquent comment rendre le contenu Web accessible aux personnes souffrant d'un large éventail de handicaps. Le respect de ces directives nous aide à garantir que le site Web est accessible à toutes les personnes : personnes aveugles, personnes ayant une déficience motrice, une déficience visuelle, une déficience cognitive, etc.

Ce site Web utilise diverses technologies destinées à le rendre aussi accessible que possible à tout moment. Nous utilisons une interface d'accessibilité qui permet aux personnes ayant des handicaps spécifiques d'ajuster l'interface utilisateur du site Web (interface utilisateur) et de la concevoir en fonction de leurs besoins personnels.

De plus, le site Web utilise une application basée sur l'IA qui s'exécute en arrière-plan et optimise constamment son niveau d'accessibilité. Cette application corrige le code HTML du site Web, adapte ses fonctionnalités et son comportement pour les lecteurs d'écran utilisés par les utilisateurs aveugles et pour les fonctions du clavier utilisées par les personnes à mobilité réduite.

Si vous souhaitez contacter le propriétaire du site, veuillez utiliser l'e-mail suivant hello@louloulollipop.ca.

Lecteur d'écran et navigation au clavier

Notre site Web met en œuvre la technique des attributs ARIA (Accessible Rich Internet Applications), ainsi que divers changements de comportement différents, pour garantir que les utilisateurs aveugles visitant avec des lecteurs d'écran sont capables de lire, de comprendre et d'apprécier les fonctions du site Web. Dès qu'un utilisateur équipé d'un lecteur d'écran entre sur votre site, il reçoit immédiatement une invite pour entrer dans le profil du lecteur d'écran afin qu'il puisse naviguer et utiliser votre site efficacement. Voici comment notre site Web couvre certaines des exigences les plus importantes en matière de lecteur d'écran, ainsi que des captures d'écran de la console d'exemples de code :

  1. Optimisation du lecteur d'écran : Nous exécutons un processus en arrière-plan qui apprend les composants du site Web de haut en bas, pour assurer une conformité continue même lors de la mise à jour du site Web. Dans ce processus, nous fournissons aux lecteurs d'écran des données significatives à l'aide de l'ensemble d'attributs ARIA. Par exemple, nous fournissons des étiquettes de formulaire précises ; descriptions des icônes actionnables (icônes de médias sociaux, icônes de recherche, icônes de panier, etc.) ; conseils de validation pour les entrées de formulaire ; les rôles des éléments tels que les boutons, les menus, les dialogues modaux (popups) et autres.

    De plus, le processus d'arrière-plan analyse toutes les images du site Web et fournit une description précise et significative basée sur la reconnaissance d'objets d'image sous la forme d'une balise ALT (texte alternatif) pour les images qui ne sont pas décrites. Il extraira également les textes qui sont intégrés dans l'image, en utilisant une technologie OCR (reconnaissance optique de caractères). Pour activer les réglages du lecteur d'écran à tout moment, les utilisateurs n'ont qu'à appuyer sur la combinaison clavier Alt+1. Les utilisateurs de lecteurs d'écran reçoivent également des annonces automatiques pour activer le mode lecteur d'écran dès qu'ils accèdent au site Web.

    Ces ajustements sont compatibles avec tous les lecteurs d'écran populaires, y compris JAWS et NVDA.

  2. Optimisation de la navigation au clavier : Le processus d'arrière-plan ajuste également le code HTML du site Web et ajoute divers comportements à l'aide de code JavaScript pour rendre le site Web utilisable par le clavier. Cela inclut la possibilité de naviguer sur le site Web à l'aide des touches Tab et Maj + Tab, d'utiliser les menus déroulants avec les touches fléchées, de les fermer avec Échap, de déclencher des boutons et des liens à l'aide de la touche Entrée, de naviguer entre les éléments radio et case à cocher à l'aide des touches fléchées, et remplissez-les avec la barre d'espace ou la touche Entrée.

    De plus, les utilisateurs de clavier trouveront des menus de navigation rapide et de saut de contenu, disponibles à tout moment en cliquant sur Alt + 1, ou comme premier élément du site lors de la navigation avec le clavier. Le processus d'arrière-plan gère également les fenêtres contextuelles déclenchées en déplaçant le focus du clavier vers eux dès qu'ils apparaissent, et ne permet pas au focus de dériver en dehors de celui-ci.

    Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (graphiques) pour accéder à des éléments spécifiques.

Profils de handicap pris en charge sur notre site Web

  • Profil sans danger pour l'épilepsie : Ce profil permet aux personnes atteintes d'épilepsie d'utiliser le site Web en toute sécurité en éliminant le risque de convulsions résultant d'animations clignotantes ou clignotantes et de combinaisons de couleurs à risque.
  • Profil malvoyant : Ce profil ajuste le site Web afin qu'il soit accessible à la majorité des déficiences visuelles telles que la vue dégradante, la vision tunnel, la cataracte, le glaucome et autres.
  • Profil de déficience cognitive : Ce profil fournit diverses fonctionnalités d'assistance pour aider les utilisateurs souffrant de troubles cognitifs tels que l'autisme, la dyslexie, l'AVC et autres, à se concentrer plus facilement sur les éléments essentiels.
  • Profil adapté au TDAH : Ce profil réduit considérablement les distractions et le bruit, pour aider les personnes atteintes de TDAH et de troubles neurodéveloppementaux à parcourir, lire et se concentrer plus facilement sur les éléments essentiels.
  • Profil des utilisateurs aveugles (lecteurs d'écran) : Ce profil ajuste le site Web pour qu'il soit compatible avec les lecteurs d'écran tels que JAWS, NVDA, VoiceOver et TalkBack. Un lecteur d'écran est installé sur l'ordinateur de l'utilisateur aveugle, et ce site est compatible avec celui-ci.
  • Profil de navigation au clavier (handicapé moteur) : Ce profil permet aux personnes à mobilité réduite d'utiliser le site Web à l'aide des touches du clavier Tab, Maj+Tab et Entrée. Les utilisateurs peuvent également utiliser des raccourcis tels que « M » (menus), « H » (titres), « F » (formulaires), « B » (boutons) et « G » (graphiques) pour accéder à des éléments spécifiques.

Ajustements supplémentaires de l'interface utilisateur, de la conception et de la lisibilité


  1. Ajustements de police - Les utilisateurs peuvent augmenter et diminuer sa taille, changer sa famille (type), ajuster l'espacement, l'alignement, la hauteur de ligne, etc.
  2. Ajustements de couleur – Les utilisateurs peuvent sélectionner différents profils de contraste de couleur tels que clair, foncé, inversé et monochrome. De plus, les utilisateurs peuvent échanger les schémas de couleurs des titres, des textes et des arrière-plans, avec plus de 7 options de coloration différentes.
  3. Animations - Les utilisateurs épileptiques peuvent arrêter toutes les animations en cours d'exécution en un clic. Les animations contrôlées par l'interface incluent des vidéos, des GIF et des transitions clignotantes CSS.
  4. Mise en évidence du contenu – Les utilisateurs peuvent choisir de mettre en valeur des éléments importants tels que des liens et des titres. Ils peuvent également choisir de mettre en surbrillance uniquement les éléments ciblés ou survolés.
  5. Mise en sourdine audio – Les utilisateurs d'appareils auditifs peuvent avoir des maux de tête ou d'autres problèmes en raison de la lecture audio automatique. Cette option permet aux utilisateurs de désactiver instantanément l'intégralité du site Web.
  6. Troubles cognitifs – Nous utilisons un moteur de recherche lié à Wikipédia et au Wiktionnaire, permettant aux personnes souffrant de troubles cognitifs de déchiffrer le sens des phrases, des initiales, de l'argot et autres.
  7. Fonctions supplémentaires – Nous offrons aux utilisateurs la possibilité de modifier la couleur et la taille du curseur, d'utiliser un mode d'impression, d'activer un clavier virtuel et de nombreuses autres fonctions.

Technologie d'assistance et compatibilité des navigateurs

Notre objectif est de prendre en charge le plus large éventail de navigateurs et de technologies d'assistance possible, afin que nos utilisateurs puissent choisir les outils qui leur conviennent le mieux, avec le moins de limitations possible. Par conséquent, nous avons travaillé très dur pour pouvoir prendre en charge tous les principaux systèmes qui représentent plus de 95 % de la part de marché des utilisateurs, y compris Google Chrome, Mozilla Firefox, Apple Safari, Opera et Microsoft Edge, JAWS et NVDA (lecteurs d'écran), les deux pour Windows et pour les utilisateurs MAC.

Notes, commentaires et réactions

Malgré tous nos efforts pour permettre à chacun d'adapter le site à ses besoins, il se peut que des pages ou des rubriques ne soient pas entièrement accessibles, soient en cours d'accessibilité ou ne disposent pas d'une solution technologique adéquate pour les rendre accessibles. Néanmoins, nous améliorons continuellement notre accessibilité, ajoutons, mettons à jour et améliorons ses options et fonctionnalités, et développons et adoptons de nouvelles technologies. Tout cela est destiné à atteindre le niveau d'accessibilité optimal, suite aux avancées technologiques. Si vous souhaitez contacter le propriétaire du site, veuillez utiliser l'e-mail suivant hello@louloulollipop.ca.