Fermer

août 23, 2019

Top 5 des ressources pour l'accessibilité des applications Web


Kickstart transformez vos pages Web en pages Web accessibles. Voici nos 5 ressources préférées pour apprendre ce que vous devez changer et comment mettre en œuvre ces changements.

Juste au cas où vous ne l’auriez pas entendu avant, l’accessibilité est importante . Comme dans la majeure partie de la vie, à moins que nous, ou quelqu'un que nous aimons, soyons affectés par un problème particulier, nous avons tendance à ne pas y penser. Nous ne pensons pas à l’accessibilité aux fauteuils roulants à moins d’essayer de quitter une station de métro sans monter 50 marches. Peu nous importe si un numéro clignote sur un écran pour appeler la personne suivante dans la salle d’attente, sauf si nous avons une déficience visuelle et ne pouvons pas lire cet écran. Nous ne pensons pas utiliser les transcriptions sur YouTube à moins d’avoir une déficience auditive. Avoir un accès complet à Internet ne devrait pas être un privilège réservé aux personnes non handicapées. Il devrait être disponible pour tous.

Il existe des lois et des politiques en matière d'accessibilité du Web dans de nombreux pays, y compris les États-Unis et l'Union européenne. En juin 2018, le W3C a introduit les Directives pour l'accessibilité aux contenus Web (WCAG) 2.1 et en septembre 2018, l'Union européenne les a adoptées en tant que norme d'accessibilité numérique. Par le biais de plusieurs accords de règlement, le ministère de la Justice des États-Unis a adopté les règles d’accès au contenu Web 2.0AA.

En tant que développeur, vous devez vous assurer que les lecteurs d’écran peuvent accéder à vos sites Web et à vos applications, de manière à ce qu’un utilisateur puisse les consulter. clavier, peut facilement s’adapter aux gros caractères, et plus encore. À quand remonte la dernière fois que vous avez essayé de naviguer sur Facebook ou Gmail sans votre souris? Avez-vous déjà essayé de remplir un formulaire simplement en utilisant des invites vocales? Avez-vous déjà utilisé les outils d'accessibilité sur votre ordinateur? Vous trouverez ci-dessous une liste de ressources pour vous aider à accéder à l’accessibilité.

1. Comprendre les instructions pour l'accessibilité du Web – Mozilla

Mozilla a compilé une superbe série de ressources expliquant exactement comment se conformer aux WCAG 2.0 et 2.1. Ils décrivent chacun des quatre principes d'accessibilité ( perceptible utilisable compréhensible et Robust ) et sont reliés à des ressources pratiques pour que vous ne devez chasser nulle part ailleurs

Les quatre sections, chacune couvrant un aspect de l'accessibilité, constituent une liste complète d'éléments à garder à l'esprit lors de la création de sites Web de qualité. La compilation de Mozilla couvre les bases pour fournir des alternatives textuelles au contenu non textuel, continue aux instructions pour rendre ce texte visible sur la page de manière prévisible, fournit des instructions spécifiques pour la navigation de page Web et couvre tout le reste entre les deux.

les suggestions doivent constituer une lecture incontournable pour tous ceux qui construisent une page Web, par exemple:

2. Ne me faites pas penser, revisité: une approche sensée de la convivialité Web (3ème édition) – Steve Krug

Il s’agit de l’un des meilleurs ouvrages sur la convivialité disponible . Bien que convivialité concerne la création d’un site Web clair et efficace, de nombreux concepts d’utilisabilité abordés dans ce livre rendent également votre site Web plus accessible aux personnes ayant une déficience ou une déficience, par exemple, les personnes moins sensibles à certaines couleurs, ou ceux qui ont une faible acuité visuelle ou une vision tunnel. Cette nouvelle édition comprend un chapitre sur la convivialité du mobile.

Dans le chapitre 1, qui porte le même titre que le livre lui-même (Ne me faites pas penser!), Steve Krug souligne que le fait de faire de chaque page une évidence rend l'expérience du site Web plus agréable. mieux aux utilisateurs. «Les sites qui ne nous font pas penser à des choses insignifiantes semblent sans effort. En même temps, s’interroger sur des sujets sans importance sape notre énergie et notre temps », affirme Krug.

