Outils et informations pour rendre votre site web accessible et conforme aux WCAG :
http://OnlineADA.comDébloquez les guides WCAG pour la conformité de niveau AA, suivez une formation en développement web accessible et d'autres formations d'outils à l'Accessibility Academy :
https://onlineada.com/academy/Online ADA
Promouvoir l'accessibilité numérique
Transcription ci-dessous :
Salut tout le monde. Josh ici avec Online ADA.
Dans cette vidéo, nous allons aborder l'article 2.1.1,
qui concerne le 'Clavier'.
C'est une exigence de niveau A et cela va couvrir
comment rendre votre site web accessible grâce
à l'utilisation du clavier.
Entrons dans le vif du sujet.
Toute la fonctionnalité du contenu est opérable
via une interface clavier sans nécessiter
délais spécifiques pour chaque frappe,
sauf lorsque la fonction sous-jacente nécessite
une saisie qui dépend du chemin
de mouvement de l'utilisateur et pas seulement des points d'extrémité.
J'y reviendrai dans un instant.
Il y a deux exceptions à cela, ou deux
remarques à ce sujet. Donc lisez-les aussi.
Remarque un, 'Cette exception concerne la fonction sous-jacente
et non la technique de saisie,
par exemple utiliser l'écriture manuscrite pour entrer du texte. La
technique de saisie,
l'écriture manuscrite,
nécessite une saisie dépendante du chemin,
mais la fonction sous-jacente de saisie de texte ne le fait pas'.
Et remarque deux,
'Ceci n'est pas interdit et ne devrait pas décourager
la fourniture d'une saisie par souris ou d'autres méthodes de saisie en
plus de l'opération au clavier'.
Donc la première chose que je veux aborder,
c'est cette phrase,
'sauf lorsque la fonction sous-jacente nécessite
une saisie qui dépend du chemin du mouvement de l'utilisateur
et pas seulement des points d'extrémité'.
Il est spécifiquement indiqué dans l'article WCAG
que cela est inclus pour séparer
les choses qui ne peuvent pas être raisonnablement contrôlées
par un clavier.
Par exemple, comme une tablette en bambou. Être capable de
dessiner dans un programme en utilisant
un dispositif de stylo et une tablette.
Vous ne pourriez pas raisonnablement recréer ces fonctions
avec juste un clavier.
C'est pourquoi cette phrase particulière existe et
c'est ce que cela signifie, c'est juste séparer
ces différences évidentes qui ne peuvent pas être
dupliquées.
De plus, je veux aborder le fait que cela
aide beaucoup de types différents de
handicaps.
Les personnes aveugles qui ne peuvent pas utiliser des dispositifs
comme des souris qui nécessitent une coordination main-œil.
Les personnes ayant une vision réduite peuvent avoir des difficultés à trouver
ou suivre un indicateur de pointeur sur un écran.
Et certaines personnes ayant des tremblements de main trouvent cela
très difficile d'utiliser une souris, surtout lorsque
la souris a
une sensibilité très élevée ou autre chose. Si elles
sont peut-être incapables de contrôler cette sensibilité.
C'est juste une bonne idée de fournir plusieurs façons de
opérer votre site ou votre application.
Il y a beaucoup d'exemples de la façon dont cela peut être
utilisé. Ils en ont beaucoup ici dans la
documentation WCAG. Je vais en lire quelques-uns.
Mais il est important de comprendre, en quelque sorte, l'
utilisation de base de cet article et c'est que
chaque fois que vous avez un bouton
sur votre site, disons un envoi de formulaire ou même juste
un lien.
Si vous pouvez
cliquer dessus pour l'opérer, vous devriez également pouvoir
y accéder par tabulation et ensuite appuyer sur entrée
pour l'opérer également.
C'est juste chaque fois que vous avez un événement de clic dans
votre JavaScript,
faites un événement 'on focus'
et un événement 'on enter' également.
Il y a beaucoup de
rôles Aria.
Aria est l'Accessibilité des Rich Internet
Applications.
Ai-je bien dit cela ?
Il y a beaucoup de rôles Aria
qui peuvent être appliqués à diverses choses, comme
des onglets ou des accordéons
sur votre site web
et ces choses
sont obligatoires. Vous devez avoir le focus clavier
et le contrôle de ces éléments.
C'est juste une partie de ce qui est impliqué en utilisant
ces rôles.
Donc, si vous étiquetez des choses et créez ces
associations, en revenant à 1.3.1,
correctement
alors vous incluez également ces contrôles clavier. Donc quelques exemples qu'ils
ont fournis ici
sont quelque chose comme un diagramme de dessin.
Un programme de dessin permet aux utilisateurs de créer la taille,
la position et de faire pivoter des objets depuis le clavier.
Une fonctionnalité de glisser-déposer.
Une application qui utilise le glisser-déposer avec la
souris
supporte également le couper-coller ou les contrôles de formulaire pour
les objets.
Et le dernier que je vais lire ici est, 'Passer
entre et connecter des points discrets'.
Le programme de relier les points permet à l'utilisateur
de se déplacer entre les points sur un écran et d'utiliser la
barre d'espace pour connecter le point actuel au
précédent.
Ce sont quelques exemples de la façon dont nous pouvons mettre en œuvre
l'utilisation du clavier
dans des domaines qui sont généralement conçus pour l'utilisation de la souris.
C'est un peu sortir des sentiers battus sur certains de ces,
mais,
là où il y a une volonté, il y a un chemin. Nous devons nous assurer
que nous rendons tout aussi accessible que
possible et gardez cela à l'esprit lorsque vous
construisez et concevez ces interfaces, d'accord ?
Merci de m'avoir rejoint et je vous verrai dans la
prochaine vidéo.