Concevoir pour l'accessibilité

Concevoir en ayant à l'esprit l'accessibilité Web offrira à tous les utilisateurs un accès inclusif à l'information et aux fonctionnalités. Apprenez à le faire et pourquoi c'est important.

L’accessibilité du Web consiste à faire en sorte que les personnes handicapées ne rencontrent aucun obstacle en matière d’interaction ou d’accès à des sites Web sur Internet. Lorsque les sites Web sont conçus avec l’accessibilité Web à l’esprit, ils sont développés et édités pour s’adapter à tous les utilisateurs, quelles que soient leurs capacités, afin de garantir un accès inclusif aux informations et aux fonctionnalités. Bien que le terme "accessibilité Web" ait tendance à être utilisé pour les personnes handicapées, il est également bénéfique pour les personnes confrontées à des limitations temporaires ou liées à une situation, telles que les personnes ayant un bras cassé ou une personne disposant d'une connexion Internet lente.

Why is Web Accessibilité Important?

Internet est une ressource vitale pour toutes sortes de gens de tous âges. En fait, nous dépendons d'Internet dans notre vie quotidienne pour tout, des loisirs au commerce en passant par l'éducation et l'emploi. Internet nous fournit des informations et des ressources que nous pourrions autrement avoir du mal à trouver. Pour de nombreuses personnes handicapées, Internet permet de rester un membre actif de la société.

L'accessibilité du Web est essentielle pour assurer un accès égal à tous les utilisateurs, y compris les personnes handicapées ou à limitations temporaires / situationnelles. Considérons une personne ayant un handicap qui rend difficile l’accès physique au magasin ou au centre commercial. Internet leur permet de continuer à faire des achats qui seraient autrement difficiles pour eux.

En plus d'aider les personnes handicapées à vivre plus facilement et plus intégralement, l'accessibilité au Web est importante en matière de responsabilité juridique. Les organisations doivent garder à l’esprit que diverses lois et politiques exigent l’accessibilité du Web. Si vous ne l'avez pas déjà fait, examinez les lois et politiques en vigueur dans votre pays et votre secteur d'activité pour vous assurer que vous vous y conformez au besoin.

Principes d'accessibilité du Web

Le Consortium World Wide Web a créé l'Initiative pour l'accessibilité du Web (WAI). , qui consistent en les directives d’accessibilité au contenu Web (WCAG). Les consignes d’accessibilité au contenu Web doivent être suivies pour assurer l’accessibilité du Web aux personnes handicapées. La première incarnation, les Directives pour l'accessibilité aux contenus Web 1.0, a été créée en 1999. En 2008, la deuxième incarnation, les Directives pour l'accessibilité des contenus Web 2.0, a été publiée. Elle propose 12 directives organisées en quatre principes. En 2018, une autre version, 2.1, a été publiée. Il aborde 17 critères de réussite supplémentaires

. Ces quatre principes: robuste, exploitable, compréhensible et perceptible, conduiront à un contenu Web plus accessible. Chacun des quatre principes est lié à une ou plusieurs lignes directrices. Ces directives et les critères de réussite pertinents aident à respecter ces principes afin de garantir l'accessibilité du Web.

1. Perceptible: Toutes les informations et tous les composants de l'interface utilisateur d'un site Web doivent être disponibles de manière à ce que tous les individus puissent le percevoir.
2. Utilisable: Tous les composants de navigation et d'interface utilisateur d'un site Web doivent pouvoir être utilisés par tous les individus.
3. Robuste: Tous les contenus d'un site Web doivent être suffisamment robustes pour que les agents utilisateurs, y compris les technologies d'assistance, puissent les interpréter.
4. Compréhensible: Toutes les informations et le fonctionnement de l'interface utilisateur doivent être clairement compréhensibles pour tous les utilisateurs.

Comme indiqué, chacun des quatre principes comprend une liste de directives pour garantir que ce principe est respecté. Vous trouverez une liste de directives dans les tables des matières des WCAG 2.0 et 2.1 ici et ici .

Technologie d'assistance

