Lignes directrices canadiennes sur l’accessibilité des sites Web

En 2020, environ 34,56 millions de Canadiens surfaient sur Internet à tout moment. Le pays a également l’un des taux de disponibilité les plus élevés, avec 96 pour cent de la population ayant accès à Internet.


Que vous soyez un blogueur ou un commerçant de commerce électronique, vous voulez vous assurer que votre contenu respecte les lois canadiennes sur l’accessibilité et qu’il est utile et accessible à toute personne qui souhaite visiter vos pages..

Cela signifie que vous devez vous conformer aux directives dès la conception pour offrir aux personnes handicapées un accès égal à votre site Web. L’optimisation du site, y compris la compression des fichiers du site Web, l’efficacité de l’hébergement et l’expérience utilisateur globale, doit être gérée de manière à permettre aux visiteurs handicapés de voir, d’entendre, de comprendre et d’interagir ou de contribuer à votre contenu.

Tout en vous assurant d’avoir le meilleur hébergement Web disponible résoudra des tonnes de problèmes, il y a encore certaines choses que vous devez apprendre à faire par vous-même:

Qu’est-ce que l’accessibilité du site Web et pourquoi est-il important?

L’accessibilité est un moyen d’assurer une excellente expérience utilisateur (UX), mais cela va au-delà. L’accessibilité du site Web couvre les personnes ayant une incapacité permanente due à des troubles de la vue, de l’ouïe et de la parole, des troubles neurologiques et ceux qui accèdent à Internet par divers moyens susceptibles de rendre difficile une interaction normale.

Y compris les anciens systèmes et appareils avec des écrans plus petits qui n’utilisent pas de claviers.

Lorsque votre site Web est conçu avec des directives d’accès suivies, il aide également les personnes temporairement handicapées, les personnes âgées, les personnes vivant dans des endroits ayant des problèmes de connectivité et celles ayant des limitations situationnelles, telles que les personnes utilisant des ordinateurs ou d’autres appareils dans des espaces avec beaucoup d’éblouissement ou de restrictions sur le contenu audio.

Infographie sur l'importance de l'accessibilité du site Web

Source: DMA.org.uk

Avoir à l’esprit comment les personnes handicapées utilisent le Web est très utile pour rassembler un public fidèle.

Pour qu’Internet soit vraiment ouvert et utilisable par tous, l’optimisation de votre site Web pour l’accessibilité est essentielle. En fait, c’est la loi au Canada, où plus de six millions de personnes de plus de 15 ans vivent avec une forme de handicap.

Il existe plusieurs réglementations différentes concernant l’accessibilité pour les personnes handicapées. Ces lois s’appliquent à toutes les publications, y compris le matériel pédagogique et le contenu du site Web, certaines s’appliquant strictement aux médias numériques.Notre objectif est de vous donner un aperçu des lignes directrices et de la législation sur l’accessibilité pour les Canadiens, puis de couvrir les façons dont vous pouvez créer votre site Web. vraiment disponible pour tout votre public tout en respectant la législation.

Simplification des lois canadiennes sur l’accessibilité du Web

Même avant l’avènement de l’ère numérique, les Canadiens handicapés étaient protégés par plusieurs lois. Bon nombre de ces lois restent dans les livres dans toutes les provinces, bien qu’elles aient été mises à jour et modifiées pour s’appliquer davantage aux besoins actuels des citoyens..

Il y a également eu un certain nombre de nouvelles lois créées qui ont été écrites pour s’assurer que tous les Canadiens ont accès aux avantages que l’accès Web apporte.

L’un des premiers textes législatifs mondiaux nous parvient via la Convention des Nations Unies relative aux droits des personnes handicapées, qui a été constamment modifiée au fil des ans pour garantir que les employés et les citoyens du monde entier ont le même accès à la technologie numérique..

accessibilité du site divers aspects

source: newtarget.com

