1. Objectif
Le site web keroul.qc.ca est bâti pour se conformer aux exigences du Règlement sur les normes d’accessibilité d’un site web au Québec(SGQRI 008 3.0) . Ce standard gouvernemental réfère au Web Content Accessibility Guidelines(WCAG)
, un ensemble de directives développées par le World Wide Web Consortium(W3C)
pour améliorer l’accessibilité des sites Web.
2. Principes directeurs de l’accessibilité numérique
Perceptible :
Offrir un contenu clair et structuré, compatible avec les technologies d’assistance.
Utilisable :
Garantir une navigation fluide et intuitive pour tous les utilisateurs.
Compréhensible :
Rendre l’information accessible avec un langage simple et des instructions précises.
Robuste :
Assurer la compatibilité avec divers navigateurs et technologies d’assistance.
3. Principales dispositions prises pour respecter les exigences d’accessibilité numérique (WCAG 2.1)
Images
Un équivalent textuel est fourni pour toutes les images qui ont une valeur informative ou une fonction. Kéroul étant un site d’inspiration et de conseil voyage pour des personnes en situation de handicap, de nombreuses images sont utilisées à titre d’ambiance visuelle ou décorative et n’ont pas d’équivalent textuel car ce serait de l’information superflue pour les lecteurs d’écran. C’est aussi le cas dans les fiches des établissements évalués par Kéroul, car les éléments textuels de la fiche indiquent la cote d’accessibilité et des précisions sur les lieux visités (présence de marches, de dénivellations, de hauteur de lit, d’ambiance sonore...)
Pictos
Afin de simplifier la lecture et faciliter la navigation, voici la liste des pictos utilisés dans le site et leur signification :
Rechercher d'établissement
Fermer la fenêtre modale (pop-up)
Filtrer la recherche par catégorie d'établissement
Ouvrir le pdf dans une visionneuse
Ouvrir le contenu accordéon
Fermer le contenu accordéon
Aller page suivante
Aller page précédente
Afficher l'image plein écran
Ouvrir le lien dans une nouvelle fenêtre
Couleurs
- Les informations fournies par des couleurs sont également accessibles sans couleur, à l’aide d’autres caractéristiques du texte ou des images : bordures, soulignement, graisse, fonte, etc.
- Le niveau de contraste des couleurs d’arrière-plan et d’avant plan est suffisamment élevé pour les personnes ayant une déficience au niveau des couleurs ou pour être affiché sur un écran noir et blanc.
- Aucun phénomène d’oscillation à l’écran n’est susceptible de causer des problèmes pour les personnes ayant une épilepsie photosensible.
Langue
- Les changements de langue dans un texte sont signalés à l’aide du balisage HTML nécessaire.
- La langue principale de chaque page est spécifiée avec les attributs requis.
Structure et présentation
- Les pages sont structurées à l’aide d’un balisage HTML logique (H1, H2, H3...)
- Utilisation d’un langage aussi simple et clair que possible pour livrer une information pertinente, facile à trouver, compréhensible et utilisable.
Scripts
Une bonne partie des scripts utilisés sur ce site ne servent à aucune fonction indispensable à la navigation ou à la consultation de l’information. Les pages utilisant des scripts sont accessibles autrement et sans support javascript par le plan du site.
Redimensionnement
La fonctionnalité Responsive Design adapte automatiquement le contenu de la page à la taille de l’écran, facilitant la navigation sur tout type d’appareil ainsi qu’aux personnes utilisant un logiciel de grossissement d’écran.
La mise en page permet aux utilisateurs de modifier la taille des caractères affichés avec l’outil intégré les fonctionnalités de leur navigateur.
Navigation et liens
Le plan du site est accessible depuis chaque page.
L’internaute peut accéder directement au contenu avec un lien en début de chaque page.
Les menus de navigation reflètent la structure de l’information.
Les liens ont un libellé explicite et l’internaute est averti quand le lien s’ouvre dans une nouvelle fenêtre.
Formulaire en ligne
Chaque élément apparent des formulaires est associé à un libellé.
Éléments en cours de déploiement
Outre les sous-titrages des vidéos actuellement disponibles, certaines pages du site proposeront une alternative vidéo en langue des signes (LSQ et ESL). La liste des vidéos disponibles sera ajoutée en page d’accueil.
Certains éléments de contenu ne sont pas conformes aux standards d'accessibilité et seront améliorés dans les prochaines semaines.
- Répétition du mot lien pour les lecteurs d’écran dans les composants de type carte.
- Application des filtres de recherches des établissements pour permettre au lecteur d’écran de lire le contenu des boîtes modales dans un ordre logique.
- Les pdf en ligne sont accessibles en version word.Contactez-nous pour obtenir le document souhaité.
4. Validation de la conformité du site
Analyse automatique
Utilisation d’outils d’évaluation automatique, comme WAVE et Axe, pour détecter les erreurs courantes d’accessibilité.
Tests fonctionnels
Vérification de l’expérience utilisateur à l’aide d’outils d’assistance, tels que les lecteurs d’écran NVDA, JAWS ou VoiceOver.
Évaluation de la navigation au clavier pour assurer une accessibilité optimale.
Analyse technique
Inspection approfondie du code source pour identifier et corriger les problèmes structurels et techniques liés à l’accessibilité.
Validation de l’implémentation des balises ARIA ainsi que des bonnes pratiques en HTML, CSS et JS.
Tests des composants interactifs et vérification des formulaires, des menus, et autres éléments fonctionnels pour s’assurer qu’ils respectent les critères d’accessibilité.
Nous effectuons des vérifications régulières avec les dernières versions des navigateurs et des lecteurs d’écran et nous sommes accompagnés par l’expert en accessibilité numérique Shad Gagnon(ekloweb.com) .
5. Mécanisme de rétroaction
Toute personne rencontrant une difficulté d’accessibilité peut nous contacter à l'adresse courriel info@keroul.qc.ca en nous transmettant ses coordonnées.
Nous nous engageons à répondre dans un délai de 10 jours ouvrables et à mettre en place les correctifs possibles
Kéroul s’engage à évaluer et à améliorer régulièrement l’accessibilité de ses plateformes numériques en collaboration avec des experts et des utilisateurs concernés.