Ne tirez pas sur le messager
Au cours des 15 dernières années, j'ai régulièrement présenté des exposés lors de conférences sur l'accessibilité et j'ai également animé plusieurs sessions de formation sur le thème de la création de contenu numérique accessible. Plus d'une fois, des participants m'ont dit : "Vous me privez de ma créativité !".
Ce commentaire provient généralement de concepteurs, mais pas toujours. Je comprends également pourquoi certains peuvent se sentir ainsi lorsqu'ils commencent à se familiariser avec l'accessibilité numérique. L'accessibilité, en particulier les lignes directrices pour l'accessibilité des contenus web (WCAG), peut être accablante au début. Pour ceux qui ne comprennent pas les aspects techniques de l'accessibilité numérique, il peut s'agir d'une émotion courante - surtout si votre organisation vous dit que vous devez commencer à créer du contenu accessible et vous fait ensuite suivre une formation sur le sujet en pensant que c'est tout ce dont vous aurez besoin. Ces présentations et ces formations sur l'accessibilité numérique peuvent être très riches en informations, ce qui n'arrange rien. Vous pouvez avoir l'impression d'être contraint de boire à la lance à incendie.
L'objectif de ce poste est de reconnaître la difficulté de cette réalité pour beaucoup, de aider la direction à comprendre que l'accessibilité du contenu ne se fait pas du jour au lendemainet d'espérer démontrer que l'accessibilité n'étouffe pas le processus créatif.
Comprendre ce qui est nécessaire pour que le contenu soit accessible devrait permettre à tous ceux qui sont impliqués dans le cycle de vie du contenu web de s'y retrouver.. Ceux qui sont bons dans leur travail aujourd'hui peuvent devenir excellent dans leur travail. En d'autres termes, si vous ne concevez, créez, codez ou testez actuellement qu'en pensant aux utilisateurs de souris, vous pouvez élargir votre niveau de compétence pour inclure d'autres groupes en dehors de cette catégorie. Ce faisant, non seulement vous devenez plus compétent, mais vous aidez votre organisation à être inclusive pour tous.
L'accessibilité est-elle difficile ?
Créer un contenu accessible n'est pas difficile, mais si vous êtes novice en matière d'accessibilité, la tâche peut vous sembler impossible. Il y a beaucoup d'informations à comprendre pour s'assurer que le contenu est conçu et créé de manière accessible. Il existe également de nombreuses solutions rapides sur le marché, ce qui ajoute à la confusion. Le fait que les WCAG, les normes d'accessibilité de facto, soient souvent vagues et techniques n'aide pas non plus.
Si l'accessibilité en soi n'est pas difficile, l'acquisition des connaissances et de l'expérience nécessaires pour appliquer correctement ces lignes directrices peut s'avérer difficile et prendre du temps.
Lorsque les WCAG 2.0 ont été publiés sous forme de recommandation en décembre 2008, l'un des objectifs était de fournir des orientations pouvant être appliquées aux nouvelles technologies au fur et à mesure de leur développement. Ce faisant, ces lignes directrices auraient une durée de vie plus longue que les lignes directrices et les normes précédentes. Cela se justifie par le fait que la technologie évolue très rapidement et que le temps nécessaire à l'élaboration de nouvelles lignes directrices signifie que l'on est toujours à la poursuite de la technologie, ce qui n'est pas un modèle durable.
Le W3C a répondu au besoin de lignes directrices à durée de vie plus longue en structurant les WCAG de manière à ce que les critères de réussite soient rédigés sous la forme d'affirmations vrai/faux testables, qui ne sont pas spécifiques à une technologie. Cela permet d'appliquer les critères aux technologies existantes et futures. Chaque critère de réussite est ensuite étayé par des techniques suffisantes, des conseils et des techniques d'échec qui couvrent les moyens généraux et spécifiques à la technologie de se conformer au critère de réussite. Toutefois, la conformité ne nécessite pas nécessairement l'utilisation de l'une des techniques publiées, si d'autres méthodes permettent d'atteindre l'objectif fixé par le critère.
Bien que ce modèle fonctionne, il est plus difficile pour beaucoup de comprendre ce qu'il faut vraiment faire pour créer un contenu accessible. Étant donné qu'il peut y avoir de nombreuses techniques recommandées pour se conformer aux critères de réussite, et que vous n'êtes pas tenu d'utiliser l'une de ces techniques spécifiques, une situation est créée où beaucoup d'hypothèses peuvent être faites. Cela signifie que si vous effectuez une recherche sur le web pour savoir comment vous conformer à un critère de réussite, vous risquez de trouver un grand nombre d'approches différentes. Celles-ci peuvent souvent entrer en conflit avec d'autres recommandations, omettre des groupes d'utilisateurs ou être tout simplement erronées.
Si l'accessibilité en soi n'est pas difficile, l'acquisition des connaissances et de l'expérience nécessaires pour appliquer correctement ces lignes directrices peut s'avérer difficile et prendre du temps. Les débutants en matière d'accessibilité et tous ceux qui demandent à leurs équipes de commencer à créer du contenu accessible doivent le comprendre.
L'accessibilité est un voyage - pas une destination
Une autre difficulté fréquente liée à l'accessibilité numérique est que beaucoup pensent qu'une fois que vous avez rendu votre contenu numérique accessible, vous avez atteint votre objectif. Ce n'est tout simplement pas le cas. Pourquoi ?
Si vous créez une ou plusieurs pages web statiques qui ne seront jamais mises à jour, vous pouvez peut-être rendre le contenu accessible et ne plus vous préoccuper de l'accessibilité. Ce n'est pas le cas pour la plupart des sites web, qui sont constamment remaniés et mis à jour avec du nouveau contenu. Même si les pages sont censées être statiques, l'apparition de nouvelles technologies web peut rendre le contenu plus ancien obsolète et l'empêcher de rester accessible.
Tout comme pour la sécurité numérique et la protection de la vie privée, l'accessibilité doit être considérée comme faisant partie du parcours du contenu et des services numériques. Envisager l'accessibilité dès le départ et veiller à ce qu'elle soit prise en compte tout au long du cycle de développement du contenu web permettra d'obtenir un contenu accessible de la manière la plus rentable et la plus durable qui soit.
Être réactif en matière d'accessibilité et penser qu'il s'agit simplement d'une chose à vérifier une fois le développement terminé est une voie qui mène à l'échec et crée un risque élevé de plaintes juridiques. Le fait d'être proactif et d'accorder à l'accessibilité la même importance qu'à la sécurité et à la protection de la vie privée réduit non seulement le risque de litiges potentiels, mais constitue également le meilleur moyen de s'assurer que le contenu numérique créé est aussi accessible que possible.
Il est important que les responsables de projet et les cadres supérieurs comprennent bien que l'accessibilité est un voyage et non une destination. Ce faisant, ils peuvent s'assurer qu'une formation, un financement et des attentes appropriés peuvent être définis pour éviter la méthode d'essai et d'erreur que beaucoup d'organisations adoptent au départ.
Exemples de conception créative et accessible
Je vais maintenant quitter la tribune de l'accessibilité et me concentrer sur quelques exemples montrant que la compréhension de l'accessibilité n'étouffe pas le processus créatif, mais le renforce et permet aux individus de faire ce qu'ils font le mieux : créer des expériences intéressantes et attrayantes qui ne sont pas uniquement destinées aux utilisateurs de souris, mais à tous les utilisateurs.
Des titres visuels créatifs
Pour les utilisateurs de lecteurs d'écran non visuels, l'une des considérations les plus bénéfiques en matière d'accessibilité est de veiller à ce que les éléments suivants soient présents sur le site information et structure du contenu de la page peut être facilement compris visuellement et peut être déterminé par programme. L'utilisation de titres appropriés profite également aux utilisateurs de technologies d'assistance en leur offrant une autre méthode de navigation dans le contenu de la page.
Nous voyons souvent des sites qui n'utilisent pas de titres pour des raisons esthétiques. Dans certains cas, cela peut avoir du sens visuellement, mais a l'effet inverse pour l'utilisateur non visuel. Dans ce cas, un moyen simple de fournir cette structure est de fournir les titres au niveau de la source mais de ne pas les afficher visuellement. Sachez toutefois que cette approche comporte des mises en garde et, en cas de doute, demandez l'aide d'un consultant en accessibilité tel que Converge Accessibility.
En ce qui concerne le processus créatif, je suis récemment tombé sur une page qui, selon moi, montre comment la créativité du concepteur et les connaissances en matière d'accessibilité du développeur ont permis de créer des rubriques visuellement attrayantes et accessibles. Bien que la page elle-même ne soit pas entièrement conforme aux WCAG, la façon dont les titres sont présentés permet à l'utilisateur non visuel de comprendre la structure et la relation de l'information, et d'utiliser les titres comme moyen de navigation si nécessaire. Dans la capture d'écran suivante, remarquez que le titre semble être plus décoratif et faire partie de l'arrière-plan que du texte proprement dit.

