Vous êtes donc poursuivi en justice pour non-conformité à l'accessibilité

Le respect des exigences en matière d'accessibilité du Web est bon pour de nombreuses raisons, notamment des considérations juridiques potentielles. Si vous vous demandez comment commencer par l'accessibilité, voici quelques conseils pour bien démarrer.

C'est un jour comme un autre lorsque vous ouvrez votre courrier électronique ou que vous décrochez un téléphone au service juridique du jour: Votre organisation est poursuivie en justice parce que votre site ou votre application Web ne respecte pas les consignes d'accessibilité, le plus souvent Normes WCAG niveau AA . La seule façon de vous protéger et de protéger votre entreprise contre une action en justice ? Travaillez pour rendre votre site ou votre application conforme. Maintenant.

Vous ne pouvez pas ignorer l’accessibilité

Si cela ne vous est pas encore arrivé, c’est une question de temps. La conformité en matière d'accessibilité n'est plus limitée aux agences publiques et aux institutions financières. Les cabinets d'avocats travaillent sur une très longue liste, spécifique à l'industrie. Vous y êtes quelque part.

Bien sûr, ce n’est pas un casse-tête juridique. Améliorer l’accessibilité de nos sites et de nos applications est un objectif louable et excellent. Après tout, chacun mérite une bonne expérience utilisateur. Mais sous la contrainte et les délais légaux, l’engagement peut sembler complètement écrasant.

Astuces pour les débutants en matière d’accessibilité

Ne vous inquiétez pas. Nous allons vous aider à démarrer. Si vous assimilez ces conseils professionnels, vous aurez une bien meilleure idée de la manière de rendre votre site ou votre application accessible à tous.

1. Ne vous fiez pas aux scans des avocats

L’avocat qui vous envoie des codes de conformité en sait tout autant sur l’accessibilité que vous. (Fait amusant: des dollars en donuts, leur site Web n'est pas non plus conforme.) Les avocats trop zélés vont rapidement signaler les points qui ne sont pas un problème et risquent de rater des choses qui nuisent réellement à l'accessibilité.

Pro Tip

Obtenez votre propre scanner et lancez votre propre scan . Vous n’avez pas à dépenser une fortune. Chez truematter, nous utilisons le vérificateur et validateur d'accessibilité de Powermapper . Il fait du bon travail pour un prix raisonnable.

2. Préparez-vous pour un Lot de Grey Area

Obtenir un scanner et exécuter un scan est la partie la plus facile. L'astuce consiste à interpréter votre scan. Ne vous attendez pas à une simple liste de contrôle où vous pouvez marquer chaque élément comme ayant réussi ou échoué. Les directives d'accessibilité sont souvent ouvertes et parfois déroutantes. Vous devrez prendre des décisions sur la meilleure façon de résoudre les problèmes. Plus votre site ou votre application est vaste et complexe, plus nombreuses sont les décisions difficiles que vous devrez prendre.

Par exemple, supposons que vous ayez une impression PDF qui contient le même contenu que celui que vous pouvez trouver sur votre site. Le contenu à l'écran est conforme, mais vous échouez quand même à une directive car le PDF n'est pas accessible. Que faites-vous avec ce PDF? Le rendre conforme? Le cacher aux lecteurs d'écran? Omettre? Changez votre stratégie de contenu pour ne plus jamais utiliser un PDF? Ce sont des questions difficiles. Vous avez besoin de conseils d'experts pour vous assurer de respecter les normes d'accessibilité sans nuire à la convivialité générale.

Astuce

Trouvez un expert en accessibilité pour vous aider à interpréter les résultats et vous guider à travers les problèmes difficiles. Vous pouvez développer une expertise interne en matière d'accessibilité, mais cela prendra un certain temps. Si vous envisagez une action en justice, engagez un expert maintenant et développez vos compétences internes ultérieurement.

Ne sacrifiez pas l’utilisabilité

Certaines directives d’accessibilité peuvent amener les novices à prendre des décisions qui vont à l’encontre d’une bonne UX. Il n’est pas bon de réparer votre site ou votre application pour un certain pourcentage de personnes, mais uniquement de nuire à l'expérience de la majorité des utilisateurs. Concentrez-vous toujours sur ce qui constitue la meilleure expérience pour tout le monde, et non sur ce qui passe simplement une analyse générique.

Vous devrez peut-être modifier considérablement le contenu, les fonctionnalités ou la stratégie globale pour maintenir un équilibre entre la conformité en matière d'accessibilité et l'expérience globale de l'utilisateur.

Pro Tip

Faites appel à un expert en UX. Ils évalueront si les solutions d'accessibilité proposées vont nuire à l'expérience globale des utilisateurs et proposeront des stratégies garantissant une utilisation simplifiée pour tous.

4. Les vraies personnes sont les meilleurs juges

Les logiciels ne sont qu'un point de départ. Nous ne jugeons pas que l’utilisation est exclusivement réservée aux robots, et nous ne devrions pas non plus juger l’accessibilité avec les logiciels

Pro Tip

Lancez une analyse, puis testez votre produit numérique avec des personnes réelles. Seule une personne ayant une vision limitée peut évaluer l'expérience utilisateur pour des personnes ayant une vision limitée. Testez vos solutions avec de vraies personnes et vous en apprendrez plus que ne le permet tout logiciel.

5. Soyez conscient des problèmes courants

Vous rencontrerez de nombreux problèmes d'accessibilité spécifiques à votre produit numérique et à votre produit numérique. Mais vous pouvez vous préparer à certains problèmes d’accessibilité qui affectent presque tous les sites ou applications. En fait, vous pouvez commencer à résoudre ces problèmes avant d'exécuter votre première numérisation.

Texte alternatif

Pour que votre produit numérique passe avec succès une numérisation d'accessibilité, chaque image doit avoir un texte alternatif ou alt.

. Si une image est purement décorative et ne contribue pas aux informations à l'écran, votre texte alternatif doit simplement être laissé vide.

]

