Accessibilité ♿

téo s'engage à rendre son interface accessible au plus grand nombre. L'application est améliorée en continu en prenant pour référence les WCAG 2.2 niveau AA et les bonnes pratiques d'accessibilité web. Cette page décrit les mécanismes disponibles ; elle ne constitue pas une déclaration formelle de conformité.

Accessibilité de ce centre d'aide

Le centre d'aide est distinct de l'application téo. Il propose notamment :

• un lien d'évitement vers le contenu principal ;
• une navigation au clavier ;
• des titres hiérarchisés et des liens descriptifs ;
• un contraste adapté aux modes clair et sombre ;
• une réduction des animations selon la préférence du système.

Si vous rencontrez un obstacle dans la documentation, contactez le service client en indiquant la page et la technologie d'assistance utilisées.

Navigation au clavier

Accès rapide au contenu

Au chargement de chaque page, un lien "Aller au contenu principal" apparaît lorsque vous appuyez sur Tab. Ce lien permet de sauter directement au contenu sans parcourir tout le menu de navigation.

Raccourcis clavier par composant

Composant	Touches	Action
Boutons et actions	Enter, Espace	Activer le bouton
Menu latéral	Enter, Espace	Ouvrir/fermer les catégories
Filtres	Enter, Espace	Afficher ou masquer les filtres
Sélecteur multi-choix	Flèches ↑↓, Enter, Échap	Naviguer, sélectionner, fermer
Étiquettes +N	Enter, Espace	Afficher toutes les étiquettes, ou Réduire
Recherche SIRENE	Flèches ↑↓, Enter, Échap	Parcourir les résultats, sélectionner
Calendrier	Enter	Chevrons Mois précédent / Mois suivant, choisir un jour
Volets latéraux	Échap	Fermer le panneau au premier plan (croix Fermer : Enter, Espace)
Agenda	Enter, Espace	Ouvrir une séance
Info-bulles	Tab, Échap	L'info-bulle s'affiche au focus, comme au survol. Échap la ferme.

Fermer un volet

Échap ferme le panneau au premier plan, comme la croix Fermer. Vous pouvez l'utiliser même si le curseur est dans un champ.

Si plusieurs panneaux sont empilés, Échap n'en ferme qu'un : une fenêtre centrée d'abord, puis le second volet, puis le volet principal. Le panneau d'Aide d'un champ et Nouveautés téo se ferment de la même façon.

Navigation complète au clavier

Vous pouvez naviguer dans téo entièrement au clavier en utilisant Tab (élément suivant), Shift+Tab (élément précédent), Enter/Espace (activer) et Échap (fermer). Détail : Fermer un volet.

Lecteurs d'écran

téo utilise les attributs ARIA (Accessible Rich Internet Applications) pour communiquer avec les lecteurs d'écran :

Éléments pris en charge

Fonctionnalité	Support
Labels des boutons	Chaque bouton icône a un libellé textuel (aria-label) lisible par le lecteur d'écran
Icônes décoratives	Masquées pour les lecteurs d'écran (aria-hidden) pour ne pas polluer la lecture
État des éléments	Filtres, menus et panneaux indiquent leur état ouvert/fermé (aria-expanded)
Zones d'annonce	Les changements importants (agenda, signature, réponse de l'assistant téo prête) sont annoncés automatiquement (aria-live)
Liste en cours de filtrage	La zone de résultats est signalée occupée pendant l'actualisation ; les champs de filtre restent utilisables
Étiquettes masquées	Le bouton +N a un libellé du type « Afficher N de plus » ; l'info-bulle liste les valeurs masquées
Cartes	En affichage cartes, chaque valeur est précédée du nom de colonne, lu par le lecteur d'écran
Textes masqués	Des informations contextuelles invisibles à l'écran sont lues par le lecteur d'écran (confidentialité, distanciel, nombre de filtres actifs...)
Rôles sémantiques	Les dialogues, menus, listes déroulantes et zones de contenu ont des rôles explicites (role="dialog", role="main", etc.)

Lecteurs d'écran compatibles

téo a été testé et optimisé pour les lecteurs d'écran les plus courants :

• NVDA (Windows, gratuit)
• JAWS (Windows)
• VoiceOver (macOS, iOS)

Contraste et lisibilité

Conformité WCAG AA

Les couleurs de téo respectent les ratios de contraste WCAG AA :

• Texte normal : ratio minimum de 4.5:1
• Texte grand : ratio minimum de 3:1
• Éléments interactifs : ratio minimum de 3:1

Focus visible

Lorsque vous naviguez au clavier, l'élément actif est mis en évidence par un contour visuel clair, afin de toujours savoir où vous vous trouvez dans la page.

Apparence (clair / sombre)

Le thème de téo se choisit dans le volet de votre compte :

1. Cliquez sur votre avatar (ou vos initiales) en haut à droite
2. Dans Apparence, choisissez Clair, Sombre ou Automatique

Automatique suit le mode du système. Le réglage n'est conservé que sur cet appareil et ce navigateur, pas dans votre compte. Sombre porte le badge Bêta : certains écrans peuvent rester clairs.

Réduction du mouvement

Si vous avez activé l'option "Réduire les animations" dans les préférences de votre système d'exploitation, téo respecte ce choix et désactive les transitions et animations.

Système	Où activer
Windows	Paramètres > Accessibilité > Effets visuels > Effets d'animation
macOS	Préférences Système > Accessibilité > Affichage > Réduire les animations
iOS	Réglages > Accessibilité > Mouvement > Réduire les animations
Android	Paramètres > Accessibilité > Supprimer les animations

Bonnes pratiques pour les utilisateurs

Zoom navigateur

Vous pouvez agrandir l'interface avec le zoom de votre navigateur (Ctrl + / Cmd +) sans perte de fonctionnalité. téo s'adapte automatiquement.

Couleurs et contraste

Le thème se choisit dans Apparence. Les couleurs respectent les ratios WCAG AA, y compris en mode sombre : l'agenda (jour, semaine, mois) suit le thème ; titres et horaires des séances restent lisibles. Certaines couleurs (catégories et actions, étiquettes…) sont définies par votre structure : si l'une d'elles vous semble peu lisible, signalez-le à votre administrateur.

Signaler un problème d'accessibilité

Si vous rencontrez une difficulté d'accessibilité dans téo :

1. Notez le composant ou la page concernée
2. Décrivez le problème (navigation clavier impossible, texte illisible, élément non annoncé par le lecteur d'écran...)
3. Signalez-le via le service client