Les États-Unis ont également été à l’avant-garde pour assurer l’accessibilité à tous les citoyens, indépendamment de leurs capacités physiques, d’avoir un accès égal à la technologie. Leur loi sur la réadaptation de 1973 a été mise à jour en 1998. Son article 508 oblige les agences fédérales à mettre les mêmes technologies électroniques et informatiques (EIT) à la disposition des handicapés que les autres citoyens américains..

Si votre site Web a une portée à l’extérieur du Canada, il est judicieux de consulter cette liste de contrôle 508 pour vous assurer que votre codage, vos plugins et vos scripts respectent les normes énoncées dans cet amendement. Ce n’est pas officiel, mais sur la base des 508 directives énoncées dans la loi.

Pour ne pas être en reste par rapport à nos voisins du Sud, les assemblées législatives canadiennes de tout le pays ont créé nos propres règles et normes d’accessibilité. L’une des premières est une modification de la Loi canadienne sur les droits de la personne de 1985, qui a été modifiée en 2016 pour fournir des lignes directrices sur l’accessibilité à Internet.

Loi sur l’accessibilité pour les personnes handicapées de l’Ontario (LAPHO)

Dans le cadre de cette loi, les propriétaires d’entreprise de l’Ontario comptant plus de 50 employés, qu’ils soient privés ou sans but lucratif, les écoles et les organisations du secteur public doivent créer ou actualiser le contenu du site Web pour respecter les directives WCAG 2.0 niveau A – AA d’ici le 1er janvier. 2021. Le contenu est défini comme tout texte, image, vidéo ou son.

À venir en 2020, la LAPHO nécessitera également des changements importants pour être introduits progressivement dans les sites Web publics, scolaires et commerciaux nouveaux ou existants d’ici 2025. Cela comprend:

  • Créer des supports de formation et d’éducation accessibles
  • Création d’une vidéo accessible comprenant des légendes pour les malentendants et des descriptions pour les élèves et le personnel malvoyants
  • Rendre tous les documents de la bibliothèque scolaire accessibles
  • Création de mécanismes et de formulaires de rétroaction accessibles
  • Création de matériel d’urgence accessible sur demande

Les employeurs devront également s’assurer que tous les manuels de formation, les communications internes, les évaluations et les informations sur les interventions d’urgence sont accessibles. La non-conformité dans l’un des cas ci-dessus entraînera des amendes allant de 200 $ à 15 000 $, en fonction de la propriété / de l’environnement du site Web et de la gravité de la non-conformité.

Loi sur l’accessibilité au Canada (projet de loi C-81)

L’une des lois les plus récentes, cette loi a été proposée par le ministre des Sciences et des Sports et des Personnes handicapées en 2018. L’objectif est de fournir des conseils aux développeurs et concepteurs de sites Web et de promouvoir l’inclusion des citoyens et des résidents handicapés..

Il a été voté le 21 juin 2019 après la sanction royale, et il suit essentiellement les mêmes exigences que les WCAG. Des sanctions pour non-respect et non-respect de ces directives pourraient entraîner des amendes pouvant aller jusqu’à 250 000 $.

Loi sur l’accessibilité pour les Manitobains (AMA)

L’AMA a été adoptée par la province en 2013 pour assurer le même type de protection et d’accès que la législation de l’Ontario. Il repose sur cinq ensembles de normes qui obligent les créateurs de sites Web, les éditeurs et les entreprises à offrir l’accessibilité aux Manitobains handicapés.

Il s’agit notamment de la taille de l’impression, Couleur contraste, et l’utilisation des langues en phase avec la LAPHO et les WCAG.

Loi sur l’accessibilité de la Nouvelle-Écosse

Cette loi a été promulguée en 2017, mais certaines parties sont encore en cours d’élaboration. La Nouvelle-Écosse adopte une approche «donner l’exemple» en rendant tous les sites Web du gouvernement conformes aux normes des WCAG. Ils diffèrent des autres provinces en appliquant un calendrier de conformité qui dépend des exigences de chacune des 12 normes WCAG.