Texte alternatif vide: cette icône soleil n’ajoute pas d’informations que l’utilisateur ne peut obtenir autrement. Le champ "Alt Text" est donc vide.

Dans le code, cela ressemble à:

 < img   src  =  " / theImage.jpg  "   alt  = "  "  /> 

Cette option permet aux lecteurs d'écran de sauter l'image sans importance. Par contre, si l’image fournit des informations impossibles à lire à l’écran, vous devrez écrire un texte descriptif expliquant clairement ce que l’image communique.

Supposons que votre écran parle d’un nouveau Parc à chien. Une image montre des personnes assises à une table dans le parc et mentionnées dans le contenu écrit. Cette image aurait un texte alternatif vide, car elle n’ajoutait pas de nouvelles informations que les utilisateurs malvoyants ou aveugles ne pourraient pas obtenir autrement. Mais disons que vous avez une autre image qui montre des chiens se régaler au stand de la concession du parc. Votre contenu écrit ne mentionne jamais que des friandises pour chiens sont en vente dans le parc. Vous devez écrire un texte alternatif pour l'image qui indique quelque chose comme: «Les chiens reçoivent des friandises pour la vente au comptoir de la concession du parc». Les personnes malvoyantes ou aveugles ne pourront pas obtenir cette information autrement. (Vous pouvez également ajouter cette information à votre contenu écrit et ignorer le texte alternatif. Une autre de ces décisions difficiles mentionnées précédemment.)

Faites attention, vous pouvez gêner votre utilisateur avec trop ou trop peu d'informations, même chose. comme tout autre texte en ligne. Il est crucial de prendre en compte le contexte, la brièveté et les tâches de vos utilisateurs lorsque vous écrivez du texte alternatif. Votre expert UX peut également vous aider.

Astuce professionnelle

Nous pourrions parler d’un texte de remplacement pour un article entier. Heureusement, WebAim l’a déjà fait et c’est très utile. Nous aimons cette liste de conseils rapides du projet A11Y également. Marquez les deux et marquez-les souvent.

Contraste des couleurs

Les directives du niveau AA du WCAG stipulent que le texte doit avoir un rapport de contraste d'au moins 4,5: 1 (ou 3: 1 pour le texte de grande taille). Cela signifie également que la couleur du lien doit être distincte du texte normal. Il est très probable que le texte de votre site ou de votre application ne respecte pas les consignes de contraste des couleurs. Vous pouvez le vérifier maintenant. Encore une fois, WebAim vient à la rescousse avec son Contrôleur de couleurs contrastées .

Astuce

Soyez prêt à truquer sur les couleurs de votre marque. Cela pourrait mettre votre équipe marketing en colère. Croyez-nous, personne ne saura que vous deviez utiliser deux nuances de bleu de la norme de votre marque en matière de respect de l'accessibilité. Toutefois, l’analyse d’accessibilité et les utilisateurs malvoyants ou malvoyants sauront s’il ne le fait pas.

Link Text