La technologie d'assistance est définie comme un équipement ou un type de produit conçu pour améliorer ou maintenir les capacités fonctionnelles des personnes handicapées. Les technologies d'assistance peuvent faire toute la différence pour les personnes handicapées en les aidant à mener une vie confortable et productive, leur permettant de participer à diverses activités qui seraient autrement difficiles. Il existe différentes technologies d'assistance:

• Des outils, tels que des pinces à crayons adaptées ou des tourneurs de page automatiques, conçus pour améliorer le résultat des tâches pédagogiques.
• Des aides cognitives, telles que des dispositifs d'assistance électriques, ont été créées pour aider à stimuler les compétences de la mémoire.
• Les aides à la mobilité, telles que les fauteuils roulants ou les scooters, sont conçues pour améliorer la capacité de déplacement de l'individu.

En termes d'accessibilité Web, les technologies d'assistance peuvent être utilisées pour permettre à l'individu de tirer parti d'Internet et de tout autre site Web. contenu lié. En voici quelques exemples:

• Un bâton à la bouche: un simple appareil placé dans la bouche de sorte que l'utilisateur puisse manipuler au besoin pour taper ou utiliser une souris.
• Un bâton à la tête: un simple appareil attaché à la tête de l'utilisateur, afin de leur permettre de taper, de naviguer et de contrôler les services Web.
• Souris de boule de commande surdimensionnée: un dispositif qui permet aux utilisateurs de déplacer facilement leur curseur, malgré les limitations de mouvements de moteur fins.
• Clavier adaptatif: Une technologie populaire comportant des zones surélevées entre les touches pour vous aider à faire glisser le doigt dans la touche correcte.
• Logiciel de reconnaissance vocale: logiciel permettant aux utilisateurs de contrôler des services Web à l'aide de commandes simples.

Les technologies d'assistance sont utiles pour les personnes handicapées qui ont du mal à cliquer. Petites zones, dactylographie de phrases et, dans l’ensemble, tâches permettant de tirer le meilleur parti du Web.

Couleur et contraste

En matière d’accessibilité Web, il est essentiel de disposer de couleurs bien contrastées. Ceux qui ont une faible sensibilité au contraste ou daltoniens peuvent distinguer les couleurs. Pour obtenir des couleurs avec un bon contraste, les couleurs doivent avoir un contraste suffisant entre le texte et l'arrière-plan. Il est techniquement appelé «radio de contraste de luminosité» et doit être pris en compte pour le texte sur les images, les boutons et les icônes.

Si vous utilisez des couleurs pour transmettre des informations via des cartes, des diagrammes et d’autres types d’images, vous devez également vous assurer que les couleurs avec un bon contraste sont utilisées. Cela aide les personnes peu sensibles au contraste ou daltoniennes, mais il est également essentiel de garder le contenu visible dans différentes conditions d'éclairage. Le contenu Web créé avec des couleurs bien contrastées sera facilement visible par tous les utilisateurs.

Divers outils sont disponibles pour vous aider à choisir des combinaisons de couleurs qui conviennent à tous, y compris aux personnes handicapées. Idéalement, les développeurs Web devraient utiliser les outils mis à leur disposition au début de la conception.

Écrire pour l'accessibilité

Lorsqu'il est question d'écrire un contenu, l'accessibilité devrait être prise en compte. En fait, la plupart des recommandations qui rendent le contenu de site Web plus accessible aux personnes handicapées simplifient la lecture du contenu de site Web pour tous les individus. Voici quelques conseils utiles pour rédiger le contenu afin de garantir l'accessibilité:

• Fournissez des titres de page informatifs décrivant le contenu de chaque page.
• Utilisez des en-têtes et des sous-titres chaque fois que possible pour clarifier la structure et le sens du contenu.
• Rédigez un texte de lien décrivant directement et clairement le contenu trouvé après avoir cliqué sur le lien.
• Proposez des alternatives de texte significatives pour toutes les images, afin de fournir des informations ou le contexte requis, le cas échéant
• Créez des transcriptions et / ou des sous-titres pour le multimédia, tels que des podcasts ou des vidéos, pour une compréhension optimale.
• Fournissez des instructions et / ou des conseils clairs en ce qui concerne les messages d'erreur, les formulaires et autres tâches.
• Utilisez un contenu concis et clair, comprenant des paragraphes courts, facile à utiliser. -comprendre les mots et les points pour une meilleure lisibilité.

