Web Accessibility Academy · Leçon

Mouvements de glissement et authentification accessible

Respectez les règles 2.2 relatives aux gestes et aux connexions.

Leçon 3 sur 413 étapes

Mouvements de glissement et authentification accessible est une leçon Web Accessibility Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Web Accessibility Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Web Accessibility Academy comprend 4 leçons au total.

Deux autres règles de la version 2.2

WCAG 2.2 s’attaque aussi à deux difficultés quotidiennes : les interactions uniquement par glisser-déposer et les connexions qui exigent de mémoriser des informations ou de résoudre des énigmes. Toutes deux excluent de vrais utilisateurs.

Mouvements de glissement : 2.5.7

Le critère 2.5.7 (mouvements de glissement), de niveau AA, indique que toute action de glissement doit également fonctionner avec un seul pointeur, par exemple par pression ou par clic.

Pourquoi le glissement seul échoue

Les personnes utilisant un pointeur contrôlé par la tête, un contacteur ou ayant une motricité limitée ne peuvent souvent pas faire glisser un élément. Un curseur ou un tableau kanban utilisable uniquement par glissement les exclut.

Proposer une alternative par clic

Pour une liste réordonnable, ajoutez des boutons haut et bas à côté de chaque élément. Le glissement reste disponible pour les utilisateurs de la souris, tandis que les boutons conviennent à tous les autres.

Les curseurs ont aussi besoin de boutons

Un curseur personnalisé doit répondre aux touches fléchées ou à des boutons plus et moins, et pas uniquement au déplacement de sa poignée, afin de respecter le critère 2.5.7.

Authentification accessible : 3.3.8

Le critère 3.3.8 (authentification accessible), de niveau AA, interdit les tests qui reposent sur une étape faisant appel à une fonction cognitive, sauf si une solution de remplacement existe.

Pas d’énigmes de mémoire

Cela signifie qu’il ne faut pas obliger les utilisateurs à résoudre une énigme, à recopier des caractères ou à se souvenir d’un mot de passe comme seul moyen de se connecter.

Autoriser les gestionnaires de mots de passe

Autoriser le collage dans le champ du mot de passe et ne pas bloquer le remplissage automatique constitue une solution simple et conforme. Ne perturbez pas l’agent utilisateur.

Identifier un champ de connexion

Un jeton autocomplete approprié permet aux navigateurs et aux gestionnaires de mots de passe de remplir les identifiants pour l’utilisateur.

<input type="password" autocomplete="current-password">

Limites des CAPTCHA

Un CAPTCHA fondé sur la reconnaissance d’objets est autorisé, car reconnaître des objets n’est pas un test de fonction cognitive. Proposez toutefois toujours une option qui ne repose pas sur une énigme.

Les liens envoyés par courriel comptent

Un lien de connexion magique envoyé par courriel est conforme, puisque l’utilisateur n’a qu’à cliquer. Il supprime l’étape de mémorisation visée par le critère.

Vérification rapide

Indiquez ce que les commandes reposant sur le glissement doivent toujours proposer selon la version 2.2.

Récapitulatif&nbsp;: glissement et authentification

Associez toujours le glissement à une solution utilisant un seul pointeur et ne conditionnez jamais la connexion à un test de mémoire ou à une énigme. Ensuite : rédiger une déclaration de conformité. 🎯

Gratuit pour commencer

Apprends HTML avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
30
Leçons
120

Questions Fréquemment Posées

La leçon « Mouvements de glissement et authentification accessible » est-elle gratuite ?

Oui — le texte complet de « Mouvements de glissement et authentification accessible » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Web Accessibility Academy, passe à CoddyKit PRO. Le cours Web Accessibility Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Mouvements de glissement et authentification accessible » ?

Respectez les règles 2.2 relatives aux gestes et aux connexions. Tu pratiques Web Accessibility Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Web Accessibility Academy ?

Aucune expérience préalable n'est requise. Web Accessibility Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Mouvements de glissement et authentification accessible » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Web Accessibility Academy ?

Oui. Chaque leçon Web Accessibility Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. A, AA, AAA : choisir le bon objectif
  2. Les ajouts de la version 2.2 : apparence du focus et taille des cibles
  3. Mouvements de glissement et authentification accessible
  4. Rédiger une déclaration de conformité défendable
← Retour à Web Accessibility Academy