Nous voulons que chaque entraîneur, spectateur et joueur puisse utiliser Eggbeater — quelle que soit sa situation de handicap ou la technologie d'assistance qu'il utilise.
Cette page décrit les fonctionnalités d'accessibilité intégrées à l'application iOS, à l'application Android et à l'interface web sur eggbeater.app, ainsi que la marche à suivre pour signaler un problème.
Conformité WCAG
Eggbeater vise la conformité WCAG 2.1 niveau AA pour l'application iOS, l'application Android et l'interface web sur eggbeater.app. Nous travaillons à corriger les écarts au fur et à mesure qu'ils sont identifiés. Cette déclaration couvre les fonctionnalités publiées en date d'avril 2026.
Fonctionnalités d'accessibilité prises en charge
-
Mode sombreInterface sombre complète avec un sélecteur à trois choix : Clair, Sombre ou suivre la configuration du système. S'applique sans recharger la page. Tous les composants — cartes de partie, fenêtres modales, navigation — sont entièrement stylisés en mode sombre.
-
Texte plus grandToutes les tailles de police utilisent des unités relatives (rem/em) afin de s'adapter à la taille de police définie sur votre appareil. Augmenter la taille du texte dans iOS Réglages → Affichage et luminosité → Taille du texte, ou dans Android Affichage → Taille de la police, est entièrement respecté.
-
Réduction des animationsLorsque « Réduire les animations » est activé dans les réglages du système, toutes les animations et transitions sont supprimées — y compris les points pulsés du pointage en direct, les apparitions glissées des avis, les animations de fenêtres modales et l'indicateur de mise à jour du pointage. La fonctionnalité interactive est conservée.
-
VoiceOver et TalkBack (lecteurs d'écran)L'application est navigable au lecteur d'écran. La barre d'onglets du bas utilise
role="tablist"etaria-selectedpour que VoiceOver annonce l'onglet actif. Les cinq fenêtres modales utilisentrole="dialog"avec piégeage du focus — Tab/Maj-Tab cycle à l'intérieur de la modale et le focus revient à l'élément déclencheur à la fermeture. Les changements de pointage en direct sont annoncés automatiquement via une régionaria-live="polite". Les avis (toasts) sont annoncés comme mises à jour de statut. Tous les boutons à icône uniquement ont des étiquettes descriptives. -
Contrôle vocalChaque élément interactif a un nom accessible unique et descriptif qui correspond à son étiquette visible. Vous pouvez dire « Toucher Calendrier », « Toucher Pointages », « Toucher Historique », « Toucher Plus d'options de navigation », « Toucher Fermer », etc. Les éléments du tiroir Plus (Tableau, Effectif, Réglages, Aide) sont tous atteignables par leur nom.
-
Distinguer sans se reposer sur la couleurL'information n'est jamais transmise par la couleur seule. L'onglet de navigation actif affiche un indicateur de bordure supérieure de 3 px en plus du changement de couleur. L'indicateur de partie en direct utilise
role="img"avec une étiquette accessible (« Partie en direct en cours ») pour qu'il soit annoncé par les lecteurs d'écran. Les pastilles victoire/défaite incluent toujours du texte (« VICTOIRE »/« DÉFAITE »). -
Contraste suffisantLes étiquettes des boutons de navigation respectent WCAG AA (≥ 4,5:1) de contraste sur le fond blanc. Lorsque « Augmenter le contraste » est activé dans les réglages du système (
prefers-contrast: more), le texte secondaire est renforcé jusqu'à environ 11:1, les fonds des pastilles de résultat passent à des couleurs sombres pleines, et l'indicateur de navigation est épaissi pour plus de clarté. -
Sous-titresNon applicable — Eggbeater ne contient ni vidéo ni audio.
-
AudiodescriptionsNon applicable — Eggbeater ne contient pas de contenu vidéo.
Comment activer les fonctionnalités d'accessibilité
Mode sombre
Ouvrez l'app → touchez Plus → Réglages → Apparence. Choisissez Clair, Sombre ou Système. L'option Système suit les réglages d'affichage de votre appareil.
Texte plus grand (iOS)
Allez à Réglages → Affichage et luminosité → Taille du texte et faites glisser le curseur. L'app respecte toutes les tailles Dynamic Type.
Texte plus grand (Android)
Allez à Paramètres → Affichage → Taille et style de police et augmentez la taille. L'app utilise des tailles de police relatives partout.
VoiceOver (iOS)
Triple clic sur le bouton latéral, ou allez à Réglages → Accessibilité → VoiceOver et activez-le. Glissez à droite/gauche pour passer d'un élément à l'autre, double tape pour activer.
TalkBack (Android)
Allez à Paramètres → Accessibilité → TalkBack et activez-le. Glissez à droite/gauche pour naviguer, double tape pour activer.
Contrôle vocal (iOS)
Allez à Réglages → Accessibilité → Contrôle vocal et activez-le. Dites le nom de n'importe quel bouton pour l'activer — tous les boutons d'Eggbeater ont des noms descriptifs.
Réduire les animations
iOS : Réglages → Accessibilité → Mouvement → Réduire les animations.
Android : Paramètres → Accessibilité → Supprimer les animations.
Augmenter le contraste
iOS : Réglages → Accessibilité → Affichage et taille du texte → Augmenter le contraste.
Android : Paramètres → Accessibilité → Couleur et mouvement → Texte à contraste élevé.
Signaler un problème d'accessibilité
Si vous rencontrez un obstacle — quelque chose qui vous empêche d'utiliser une partie de l'app — faites-le-nous savoir. Nous visons à répondre dans les 2 jours ouvrables et à corriger les problèmes confirmés dans la prochaine mise à jour de l'app.
Vous pouvez aussi proposer des améliorations, même si vous n'êtes pas bloqué — vos commentaires nous aident à prioriser les travaux d'accessibilité à venir.
Écrire à hello@eggbeater.app