À première vue, j'ai pensé que ce titre pouvait être une image de fond qui serait inaccessible. Le concepteur et le développeur ont travaillé ensemble pour faire en sorte que ces titres soient des titres de texte tout en conservant la conception visuelle. Pourquoi est-il important que les titres de cette page soient du texte ? Tout d'abord, le texte fait partie du texte de la page. Par conséquent, si les images ne se chargent pas, le texte de la page reste disponible. Deuxièmement, si les feuilles de style ne se chargent pas, ou si l'utilisateur doit appliquer ses propres styles ou les désactiver complètement, les titres restent à leur place en tant que partie du texte de la page.
Le rapport de contraste de l'en-tête dans l'exemple ci-dessus ne respecte pas la norme contraste minimum. Il s'agit d'une solution simple qui ne doit pas faire oublier cet exemple qui montre que l'accessibilité n'étouffe pas le processus créatif.
Sélecteur de boutons radio SVG
Récemment, j'ai travaillé avec un client qui utilisait un modèle de glissière pour permettre à l'utilisateur de sélectionner des réponses dans un questionnaire. Visuellement, le contrôle fonctionnait à merveille avec la souris et le clavier, mais programmatiquement, il était inaccessible aux technologies d'assistance. En effet, le modèle de curseur est conçu pour permettre à l'utilisateur de sélectionner une valeur à l'intérieur d'une fourchette donnée. Par conséquent, les technologies d'assistance renvoyaient des valeurs numériques au lieu des choix de réponses possibles tels qu'ils apparaissaient visuellement.

