Déclaration d'accessibilité

État de conformité

Partiellement conforme au niveau AA des WCAG 2.1. Les tests automatisés relèvent 0 non-conformité sur 111 états d'écran, et 53 vérifications pilotées utilisent le produit au clavier seul. Il n'a pas encore été testé avec des utilisateurs de lecteurs d'écran, et des lacunes connues restent à corriger.

Méthode de test

Tests automatisés

Un outil de vérification automatique, avec les règles A et AA des WCAG 2.1, sur 111 états d'écran : chaque page de l'application avec ses boîtes de dialogue et ses panneaux ouverts, le panneau de l'Assistant IA, le pupitre, le projecteur, la page étudiante dans chacun de ses états, et chaque page de ce site. Les pages principales de l'enseignant sont analysées dans le thème clair et dans le thème sombre. Les questions analysées comportent des formules dans le texte, une figure, une formule, un extrait de code, un diagramme, un graphique et une molécule, affichés tels que la salle les voit. Résultat actuel : 0 non-conformité.

Dessins

L'outil ne mesure pas le contraste à l'intérieur d'un dessin : chaque diagramme, graphique et molécule d'un écran analysé est donc mesuré par rapport à son fond, dans les deux thèmes.

Clavier, tests pilotés

53 vérifications qui manipulent le produit au lieu de l'inspecter. Pour chaque type de question, le focus se place sur la question à son arrivée, et un étudiant atteint les options avec Tab, choisit avec Espace ou les touches fléchées, indique son degré de certitude et envoie la réponse avec Entrée. Au pupitre, les touches fléchées font passer d'une question à l'autre, la touche Page suivante fait de même depuis la fenêtre du projecteur, une flèche pressée à l'intérieur d'une formule laisse la salle où elle en est, Masquer l'écran et Afficher les résultats s'atteignent avec Tab et s'activent avec Entrée, et chaque arrêt de tabulation a un nom. L'Assistant IA s'ouvre avec Ctrl+/ et envoie avec Entrée. Résultat actuel : 0 échec.

Pages

Chaque vue a son propre titre, et chaque page de ce site s'ouvre sans connexion.

La scène

Sur le projecteur, le pupitre et la salle ouverte, rien ne doit dépasser le bord de la fenêtre, puisque personne au pupitre ne peut la faire défiler.

Mise en page, mesurée

99 vérifications qu'un écran tient dans une fenêtre de 320 pixels de large et dans une fenêtre de la taille d'un téléphone en orientation paysage, et ne perd aucun texte avec l'espacement élargi du critère 1.4.12 : chaque page de ce site, les pages principales de l'application et la page étudiante pour chaque type de question. Résultat actuel : 0 échec.

Revu à la main

Les critères qui demandent un jugement, par exemple si un titre décrit sa section ou si un message d'erreur indique quoi faire. Ils sont marqués « Par conception » ci-dessous.

Pas encore fait

Un test avec des utilisateurs de lecteurs d'écran.

L'audit est exécuté avant chaque déploiement de ce site et de l'application, et un échec bloque le déploiement. Son rapport est disponible sur demande.

Fonctionnement de chaque commande

Une question

Le focus se place sur une nouvelle question à son arrivée, pour qu'un lecteur d'écran la lise. Ses options forment un groupe de boutons radio, avec un seul arrêt de tabulation, et les touches fléchées permettent de passer de l'une à l'autre. Une question qui accepte toutes les réponses qui conviennent utilise des cases à cocher, avec un arrêt de tabulation chacune. Une option choisie reçoit une bordure plus épaisse en plus d'une couleur. Une question sans bonne réponse utilise la même commande. Il n'y a pas de curseurs.

Quel est votre degré de certitude ?

Un groupe de boutons radio distinct, Au hasard, Avec un doute et Avec certitude, avec son propre arrêt de tabulation. Un niveau choisi reçoit la même bordure plus épaisse qu'une option choisie.

Le pupitre

Il se pilote au clavier ou avec une télécommande de présentation. →, ↓ et Page suivante passent à la question suivante, et ←, ↑ et Page précédente reviennent en arrière, y compris lorsqu'elles sont pressées dans la fenêtre du projecteur. Au pupitre, aucune de ces touches ne fait avancer la salle tant que le focus se trouve dans la formule ou l'extrait de code d'une question, que les touches fléchées font alors défiler. Masquer l'écran, Afficher les résultats et toutes les autres commandes s'atteignent avec Tab.

