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 or, qui ne dépend pas des réglages par défaut du navigateur.
• Le contraste du texte sur le fond respecte le seuil AA ; les longs textes sont posés sur un panneau sombre plutôt que directement sur le vitrail.
• Si votre système demande de réduire les animations (prefers-reduced-motion), la lueur du fond cesse de respirer et toutes les transitions sont neutralisées.
• Aucune information n'est portée par la couleur seule : les symboles de Casse-Code sont des formes distinctes, les tuiles du Taquin portent leur nombre, les cases de Takuzu affichent 0 ou 1, et chaque île de Ponts affiche son chiffre.
• 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.

Casse-Code

• Tab amène le focus sur la grille d'essais, puis sur la palette des six symboles.
• Les touches 1 à 6 posent un symbole à la position courante, où que se trouve le focus dans la grille ou la palette.
• Retour arrière efface le pion précédent ; Entrée valide la rangée, à condition qu'elle soit complète.
• Chaque rangée jouée s'annonce en toutes lettres : les symboles posés, puis le nombre de pions justes et de pions présents.
• Le verdict est écrit en chiffres et en mots. La couleur des pions ne porte aucune information que la forme ne porte pas déjà.

Taquin

• Les flèches déplacent la tuile qui vient occuper la case vide : ↑ fait monter celle du dessous, ← fait glisser vers la gauche celle de droite.
• Chaque tuile est aussi un bouton : Tab pour circuler, Entrée ou Espace pour la faire glisser si elle touche la case vide.
• L'étiquette d'une tuile donne son nombre, sa ligne, sa colonne, et si elle est déjà bien placée.
• Un coup impossible est annoncé (« Cette tuile ne touche pas la case vide »), il ne se contente pas de ne rien faire.
• Le bouton « Démonstration » est désactivé sur la grille 4 × 4, où nous ne savons pas calculer le chemin optimal assez vite. C'est annoncé par l'attribut disabled, pas seulement par un grisé.

Takuzu

• Chaque case est un bouton : Tab pour circuler, Entrée ou Espace pour faire tourner son contenu entre vide, 1 et 0.
• L'étiquette d'une case donne sa ligne, sa colonne, son chiffre, et précise s'il s'agit d'un indice de départ.
• Les cases de départ portent aria-disabled et restent atteignables au clavier, pour qu'un lecteur d'écran puisse relire la grille en entier.
• La grille annonce après chaque coup le nombre de cases encore vides.
• Les cases fautives sont cerclées de vermillon, et la faute est aussi décelable en relisant la ligne : trois chiffres identiques d'affilée.

Ponts

• Chaque île est un bouton : Tab pour circuler, puis les flèches pour poser, doubler ou retirer le pont dans cette direction.
• Le focus revient sur l'île de départ après chaque coup, pour que la navigation au clavier ne reparte pas du début.
• L'étiquette d'une île donne le nombre de ponts exigés, sa ligne, sa colonne, et le nombre de ponts déjà posés.
• Un pont refusé parce qu'il croiserait un autre pont est annoncé avec sa raison, dans la zone d'état et sous le plateau.
• Les ponts simples et doubles se distinguent par leur épaisseur et leur nombre de traits, pas seulement par leur teinte.

Défi du jour

• La bascule Partie libre / Défi du jour est un groupe de deux boutons ordinaires, atteignables avec Tab et actionnés par Entrée ou Espace. Chacun annonce son état avec aria-pressed.
• Le panneau du défi énonce en toutes lettres la date, la référence ou le minimum, le résultat déjà obtenu s'il y en a un, et la série en cours. Il n'y a rien à deviner à partir d'une couleur ou d'une icône.
• Le bouton Copier mon résultat n'apparaît qu'une fois le défi réussi. S'il échoue, par exemple parce que le navigateur refuse l'accès au presse-papiers, le texte s'affiche dans une zone de texte 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 est décorative et masquée aux lecteurs d'écran.

Limites connues

Le plateau de Ponts n'expose pas la disposition spatiale de l'archipel : un lecteur d'écran peut lire chaque île, ses coordonnées et son compte de ponts, mais rien ne décrit d'un coup quelles îles sont alignées avec quelles autres. Un joueur non voyant doit donc reconstruire la carte de tête. Nous ne savons pas encore comment restituer proprement une carte d'îles, et nous préférons l'écrire ici plutôt que le passer sous silence.

Sur le plateau 11 × 11 de Ponts, affiché sur un téléphone de 390 pixels de large, une île mesure environ 22 pixels de côté. C'est sous le seuil de 24 pixels de la règle « taille de la cible » de WCAG 2.2. Les plateaux 7 × 7 et 9 × 9 le dépassent, et les flèches du clavier restent un chemin complet vers chaque pont. Nous préférons l'écrire ici plutôt qu'invoquer l'exception de présentation essentielle et refermer le dossier.

Sur la grille 10 × 10 de Takuzu, affichée sur le même téléphone, une case mesure une trentaine de pixels de côté : au-dessus du seuil, mais de peu. Les grilles 6 × 6 et 8 × 8 sont nettement plus confortables.

Le Taquin ne propose ni indice ni démonstration sur la grille 4 × 4. Ce n'est pas un choix d'accessibilité mais une limite de calcul, et elle pénalise d'abord ceux qui s'appuient sur ces aides. Le bouton est réellement désactivé plutôt que silencieusement inopérant.

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.