Cette recommandation réchauffe le cœur de notre équipe de contenu. Votre bouton et le texte du lien doivent indiquer précisément où un lien donné va. Chuck "Lire la suite" et "Cliquez ici" directement par la fenêtre. Lorsque le texte d'un lien est vague, il est difficile pour une personne utilisant un lecteur d'écran de savoir exactement où elle se dirige. (Heck, c'est difficile pour tout le monde aussi.

Astuce Pro

Tous les liens doivent être concis et descriptifs. Indiquez aux utilisateurs avec précision où ils se dirigent et ce qu'ils font. Cela ne vous donne pas de licence. pour créer des boutons de neuf mots. Si vous le faites, vous avez des problèmes de stratégie de contenu entièrement séparés.

Accessibilité PDF

Surprenez! Tous les PDF de votre site Pour que les PDF soient accessibles, il n'est pas facile de prendre du temps, mais vous serez heureux de l'avoir fait.

Alors, comment rendre un PDF accessible? Il y a beaucoup (et votre expert en accessibilité vous aidera), mais voici certaines choses que vous devriez sachez tout de suite:

Vous avez besoin d’Adobe Acrobat Pro. Ce sera ton meilleur ami. Les outils d'accessibilité fournis par le logiciel vous permettront de rendre n'importe quel fichier PDF accessible et de tester l'accessibilité. Adobe offre des ressources solides pour les deux. En fait, si vous avez Acrobat maintenant, vous pouvez vérifier vos PDF avec leur vérificateur d'accessibilité

Commencez à la source. Rendre un PDF accessible après sa création est beaucoup plus difficile que de le rendre accessible depuis le début. Les versions les plus récentes d'Adobe InDesign et Microsoft Word disposent de fonctionnalités d'accessibilité qui vous aideront à créer votre document.

Faites preuve de prudence lorsque vous utilisez l'assistant d'action «Rendre accessible» dans Acrobat. Il fera presque tout le travail, mais vous devez quand même vérifier manuellement le contraste des couleurs, l'ordre de lecture et les balises pour plus de précision.

Astuce Pro

Conservez vos fichiers PDF. simple. Plus vous avez d'images, de graphiques et d'éléments de formulaire interactifs, plus il sera fastidieux de rendre votre PDF accessible. Si ce contenu est vraiment important, mettez-le sur votre site. Il est beaucoup plus facile de rendre une page Web accessible qu’un fichier PDF.

6. Document Tout

Parce que les directives et leurs solutions peuvent souvent tomber dans ces zones grises embarrassantes, écrivez toutes vos décisions et tous vos raisonnements derrière. Si vous avez besoin de présenter vos raisons à un avocat ou à un juge, vous serez prêt à partir. Et bonus – si vous avez besoin de résoudre à nouveau un problème similaire, vous pouvez vous référer à votre documentation pour comprendre ce que vous avez fait et pourquoi vous l'avez fait. Vous êtes essentiellement en train de créer des directives de gouvernance d'accessibilité.

Pro Tip

Citez toujours les directives spécifiques de WCAG lorsque vous documentez votre solution. Cela facilitera non seulement les références internes, mais facilitera également la tâche des avocats agressifs de votre vie.

Restez au courant

Rendre votre site ou votre application accessible n'est qu'un début. Vous devez maintenant garder votre site ou votre application accessible, ce qui signifie vigilance. Analysez régulièrement votre produit et corrigez les problèmes dès qu'ils se présentent. Intégrez les normes d'accessibilité WCAG dans chaque projet de produit numérique que vous construisez à partir de maintenant.

Astuce Pro

Planifiez un audit trimestriel de l'accessibilité interne. Cela est essentiel pour que votre site ou votre application reste convivial pour tout le monde (et pour tenir les avocats à distance).

Formez votre équipe de maintenance

Rien ne vous empêchera de vous conformer à la loi si vous publiez votre site ou votre application pour les auteurs de contenu et les professionnels de la maintenance qui ne comprennent pas les directives d'accessibilité ni votre engagement à leur égard. Vous devez renforcer la sensibilisation à l'accessibilité interne et appliquer vos nouvelles normes.

Astuce Pro

Ajoutez l'accessibilité aux programmes de formation à la maintenance interne, à la documentation et aux consignes de gouvernance. Si vous n'en avez pas, c'est le moment de les créer.

Construire avec l'accessibilité à l'esprit

Les produits numériques accessibles sont périmés depuis longtemps. À l'avenir, assurez-vous de ne plus avoir à supporter les coûts et la frustration d'une réhabilitation complète de l'accessibilité. Au lieu de cela, définissez et concevez vos produits numériques de manière à respecter les normes d’accessibilité dès le début.

Vous aurez besoin de l’apport régulier d’experts en accessibilité et en expérience utilisateur (internes ou externes). Cela signifie que votre processus et votre documentation doivent changer. Mais ne craignez rien, le temps et le budget supplémentaires que cela nécessite seront plus que rentables pour des produits numériques bien améliorés et des clients plus satisfaits.

Vous saurez également que vous seriez au service de tous les clients – un Un avantage commercial solide, et une démonstration de bonne volonté et de respect.

En savoir plus sur l'accessibilité

Nous avons créé un livre blanc complet sur l'accessibilité pour les développeurs, qui couvre tout, des lois au codage en passant par les tests.

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

Ajout de l'accessibilité à vos applications

Pour vous assurer que vous créez des applications Web accessibles, commencez par utiliser 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é en matière d'accessibilité en même temps.

En savoir plus sur: Kendo UI