Formules, code, diagrammes, graphiques et molécules

Les formules contiennent aussi du MathML, que les lecteurs d'écran lisent. Chaque diagramme, graphique et molécule porte une description rédigée à partir de sa source, que l'enseignant peut modifier, et une image ne peut pas être enregistrée sans description. Le code reste du texte. Un bloc qui ne peut pas être affiché sur un appareil montre sa source et sa description, jamais un espace vide.

Réorganisation

Les questions d'une leçon se réorganisent avec Monter et Descendre, dans le menu de chaque question. Les leçons peuvent être glissées dans un nouvel ordre dans le programme avec une souris, et Réorganiser les leçons, à côté du titre du programme, fait de même au clavier ou au toucher avec Monter et Descendre.

Boîtes de dialogue

Une boîte de dialogue garde le focus à l'intérieur, se ferme avec Échap et rend le focus à l'élément qui l'a ouverte.

Critères évalués

Tous les critères de niveau A et AA des WCAG 2.1 figurent ici, soit 50 au total. « Vérifié » signifie qu'un test automatisé ou piloté contrôle le critère à chaque exécution. « Par conception » signifie que le produit a été conçu pour y répondre et vérifié à la main. « Partiellement satisfait » signifie qu'une partie du critère n'est pas encore satisfaite, et la ligne indique laquelle. « Non applicable » signifie que le critère ne demande rien à Tapsity.

1.1.1 Contenu non textuel

Vérifié. Les icônes porteuses de sens ont un texte, et les icônes décoratives sont masquées aux lecteurs d'écran.

1.2.1 Contenu seulement audio ou vidéo (pré-enregistré)

Non applicable. Tapsity ne lit aucun contenu audio ni vidéo, et une question ne peut contenir ni l'un ni l'autre.

1.2.2 Sous-titres (pré-enregistrés)

Non applicable. Tapsity ne comporte aucune vidéo.

1.2.3 Audio-description ou version de remplacement pour un média temporel (pré-enregistré)

Non applicable. Tapsity ne comporte aucune vidéo.

1.2.4 Sous-titres (en direct)

Non applicable. Tapsity ne transmet aucun son en direct. La leçon elle-même se déroule dans la salle.

1.2.5 Audio-description (pré-enregistrée)

Non applicable. Tapsity ne comporte aucune vidéo.

1.3.1 Information et relations

Vérifié. Les repères, les titres, les listes, les groupes d'options et leurs légendes sont de véritables éléments.

1.3.2 Ordre séquentiel logique

Par conception. Chaque page se lit dans l'ordre où elle s'affiche, et une mise en page qui se replie en une seule colonne conserve cet ordre.

1.3.3 Caractéristiques sensorielles

Par conception. Aucune instruction ne repose sur la forme, la couleur, la position ou le son. Les commandes sont désignées par les mots qu'elles affichent.

1.3.4 Orientation

Vérifié. Aucune page n'est limitée à une seule orientation, et les pages mesurées fonctionnent en orientation paysage.

1.3.5 Identifier la finalité des champs

Par conception. Les deux champs qui demandent une adresse électronique l'indiquent au navigateur, qui peut les remplir. Aucun autre champ ne porte sur la personne qui l'utilise.

1.4.1 Utilisation de la couleur

Par conception. La bonne réponse est signalée par un badge, une coche et le mot Correcte. Tout élément choisi sur la page étudiante reçoit une bordure plus épaisse en plus d'une couleur.

1.4.2 Contrôle du son

Non applicable. Rien dans Tapsity n'émet de son.

1.4.3 Contraste (minimum)

Vérifié. Le texte a un contraste d'au moins 4,5:1, et le grand texte d'au moins 3:1, sur chaque écran analysé.

1.4.4 Redimensionnement du texte

Partiellement satisfait. Le texte de chaque page s'agrandit jusqu'à 200 % avec le zoom du navigateur, et la page se réorganise pour tenir dans la fenêtre. Le projecteur ajuste la taille de son texte à l'écran qu'il remplit, si bien que le zoom ne l'y agrandit pas. Chaque étudiant lit la même question sur son propre appareil, à la taille qu'il choisit.