La sanction pour non-respect est une amende pouvant aller jusqu’à 250 000 $. La province offrira également des subventions aux développeurs Web pour les aider à répondre aux exigences et à éviter les pénalités.

Projets de loi, lois et règlements connexes

Les directives pour l’accessibilité du contenu Web 2.0 (WCAG 2.0) sont un ensemble de normes destinées à aider les développeurs Web et les techniciens de conception à incorporer des points d’accessibilité pour un accès désactivé au contenu. Il repose sur quatre principes, perceptibles, exploitables, robustes et compréhensibles, qui régissent 12 normes de conception de sites Web accessibles..

icônes d'accessibilité numérique

Il y a également quelques actes législatifs en préparation couvrant d’autres provinces. L’une des plus récentes est la British Columbi Accessibility Act (projet de loi M 219), qui est fondée sur les lignes directrices énoncées dans leur stratégie Accessibilité 2024.

La première lecture de cette loi a eu lieu en mai 2018, mais elle n’est pas encore loi. Dans la foulée des autres provinces canadiennes, la plupart des autres travaillent sur leurs propres règles et législations en matière d’accessibilité.

Meilleures pratiques pour rendre votre site Web plus accessible

Rendre le contenu Web accessible à tous ceux qui pourraient en bénéficier ou en profiter est une préoccupation pour tous, de l’ONU aux gouvernements locaux et aux propriétaires d’entreprises.

Lors de la création d’un site Web, la création d’un accès à la conception Web, en plus de vous assurer que votre site Web prend en charge les outils et les appareils d’accessibilité, offre une expérience plus satisfaisante, aide à la marque et favorise la fidélité des clients.

Il fournit également une base pour l’inclusion sociale qui aide les personnes handicapées, les personnes âgées et les personnes vivant dans les zones rurales à profiter de la même technologie que le reste d’entre nous.

L’un des problèmes des directives d’accessibilité est la difficulté de créer un ensemble normalisé de protocoles et de procédures qui permettra au plus grand nombre de personnes d’utiliser confortablement la technologie..

Cela a conduit certains de nos plus grands innovateurs technologiques à se réunir et à créer un ensemble unifié de normes pour assurer la plus grande accessibilité sur une gamme d’appareils et d’environnements informatiques..

Afin de vous assurer que vous servez tous les visiteurs potentiels de votre site Web, nous sommes fiers de vous transmettre quelques lignes directrices et meilleures pratiques pour intégrer l’accessibilité à votre site Web..

Infographie sur l'accessibilité du Web

Source: library.triton.edu

Typographie et lisibilité

C’est l’élément prédominant, et sans doute le plus important, de la conception d’un site Web. Le choix de la taille et de la couleur de la police, de la mise en page et de l’organisation globale peut faciliter la lecture et la navigation sur un site Web pour les malvoyants. Les directives de texte suivantes étaient basées sur WebAIM et créées pour garantir la conformité aux WCAG:

  • Stick avec une ou deux polices de grande taille faciles à lire
  • Utilisez du texte réel plutôt que de l’enfouir dans les graphiques
  • Assurez-vous qu’il y a suffisamment de contraste entre la police et les couleurs d’arrière-plan
  • Utilisez des tailles de police relatives et évitez les polices petites, fantaisies ou fines
  • Limitez les variations comme les majuscules, les polices en gras ou en italique
  • N’utilisez pas de texte qui clignote ou bouge
  • Évitez d’utiliser uniquement la taille, la couleur ou le style de la police pour transmettre une signification textuelle

Création de titres accessibles

Les en-têtes sont l’un des meilleurs moyens de fournir à votre contenu une structure facile à suivre pour les visiteurs malvoyants. Il améliore le flux et la lisibilité et offre aux lecteurs des options de direction et de navigation claires.