Le chapitre 5, Omettre les mots inutiles, devient de plus en plus important au fur et à mesure que de nouveaux contenus sont ajoutés au Web. L'auteur fournit des suggestions pour rendre votre écriture sur le Web plus courte et plus efficace.

3. Gagnez de l’accessibilité

Si vous avez besoin d’un peu d’inspiration, faites défiler les exemples jusqu'à Gagnez de l’accessibilité . Le blog présente les sites Web qui rendent leurs fonctionnalités accessibles à tous. Connaissez-vous de bons exemples de sites Web accessibles?

L’une des choses que j’ai apprises sur les gains d’accessibilité est la barre d’accessibilité de Facebook . Un bon exemple d’aide à la navigation sur un grand site Web qui, autrement, serait difficile à déplacer sans souris ni clavier. Idéalement, aucun site Web ne devrait être aussi complexe que Facebook. Mais si le vôtre l’est, c’est un modèle efficace à essayer.

J’ai également aimé de l’explication de la navigation au clavier de Google Maps. Astuce: appuyez deux fois sur les touches Maj + Tab pour passer directement au mode clavier sans avoir à parcourir toute la page Web.

4. Le projet A11Y

Le projet A11Y contient une excellente liste de ressources, notamment une bibliothèque de modèles accessibles, une liste de contrôle pour un site Web accessible et une longue liste de lecteurs d'écran, de cours et de logiciels vérifiez le contraste des couleurs.

Les widgets et modèles accessibles sont disponibles gratuitement à partir de la page Patterns . Vous y trouverez tout, des boutons et des formulaires aux tableaux, en passant par une liste de lecteurs vidéo accessibles et incorporables. La plupart des éléments sont écrits en JavaScript vanille et ne nécessitent aucune bibliothèque supplémentaire pour fonctionner.

Le projet organise également des conférences et des réunions consacrées à l'accessibilité. Vous trouverez des informations sur celles-ci dans la section des événements . Il y a des événements de toutes sortes, des webinaires en ligne aux événements en personne dans le monde entier.

5. Cours gratuit: Accessibilité Web de Google

Ce cours explique comment une sémantique accessible peut vous aider à naviguer dans une page Web, au fonctionnement des lecteurs d'écran et à la recherche de modifications possibles en matière d'accessibilité sur une page Web existante. ] Le cours fait partie d’un nanodegree en développement Frontend et couvre des domaines d’accessibilité tels que le focus et la navigation sans souris, la sémantique Web pour les lecteurs d’écran et le style général pour les éléments accessibles.

utilisez les outils de développement intégrés au navigateur Web Chrome pour contrôler l'accessibilité des pages Web et comprendre les modifications pouvant être apportées pour améliorer la convivialité de tous les visiteurs.

L'accessibilité dépend de vous

Les concepteurs et les développeurs sont les maîtres mots. respecter les consignes d'accessibilité. La plupart des développeurs ne choisissent pas les couleurs ou les polices, mais ils doivent comprendre les principes d'accessibilité et se sentir en mesure de résoudre les problèmes rencontrés lors de discussions avec l'équipe.

Dans un monde idéal, les équipes prendraient en compte l'aspect d'accessibilité lorsque planifier le projet depuis le début afin qu’ils puissent détecter rapidement les problèmes d’accessibilité potentiels. Quel que soit le moment où vous entrez dans un projet, il est important de lutter pour son accessibilité pour tous.

Peut-être souhaitez-vous trouver un collègue développeur ou un ami concepteur et parcourir ensemble ces ressources. Vous voudrez peut-être discuter avec votre supérieur hiérarchique ou votre supérieur hiérarchique afin de vous assurer que les directives WCAG sont appliquées dans chaque projet. Peut-être que vous êtes un pigiste qui peut ajouter de l’accessibilité dans le cadre de votre processus de développement. Quel que soit votre rôle, l’accessibilité est pour vous et moi, votre voisine, votre mère et la fille indonésienne que vous ne saurez jamais. Maintenant ajoutez des sous-titres pour vos vidéos!


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é d'accessibilité en même temps.

En savoir plus sur: Kendo UI





Source link