1.4.5 Texte sous forme d'image

Par conception. Les mots propres à Tapsity sont du texte, et les formules, le code, les diagrammes, les graphiques et les molécules sont dessinés à partir de leur source plutôt qu'affichés sous forme d'images. Une image ajoutée par un enseignant est la sienne, avec la description qu'il rédige.

1.4.10 Redistribution

Vérifié. Les pages mesurées tiennent dans une fenêtre de 320 pixels de large sans défilement horizontal, et un extrait de code plus large défile à l'intérieur de son propre cadre. Le projecteur conserve la forme de l'écran qu'il remplit, comme peut le faire une mise en page qui se lit en deux dimensions.

1.4.11 Contraste du contenu non textuel

Par conception. Les bords des commandes, les contours de focus et les couleurs des diagrammes, graphiques et molécules ont un contraste d'au moins 3:1, et les dessins sont mesurés.

1.4.12 Espacement du texte

Vérifié. Avec l'espacement élargi des lignes, des lettres, des mots et des paragraphes que fixe ce critère, aucun texte des pages mesurées n'est tronqué. Un texte raccourci par des points de suspension pour tenir s'affiche en entier ailleurs : le nom d'une leçon sur sa propre page, et une question du résumé d'un rapport plus bas dans le même rapport.

1.4.13 Contenu au survol ou au focus

Vérifié. Les textes qui apparaissent au survol ou au focus restent visibles tant que le pointeur se trouve dessus, et se ferment avec Échap. Le test piloté le vérifie dans le programme.

2.1.1 Clavier

Vérifié. Chaque type de question se répond au clavier seul, et le pupitre se pilote au clavier.

2.1.2 Pas de piège au clavier

Par conception. Les boîtes de dialogue se ferment avec Échap et rendent le focus à l'élément qui les a ouvertes.

2.1.4 Raccourcis clavier utilisant des caractères

Par conception. Aucun raccourci n'est une simple touche de caractère. Le pupitre utilise les touches fléchées, Page précédente et Page suivante, et l'Assistant IA s'ouvre avec Ctrl+/ (⌘/ sur Mac).

2.2.1 Réglage du délai

Partiellement satisfait. Une question reste ouverte aussi longtemps que l'enseignant la garde ouverte, ce qui constitue l'activité en direct elle-même, et une salle restée inactive pendant trois heures se ferme et conserve ses résultats. Pas encore satisfait : la connexion prend fin au bout de 12 heures sans avertissement, et Annuler est proposé pendant dix secondes après qu'une question a été retirée d'une leçon. La question reste dans la banque, d'où elle peut être ajoutée de nouveau.

2.2.2 Mettre en pause, arrêter, masquer

Par conception. Rien n'est animé en boucle. Les décomptes en direct changent tant qu'une question est ouverte, ce qui constitue l'activité elle-même. Lorsque la réduction des animations est activée, les transitions sont supprimées.

2.3.1 Pas plus de trois flashs ou sous le seuil critique

Par conception. Rien ne clignote sur aucune page.

2.4.1 Contourner des blocs

Vérifié. Chaque page a un repère principal.

2.4.2 Titre de page

Vérifié. Chaque vue définit son propre titre.

2.4.3 Parcours du focus

Vérifié. Le focus suit l'ordre de lecture. Chaque groupe d'options constitue un seul arrêt de tabulation. À l'ouverture d'une page, le focus se place sur son titre, sauf s'il se trouve encore sur le lien qui a ouvert la page, qui l'annonce alors. Le test piloté vérifie les deux cas.

2.4.4 Fonction du lien (selon le contexte)

Vérifié. Chaque lien a un nom, ce que l'outil de vérification confirme, et indique où il mène, seul ou avec la phrase qui l'entoure.

2.4.5 Accès multiples

Par conception. Un lien mène à chaque page de ce site depuis le pied de page, ainsi que depuis le menu ou la page Politiques. Dans l'application, une page s'atteint depuis le programme ou Aujourd'hui, ainsi que depuis les pages qui la répertorient.

2.4.6 En-têtes et étiquettes

Par conception. Les titres indiquent ce que contient leur section, et les étiquettes indiquent ce que demande un champ.