L’organisation W3 a créé une ligne directrice pour la création d’en-têtes HTML qui couvre la taille, le placement et l’utilisation optimaux. Le plus grand en-tête doit être réservé pour le haut de la page, avec des tailles graduées et consécutives marquant les paragraphes et les sections.

Disposition du contenu, couleurs et images

Le daltonisme peut rendre difficile à voir même le site Web le plus élégamment conçu si une attention particulière n’est pas prise lors du choix d’un jeu de couleurs. Il n’y a pas une seule forme de daltonisme, donc il ne devrait pas y avoir de solution unique.

Cependant, une règle générale pour garantir une expérience significative est de choisissez un texte qui se détache bien sur le fond, et utilise couleurs sombres contre des teintes plus claires.

Il s’agit d’un cas où l’utilisation d’un outil pour mesurer le contraste est utile. Vous en trouverez un dans la section des ressources ci-dessous. Les images doivent être de bonne taille, utilisées peu fréquemment et incluses sur du texte alternatif à des fins d’indexation et de description appropriées. Rendre n’importe quel contenu redimensionnable sur n’importe quel type d’écran sans affecter la disposition ou la fonctionnalité.

optimisation des images pour l'accessibilité

source: kinsta.com/blog/

En ce qui concerne la mise en page, c’est une bonne règle de base pour tous les visiteurs d’utiliser un petit bloc de texte et une police de bonne taille, d’incorporer beaucoup d’espace blanc et d’utiliser des listes à puces et des en-têtes pour décomposer et définir le contenu. Essayez d’éviter d’utiliser des tableaux à moins qu’ils ne soient absolument nécessaires pour votre type de contenu.

Incorporation de contenu vidéo accessible

En ce qui concerne la vidéo, il y a trois principaux domaines à considérer: sous-titrage, descriptions, et transcriptions. Les sous-titres doivent être synchronisés avec les mots prononcés sur la vidéo, ils doivent être les mêmes que ceux entendus par les personnes sans perte auditive, et l’accès doit être effectué par un simple bouton à bascule.

Évitez d’ajouter une vidéo avec une fonction de lecture automatique, car les personnes non voyantes peuvent ne pas être en mesure de trouver un mécanisme pour arrêter la lecture.

Toutes les transcriptions doivent être situées sous l’écran de visualisation vidéo et construites de manière à ce que le lecteur représentation fidèle du contenu vidéo. Cela signifie que la formulation doit être exacte et que toute action ou indication importante doit être incluse dans la transcription..

nouvelles de transcription vidéo automatisées

source: telestream.net

Les descriptions audio permettent aux personnes aveugles et malvoyantes de profiter de l’essence du contenu vidéo. Toutes les actions ou représentations qui ne sont pas narrées doivent être décrites de manière claire et concise qui transmet toutes les actions se produisant sur la vidéo.

Assurer l’accessibilité du clavier

L’une des méthodes de saisie les plus élémentaires est le clavier, afin de vous assurer que votre site Web est vraiment accessible, assurez-vous qu’aucun contenu n’est navigable uniquement via la souris.

L’accessibilité au clavier est prise en charge par la création de texte et d’autres zones de navigation alignées avec la fonction d’onglet, ce qui peut atténuer les problèmes liés à l’utilisation des boutons ou des menus sans souris. Vous pouvez tester cela sur chacune de vos pages Web en débranchant votre souris et en essayant d’accéder à toutes les fonctionnalités et fonctions.

Création de documents accessibles

La plupart du contenu du site Web comprend des documents ou une forme de texte, et les Canadiens ont besoin de nombreux documents produits numériquement pour faire des affaires. Afin de garantir que les fichiers PDF et autres types de documents sont accessibles, ils doivent:

  • Soyez clair, concis et bien présenté
  • Utilisez des en-têtes et d’autres formats qui améliorent le flux
  • Construisez le contenu sous forme de liste chaque fois que possible
  • Langues des balises utilisées pour aider les lecteurs d’écran à déterminer la ponctuation correcte
  • Incorporer du texte alternatif pour identifier les images