Son et mouvement

Un contenu animé comprenant du son et du mouvement peut être gênant pour les h ou sans handicap. Si le contenu se déplace, clignote ou défile automatiquement, cela crée une barrière pour les personnes souffrant de troubles visuels, ainsi que pour celles souffrant de crises épileptiques. En fait, un contenu visuel clignotant plus de trois fois par seconde peut déclencher des crises. Lors de la création de contenu et / ou de services Web, les développeurs Web doivent:

• créer un mécanisme accessible au clavier permettant aux utilisateurs d’arrêter, de suspendre ou de masquer tout contenu animé.
• Évitez que le contenu visuel clignotant ne clignote plus de trois fois par seconde à
• Offre la possibilité de redémarrer le contenu après une pause ou un arrêt du même point auquel il a été arrêté.

Principes directeurs relatifs à l'accessibilité du site Web

Les principes directeurs relatifs à l'accessibilité des contenus Web 2.0, publiés en 2008, consistent en 12 principes directeurs sous quatre principes distincts: compréhensible, robuste, exploitable et perceptible. Pour une liste complète des directives, voir le site Web du W3C ici . Les WCAG 2.0 fournissent des instructions pour chaque ligne directrice, ainsi que des critères de réussite pour garantir l'accessibilité.

Qui doit se conformer?

La loi stipule que les organisations privées ou à but non lucratif comptant plus de 50 employés, ainsi que le secteur public organisations, doivent répondre aux exigences d’accessibilité. Le 1er janvier 2014 était la date limite pour les nouveaux sites Web publics, les sites Web actualisés et tout contenu Web publié après le 1er janvier 2012 pour respecter les consignes de niveau A.

Le 1er janvier 2021 est la date limite pour les nouveaux sites Web publics, sites Web actualisés et tout contenu Web publié après le 1er janvier 2012 afin de respecter les consignes de niveau AA. À compter du 1 er janvier 2021, le niveau AA doit être respecté conformément aux critères 1.2.4 (sous-titres) et 1.2.5 (audiodescriptions préenregistrées).

WCAG

les Directives pour l'accessibilité au contenu Web 1.0, publiées en 1999, ont un impact considérable sur le monde de l'accessibilité Web. Les WCAG 2.0, publiés en 2008, ont introduit un concept important dans lequel il existe trois niveaux de conformité, à savoir:

• Niveau A: Un segment de la population trouvera tout ou partie du contenu Web entièrement inaccessible.
• Niveau AA: Un segment de la population aura du mal à utiliser tout ou partie du contenu.
• Niveau AAA: Le contenu est aussi accessible. raisonnablement possible avec l'état actuel du contenu Web et / ou de la technologie.

Pour le moment, le niveau AAA n'est pas prévu ni requis. Pour qu'une organisation puisse revendiquer la conformité à un niveau spécifique, elle doit satisfaire à toutes les exigences de ce niveau et de tous les niveaux inférieurs.

En 2018, la version la plus récente de WCAG – 2.1 – a été publiée. Toutes les exigences de 2.0 sont incluses dans 2.1; Cependant, il contient 17 critères de réussite supplémentaires qui concernent l'accessibilité mobile, les personnes ayant des difficultés d'apprentissage, cognitives et cognitives, ainsi que les personnes malvoyantes. Il est recommandé de se conformer aux normes WCAG 2.1 lors de l'élaboration ou de la mise à jour du contenu de sites Web.

Section 508