Même si les développeurs devaient forcer le comportement par le biais de scripts afin que les technologies d'assistance entendent les différents choix de réponses, les dispositifs tactiles poseraient probablement un problème. En effet, les appareils tactiles utilisent souvent des gestes spéciaux pour les curseurs. Cela pourrait nécessiter des scripts supplémentaires et ne pas fonctionner comme prévu sur tous les appareils tactiles.
Il était également difficile de modifier la conception actuelle parce qu'elle avait déjà été approuvée et que le client s'était investi émotionnellement dans cette conception. C'est une autre raison essentielle pour aborder la question de l'accessibilité dès les phases de conception et de design.
Cela a-t-il étouffé le processus créatif de notre client ? Non ! Au contraire, nous avons été en mesure de proposer une solution qui offrirait le même design et la même expérience utilisateur en changeant simplement le type de contrôle pour un autre mieux adapté à l'objectif.
Voici un exemple de la manière dont nous avons procédé. Il ne s'agit pas exactement de la même résolution, mais le principe est le même. Nous utilisons des boutons radio HTML standard dans la source de la page pour permettre à l'utilisateur de sélectionner les options de son choix, qu'il utilise une souris, un clavier ou un lecteur d'écran. L'équipe créative a pu mettre ses compétences à profit pour fournir visuellement quelque chose qui se comporte comme un modèle de curseur, mais qui fonctionne également avec les technologies d'assistance comme prévu.
NOTE : si vous avez des difficultés à accéder à l'exemple CodePen ci-dessous, vous pouvez y accéder directement via CodePen ou via ce fichier HTML séparé.
Ce que nous avons démontré dans l'exemple précédent ne ressemble pas 100% à un curseur, mais vous pouvez dire que les équipes de développement, de graphisme et de style pourraient mettre à profit leurs compétences pour le faire ressembler à un véritable curseur. Pourquoi ? Parce qu'elles ont été dotées des connaissances en matière d'accessibilité qui leur permettent de créer une solution pour tous, et pas seulement pour les utilisateurs de souris.
NOTE : L'exemple du bouton radio ci-dessus pose un problème d'accessibilité. Si vous pouvez le trouver, laissez un commentaire et montrez au monde entier vos compétences en matière de tests d'accessibilité !
Voir le stylo Sélecteur de bouton radio accessible et personnalisé par Jeff Singleton (@jwsingleton) le CodePen.
Résumé
Comme nous l'avons déjà mentionné, il n'est pas difficile de créer et de maintenir un contenu accessible si nous comprenons ce dont les utilisateurs ont besoin pour interagir avec succès avec la page, quelles que soient les méthodes utilisées (souris, clavier, lecteur d'écran, etc.). Disposer de ces connaissances et les appliquer aux stades de la conception, du design, du développement, de la création de contenu et des tests est la clé de la création d'un contenu accessible et durable.
Cela ne se fait pas du jour au lendemain et il ne suffit pas d'assister à une seule session de formation ou conférence sur l'accessibilité pour y parvenir. Il n'existe pas de solution miracle pour rendre votre contenu 100% conforme aux WCAG, quoi qu'en disent les vendeurs ou les documents de marketing. Il faut du temps et l'engagement de toutes les personnes impliquées dans le cycle de vie du contenu web - y compris le soutien des chefs de projet, des cadres supérieurs et même des équipes marketing et juridiques. L'accessibilité est la responsabilité de tous et n'est pas seulement l'affaire des développeurs.