Accessibilité

Nous visons le niveau AA des règles WCAG 2.2. Cette page ne se contente pas de l'annoncer : elle énumère les touches de chaque jeu, une par une, et dit ce qui ne va pas encore.

Ce qui vaut pour tout le site

• Un lien « Aller au contenu principal » apparaît à la première tabulation.
• Tout élément interactif possède un état de survol et un contour de focus visible, en bordeaux, qui ne dépend pas des réglages par défaut du navigateur.
• Le contraste du texte sur le papier crème respecte le seuil AA. L'encre brun-noir sur crème dépasse 12:1.
• Si votre système demande de réduire les animations (prefers-reduced-motion), le lent glissement du fond s'arrête et toutes les transitions sont neutralisées.
• Aucune information n'est portée par la couleur seule : dans Mot secret, chaque case porte un symbole (✓, ◐ ou ·) en plus de sa couleur ; dans Le Cadenas, les crans fermés changent de forme ; dans Mots mêlés, les mots trouvés sont barrés dans la liste.
• Chaque jeu possède une zone d'état en aria-live qui annonce le coup joué et la situation courante, pas seulement le résultat final.

Mots mêlés

• La grille utilise un focus glissant : une seule case est dans l'ordre de tabulation, les flèches déplacent le curseur de case en case.
• Entrée choisit la case : la première fois la lettre de départ, la seconde fois la lettre d'arrivée.
• Échap annule une sélection commencée.
• Chaque case s'annonce par sa ligne, sa colonne et sa lettre. Un mot trouvé est annoncé par son nom accentué et par le compte des mots restants.
• Une sélection qui ne suit ni ligne, ni colonne, ni diagonale est annoncée comme telle, et non ignorée en silence.

Le Cadenas

• Les vingt-six touches sont de vrais boutons, atteignables avec Tab et actionnés par Entrée ou Espace.
• Vous pouvez aussi taper la lettre directement au clavier, sans placer le focus nulle part.
• Une lettre déjà proposée voit sa touche désactivée : le lecteur d'écran l'annonce comme indisponible.
• Le cadenas est exposé comme une image avec une étiquette qui donne le nombre de crans fermés sur six. Le nombre est aussi écrit dans le bandeau, en chiffres.
• Le mot masqué est annoncé lettre par lettre, les cases vides étant lues « blanc ».

Anagrammes

• Le champ de saisie porte une étiquette visible pour les lecteurs d'écran et une aide décrite par aria-describedby.
• Entrée valide sans quitter le champ ; le bouton « Valider » fait exactement la même chose.
• Les tuiles sont exposées comme une image dont l'étiquette énumère les lettres, dans l'ordre affiché.
• Une proposition qui utilise les bonnes lettres sans être le bon mot est annoncée différemment d'une proposition aux mauvaises lettres.
• Le bouton « Remélanger » annonce qu'il a redistribué les tuiles.

Mot secret

• Les vingt-six touches sont de vrais boutons ; Retour arrière efface, Entrée valide.
• Chaque case remplie porte une étiquette qui dit la lettre et son état en toutes lettres : « bien placée », « mal placée » ou « absente ».
• Après chaque essai, la zone d'état énumère les cinq lettres et leur état, dans l'ordre.
• La première lettre du mot est affichée dans le bandeau, en texte, pas seulement suggérée.
• Les touches du clavier à l'écran reprennent l'état le plus favorable connu pour chaque lettre.

Défi du jour

• La bascule Partie libre / Défi du jour est un groupe de deux boutons ordinaires, atteignables avec Tab. Chacun annonce son état avec aria-pressed.
• Le panneau du défi énonce en toutes lettres la date, le résultat déjà obtenu s'il y en a un, et la série en cours.
• Le bouton Copier mon résultat n'apparaît qu'une fois le défi réussi. S'il échoue, le texte s'affiche dans une zone que le clavier peut sélectionner, et une zone aria-live annonce ce qui vient de se passer.
• Sur la page d'accueil, chaque jeu du défi du jour porte une étiquette qui dit s'il est réussi et avec quel résultat ; la coche verte est décorative et masquée aux lecteurs d'écran.

Limites connues

La grille de Mots mêlés est une grille de boutons, et un lecteur d'écran doit la parcourir case par case pour repérer un mot. C'est fastidieux. Un jeu de recherche visuelle reste, par nature, un jeu visuel ; nous n'avons pas trouvé de restitution honnête qui n'équivaille pas à donner la réponse. Les trois autres jeux, eux, se jouent entièrement à l'oreille.

Sur la grille 11 × 11 affichée sur un téléphone de 390 pixels de large, une case mesure environ 28 pixels de côté. C'est au-dessus du seuil de 24 pixels de la règle « taille de la cible » de WCAG 2.2, mais de peu.

Signaler un problème

Si une partie du site vous bloque, écrivez à [email protected] en indiquant votre navigateur et votre technologie d'assistance. Les problèmes d'accessibilité passent devant le reste.

Dernière mise à jour : 10 juillet 2026.