La loi de 1973 sur la réinsertion sociale, une loi fédérale antidiscrimination, a été le premier effort législatif visant à garantir les personnes handicapées. ont été inclus et considérés. La loi vise les personnes ayant une déficience physique et cognitive. En 1998, la loi a été modifiée pour inclure l'article 508, élargissant le texte de la loi pour englober les informations relatives à l'égalité d'accès en matière de technologie électronique et d'information.

L'article 508 stipule que le gouvernement ne doit acheter aucune sorte de technologie électronique et d'information. services et / ou biens qui ne répondent pas aux directives d'accessibilité. La section 508 mentionne spécifiquement Internet, soulignant que la conception Web doit être rendue accessible à toutes les personnes handicapées.

Cela signifie que les systèmes doivent pouvoir être utilisés sans recourir à une capacité ou à un sens unique. S'ils ne peuvent pas être utilisés, d'autres formes de contenu doivent être fournies aux personnes handicapées. Les normes de la Section 508 relatives à l'accessibilité du Web sont disponibles en ligne .

Testing for Accessibility

Le test d'accessibilité est défini comme une forme de test permettant de s'assurer qu'une application ou un site Web est utilisable par des personnes handicapées. Différents programmes sont disponibles pour vous assurer de créer un contenu accessible à tous les utilisateurs. Cliquez sur ici pour afficher une liste d'outils vous permettant de filtrer et de trouver l'outil approprié à vos besoins spécifiques.

Lors du développement ou de la refonte d'un site Web ou d'une application, effectuez des tests d'accessibilité au début du processus. Cela vous permettra de résoudre les problèmes immédiatement.

Pourquoi tester l'accessibilité? Outre les complications juridiques liées au fait de ne pas garantir l’accessibilité, vous souhaitez également vous assurer de satisfaire toutes les exigences de la population. Environ 20% de la population a un handicap quelconque. Un surprenant 1 sur 2 personnes de plus de 65 ans ont des capacités réduites dans une certaine mesure. Si vous ne testez pas pour garantir l'accessibilité, il vous manque une grande partie du marché.

Mise en œuvre de l'accessibilité

La première étape de la mise en œuvre de l'accessibilité consiste à comprendre les handicaps et leur impact sur les utilisateurs finaux. Si vous êtes un développeur Web et que vous souhaitez créer ou concevoir un site Web ou une application, il est important de comprendre les obstacles auxquels les personnes handicapées sont confrontées. La plupart des principes de base des directives WCAG 2.0 sont faciles à mettre en œuvre, mais vous pouvez vous trouver en difficulté si vous ne comprenez pas les handicaps.

Il est utile de commencer avec un système de gestion de contenu qui prend en charge l’accessibilité. Il y a beaucoup d'options à choisir. Une fois que vous avez sélectionné un système de gestion de contenu, choisissez un thème ou un modèle accessible. Il doit exister une documentation pour le thème, décrivant les notes d'accessibilité pour cette présentation particulière.

Lorsque vous sélectionnez des plug-ins, des widgets et des modules, gardez à l'esprit l'accessibilité. La plupart des éléments, tels que les lecteurs vidéo ou les barres d'outils de montage, prendront en charge la création de contenu accessible.

Conclusion

Assurer un site Web accessible présente de nombreux avantages. Tout d’abord, vous pouvez éviter la responsabilité juridique. Vous pouvez également être assuré de savoir que vous êtes au service de toute la population, ce qui vous évite de rater une bonne partie du marché.

En savoir plus sur l'accessibilité

Nous avons créé un livre blanc complet sur l'accessibilité Des développeurs qui couvrent tout, des lois aux codes, en passant par les tests.

Téléchargez le livre blanc: Accessibilité pour les développeurs

Ajout de l'accessibilité à vos applications

Un moyen simple de vous assurer de créer un site Web accessible. apps doit commencer avec des composants des bibliothèques de Kendo UI. Nos composants sont tous conformes à la plainte WCAG et vous offrent une grande fonctionnalité, des grilles et graphiques aux programmateurs et aux sélecteurs. Prenez une longueur d'avance sur l'interface utilisateur de votre application et sur la conformité d'accessibilité en même temps.

En savoir plus sur: Kendo UI