2.4.7 Visibilité du focus

Par conception. Chaque commande affiche un contour de focus.

2.5.1 Gestes de pointeur

Par conception. Rien n'exige de tracer un parcours ni d'utiliser deux doigts. Les leçons peuvent être glissées dans un nouvel ordre avec une souris, et Réorganiser les leçons fait de même par simples touchers ou au clavier.

2.5.2 Annulation de l'action du pointeur

Par conception. Chaque commande agit au relâchement du pointeur, et non à l'appui.

2.5.3 Étiquette dans le nom

Par conception. Le nom d'une commande contient les mots qu'elle affiche. Une carte a pour nom sa première ligne, et la miniature d'une question dans un rapport affiche son nom au survol et au focus.

2.5.4 Activation par le mouvement

Non applicable. Rien ne réagit au déplacement ni à l'inclinaison de l'appareil.

3.1.1 Langue de la page

Vérifié. Chaque page déclare sa langue, qui suit la langue choisie, ce que l'outil de vérification confirme.

3.1.2 Langue d'un passage

Par conception. Une question et ses options sont déclarées dans la langue dans laquelle elles ont été rédigées, de sorte qu'un lecteur d'écran les lit dans cette langue, même sur un appareil réglé dans une autre langue.

3.2.1 Au focus

Par conception. Placer le focus sur une commande n'ouvre jamais de page, n'envoie rien et ne déplace pas le focus ailleurs.

3.2.2 À la saisie

Par conception. Choisir une option ou saisir du texte n'ouvre jamais de page et n'envoie rien. La réponse d'un étudiant n'est envoyée qu'avec Envoyer la réponse.

3.2.3 Navigation cohérente

Par conception. Le programme de l'application, ainsi que le menu et le pied de page de ce site, apparaissent au même endroit et dans le même ordre sur chaque page.

3.2.4 Identification cohérente

Par conception. Une commande qui fait la même chose porte le même nom partout.

3.3.1 Identification des erreurs

Par conception. Une erreur dit ce qui s'est passé avec des mots, est annoncée, et est associée à son champ lorsqu'elle en a un.

3.3.2 Étiquettes ou instructions

Vérifié. Chaque champ de saisie a une étiquette.

3.3.3 Suggestion après une erreur

Par conception. Une erreur qui a une solution indique laquelle : une question qui ne peut pas être enregistrée énumère ce qu'il faut modifier.

3.3.4 Prévention des erreurs (juridiques, financières, de données)

Par conception. Un achat est passé en revue dans l'écran de paiement de Paddle avant d'être payé. La suppression du compte demande d'abord une confirmation, et se reconnecter avant l'effacement du compte annule la suppression. Les questions et les leçons sont archivées plutôt que supprimées, et un étudiant choisit une réponse avant de l'envoyer.

4.1.1 Analyse syntaxique

Non applicable. La correction apportée en 2023 par le W3C aux WCAG 2.1 considère ce critère comme toujours satisfait en HTML.

4.1.2 Nom, rôle et valeur

Vérifié. Chaque commande a un nom, et indique si elle est sélectionnée.

4.1.3 Messages d'état

Par conception. L'état de la connexion au pupitre et sur la page étudiante, la progression et les erreurs de l'Assistant IA sont annoncés par des régions dynamiques (live regions).

Lacunes connues

Aucun test avec des utilisateurs de technologies d'assistance

Personne n'a encore donné de leçon sur Tapsity en utilisant NVDA, JAWS ou VoiceOver. C'est la principale lacune de cette déclaration de conformité.

Critères partiellement satisfaits

1.4.4 Redimensionnement du texte et 2.2.1 Réglage du délai. La section « Critères évalués » précise ce qui fait défaut.

Questions à zone cliquable

Les questions qui demandent à un étudiant de toucher une zone d'une image ont été retirées plutôt que livrées sans conception accessible. Une question peut toujours afficher une image, et les réponses sont toujours choisies parmi des options.

Signaler un problème

Si une partie de Tapsity ne fonctionne pas pour vous, écrivez à support@tapsity.com en indiquant l'écran et la technologie d'assistance que vous utilisez. Un défaut d'accessibilité est traité comme un défaut du produit, et un étudiant qui ne peut pas répondre à une question est traité comme une panne.