Conception de formulaires accessibles

Presque tous les sites Web incluent des formulaires, que vous demandiez aux visiteurs de vous abonner à votre site Web, de créer un compte, d’émettre des tickets d’assistance ou de vendre des marchandises. Lorsque vous ajoutez des formulaires à votre contenu, assurez-vous que les champs sont suffisamment grands pour pouvoir être distingués, que chaque section est clairement étiquetée et assurez-vous que toutes les étiquettes sont à côté du champ approprié.

Les instructions et autres informations auxiliaires doivent être facile à trouver, à comprendre et à lire.

Ressources pour améliorer l’accessibilité des sites Web

En plus des directives concernant la création et la conception de sites Web, il existe un certain nombre de ressources pour aider les développeurs à maintenir la conformité tout en créant des sites Web esthétiques et fonctionnels utilisables pour tous..

  • Documents accessibles avec MS Word: Comme il s’agit de l’une des applications de traitement de données les plus répandues, ce guide vous montre comment vous assurer que vos documents Word respectent les directives d’accessibilité. Il existe également un guide pour convertir vos documents Word au format PDF sans perte d’accessibilité, et des guides pour Adobe Acrobat Pro, InDesign et la réparation des fichiers Adobe PDF non accessibles.
  • Conception de sites Web pour les aveugles et les malvoyants: ce guide fournit des conseils utiles pour l’utilisation du référencement afin d’améliorer l’accessibilité, la conception pour les lecteurs d’écran et la façon de créer du contenu pour les daltoniens.
  • Outil d’accessibilité Wave: lorsque vous souhaitez évaluer avec précision votre site Web pour les problèmes d’accessibilité, ces outils vous aideront.
  • Visionneuse d’accessibilité: avec cet outil, les développeurs peuvent afficher et inspecter les données API des navigateurs pour confirmer la façon dont ces informations véhiculent la technologie d’assistance.
  • W3C Wiki: La section sur les tests d’accessibilité fournit des conseils sur le moment d’effectuer des tests d’accessibilité et comment les réaliser pour de meilleurs résultats.
  • Vérificateur de contraste WebAIM: cet outil vous permet de tester les couleurs de premier plan et d’arrière-plan pour vous assurer qu’elles respectent les normes de contraste pour WCAG 2.0.
  • Vidéos accessibles DigitalGOV 508: montre comment utiliser un lecteur vidéo compatible 508.
  • NVDA (NonVisual Desktop Access): il s’agit d’un outil d’utilisation en personne gratuit similaire à l’outil VoiceOver pour Mac.
  • Outils de développement d’accessibilité: une extension Chrome permettant aux développeurs de vérifier les problèmes d’accessibilité du site Web.
  • Accessibilité du contenu Web et Web mobile: il s’agit d’un excellent guide pour tester l’accessibilité sur les plates-formes mobiles. Il peut être utilisé conjointement avec le Guide des meilleures pratiques du Web mobile.

Dernières pensées

La conformité signifie intégrer l’accessibilité à votre conception dès le départ. Cependant, la conception pour l’accessibilité ne signifie pas nécessairement que vous devez recommencer à zéro. Toutes les suggestions et meilleures pratiques décrites ci-dessus peuvent être mises en œuvre à tout moment sur votre site Web..

Pointe: La plupart des constructeurs de sites Web hautement cotés suivent déjà de près l’accessibilité. Si vous n’avez aucune expérience de la gestion du backend, nous vous recommandons de vérifier ledit logiciel avant d’essayer de tout faire vous-même.

Nous espérons que ces informations et liens vers des ressources vous seront utiles pour vous permettre de produire le meilleur contenu et la meilleure mise en page possible, et qu’ils pourront être appréciés par quiconque parcourt vos pages.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector