Aller au contenu principal
Politique

Accessibilité

Une déclaration digne d’être lue est celle qui nomme les problèmes. Celle-ci le fait, tout en précisant les normes que nous suivons et la manière de signaler ce que nous avons oublié.

  • WCAG 2.2 AA comme objectif
  • Contraste mesuré, pas jugé
  • Lacunes connues répertoriées

Notre position

Nous développons ce site conformément au niveau AA des WCAG 2.2 et nous le vérifions au lieu de le supposer : le contraste est mesuré par rapport à la couleur sur laquelle chaque élément est effectivement affiché, et tout échec bloque la mise en production. Il ne s’agit pas d’un objectif que nous annonçons avant de le réexaminer chaque année : cette vérification est effectuée à chaque mise à jour.

Il ne s’agit pas d’une déclaration de conformité totale. Les lacunes connues sont indiquées ci-dessous au lieu d’être omises. Si un élément de ce site ou de l’app vous est inutilisable, écrivez à [email protected] avec pour objet Accessibility et expliquez-nous ce qui s’est passé : votre message sera traité comme un signalement de défaut, et non comme un simple retour.

En vigueur depuis

Ce qui est intégré

  • Chaque page fonctionne sans JavaScript. Rien n'est masqué par défaut pour être ensuite affiché par un script : une page dont le script a échoué, soumise à un bloqueur de contenu strict ou consultée avec un client texte seul affiche donc toujours son contenu. Les éléments interactifs sont des améliorations apportées à des pages qui fonctionnent déjà.
  • Le contraste est mesuré par rapport à l'arrière-plan réellement affiché, en identifiant pour chaque élément le premier ancêtre opaque situé derrière lui, plutôt qu'en l'évaluant à l'œil par rapport à une couleur supposée. Le texte courant de ce site était autrefois à 4.49:1 — en dessous du niveau AA tout en paraissant parfaitement lisible — et seule une mesure a permis de le détecter.
  • Un lien d'évitement et un focus visible. Chaque page s'ouvre sur un lien permettant d'accéder directement au contenu, et chaque élément interactif dispose d'un indicateur de focus visible, au lieu de supprimer le contour pour des raisons esthétiques.
  • Une structure sémantique. Un seul h1 par page, des titres dans l'ordre sans niveaux sautés, de vraies listes, des tableaux avec des cellules d'en-tête et des légendes appropriées, ainsi que des repères qu'un lecteur d'écran peut parcourir.
  • Les animations respectent le réglage du système. Chaque animation est désactivée lorsque prefers-reduced-motion est activé, et le contenu est visible immédiatement au lieu d'attendre une animation d'apparition.
  • Le texte peut être agrandi. Les mises en page utilisent des unités relatives et se réorganisent au lieu de se casser ou de défiler horizontalement lorsque le texte est agrandi ou que la fenêtre est étroite.
  • Un texte alternatif pertinent, et un attribut alt volontairement vide pour une image placée dans un lien qui contient déjà son propre texte : une description à cet endroit ferait annoncer deux fois la même chose par un lecteur d'écran.

Lacunes connues

Cette section justifie à elle seule la publication de cette page. Chaque point est réel, nous le connaissons, et aucun n'est présenté ici comme résolu.

Le site est publié en trente langues et n'a pas été testé avec un lecteur d'écran dans chacune d'elles. Les tests ont été effectués en anglais. La prononciation et l'ordre de lecture dans les langues qui s'écrivent de droite à gauche, ainsi que dans les écritures pour lesquelles nos polices d'affichage ne couvrent aucun caractère et où la police de la plateforme prend le relais, n'ont pas été vérifiés avec des technologies d'assistance.

Nos deux polices couvrent uniquement l'alphabet latin. Le cyrillique, le devanagari, le géorgien, le thaï, l'arabe, l'hébreu, le bengali, l'éthiopien et les écritures CJK utilisent les polices intégrées à la plateforme. C'est généralement une bonne chose pour la lisibilité, mais cela signifie que nous ne contrôlons pas dans ces langues les détails typographiques que nous maîtrisons en anglais — le poids, l'espacement, la taille à partir de laquelle un petit texte cesse d'être suffisamment petit.

Certains éléments interactifs sont récents et moins testés. La matrice de comparaison et le filtre de recherche de l'aide actualisent les lignes sur place, ce qui est le bon modèle, mais l'annonce à un lecteur d'écran du nombre de résultats modifié a été implémentée sans encore avoir été testée auprès d'utilisateurs.

La même exigence s'applique à l'app, qui est toutefois auditée moins souvent que le site. Elle prend en charge le redimensionnement du texte et le lecteur d'écran de la plateforme, qui font l'essentiel du travail, mais nous n'effectuons actuellement pas d'audit formel de l'accessibilité à chaque version.

Aucun audit formel par un tiers n'a été réalisé sur le site ou sur l'app. Nous préférons le dire plutôt que de laisser entendre que nous détenons une certification que nous n'avons pas.

L'app, et un point important à connaître

L'app Telvio s'appuie sur les fonctions d'accessibilité du système d'exploitation sur lequel elle fonctionne : VoiceOver et Dynamic Type sur iOS, TalkBack et le redimensionnement des polices sur Android. Elles couvrent l'essentiel de ce qui compte dans une app dont l'interface se résume à un clavier, un solde et une liste de tarifs.

Une décision de conception mérite d'être mentionnée comme une caractéristique d'accessibilité plutôt que comme une fonctionnalité. Comme l'app ne nécessite aucun compte, il n'y a ni formulaire d'inscription, ni mot de passe à saisir, ni étape de vérification de l'adresse e-mail, ni code à récupérer dans un message : toute cette catégorie d'interactions qui met le plus souvent en difficulté les personnes utilisant des technologies d'assistance, ou toute personne pour qui les formulaires sont difficiles, n'existe tout simplement pas. Installez, composez, parlez.

La limitation correspondante se trouve au même endroit que tout le reste : l'app ne peut pas appeler les services d'urgence, comme indiqué dans la page appels d'urgence. Si quelqu'un installe cette app pour un proche — un cas fréquent, notamment pour les personnes âgées qui appellent leur famille à l'étranger — c'est la chose la plus importante à lui expliquer à ce moment-là.

Nous signaler un problème

Envoyez un e-mail à [email protected] avec pour objet Accessibility. Informations utiles : la page ou l'écran concerné, ce que vous essayiez de faire, la technologie d'assistance que vous utilisiez, avec sa version, et ce qui s'est produit à la place. Rien de tout cela n'est obligatoire : une phrase comme “Je ne peux pas utiliser le tableau des tarifs avec un lecteur d'écran” constitue un très bon signalement, et nous préférons en recevoir un plutôt que rien.

Nous nous efforçons de répondre sous cinq jours ouvrés en indiquant notre évaluation et, lorsque nous reconnaissons l'existence d'un problème, un délai approximatif. Les problèmes qui empêchent quelqu'un d'accomplir une tâche sont traités avant les autres ; ceux qui la rendent plus difficile sont planifiés honnêtement plutôt que promis de manière vague.

Si vous êtes dans l'Union européenne et pensez qu'une obligation d'accessibilité n'est pas respectée, vous pouvez également saisir l'organisme national compétent chargé de son application. Nous préférerions que vous vous adressiez d'abord à nous, et nous vous répondrons dans tous les cas.

Comment les vérifications sont réellement effectuées

Deux points méritent d'être décrits, car ils font la différence entre une déclaration et une pratique.

Le contraste est calculé sur ce qui est affiché, pas analysé dans le code. Une valeur de couleur lue dans une feuille de style indique ce qu'un élément devait être, pas l'apparence qu'il a finalement — un élément semi-transparent au-dessus d'une bande sombre, une fonction de couleur moderne qu'une expression régulière ne comprend pas, un en-tête fixe au-dessus d'une image de couverture. La vérification restitue l'arrière-plan réel de chaque élément en remontant jusqu'au premier ancêtre opaque et en calculant la couleur via le navigateur lui-même, puis calcule le ratio. Elle a détecté du texte courant sur ce site à 4.49:1, ce qui est inférieur au niveau AA tout en paraissant parfaitement normal lorsqu'on le regarde isolément.

La page est vérifiée telle qu'elle est affichée, et non telle qu'elle est écrite. Une sonde distincte charge chaque page dans un vrai navigateur et vérifie si du texte visible dans la fenêtre a une opacité nulle, si le document défile horizontalement et si un élément est affiché dans la même couleur que son propre arrière-plan. Ce dernier cas peut sembler absurde jusqu'au jour où il arrive en production : une seule règle CSS groupée a un jour défini la couleur et l'arrière-plan d'un libellé avec la même valeur, produisant un ratio de contraste de 1:1, invisible dans le code, invisible dans le DOM et invisible dans une capture d'écran de la source.

Les choix que nous avons faits délibérément

  • Aucun mouvement sans autorisation. Les animations au défilement sont activées uniquement par un script qui vérifie d'abord que l'utilisateur souhaite des mouvements ; une personne ayant activé la réduction des mouvements voit donc le contenu immédiatement et ne le voit jamais apparaître progressivement.
  • Aucun contenu derrière JavaScript. Rien n'est rendu invisible dans le code. C'est autant une décision d'accessibilité que de performance : une page qui dépend d'un script pour devenir visible est une page qui échoue pour toutes les personnes auprès desquelles le script échoue.
  • Des mots plutôt que des icônes dans les données. Les tableaux de comparaison indiquent “Oui”, “Aucun” et “Arrondi à la hausse” plutôt que d'utiliser des coches et des croix, car une coche est ambiguë lorsqu'elle est annoncée et invisible lorsqu'elle est copiée.
  • Un attribut alt vide lorsqu'une description ferait doublon. Une image placée dans un lien qui contient déjà son propre texte reçoit alt="", afin qu'un lecteur d'écran annonce la destination une seule fois au lieu de deux.
  • Les tableaux larges défilent dans leur propre cadre au lieu de repousser la page horizontalement, afin qu'un téléphone n'ait jamais besoin de défiler latéralement pour lire un paragraphe.

En résumé

Nous concevons nos produits selon les normes WCAG 2.2 AA et les vérifions à chaque mise à jour, en mesurant le contraste sur l’arrière-plan réellement affiché plutôt qu’en nous basant sur des suppositions. Cela ne constitue pas une déclaration de conformité complète.

Limites connues : les tests avec un lecteur d’écran ont été effectués uniquement en anglais sur trente langues, nos polices couvrent uniquement l’alphabet latin et les autres systèmes d’écriture utilisent les polices de la plateforme par défaut, les éléments interactifs les plus récents ont été moins testés et aucun audit indépendant n’a été réalisé.

Signalez tout élément inutilisable à [email protected] en indiquant Accessibilité comme objet. Le signalement est traité comme un rapport de défaut, et les problèmes qui empêchent d’accomplir une tâche sont corrigés avant les autres.

Questions fréquentes

Quelle norme d’accessibilité Telvio suit-il ?

Le site vise le niveau AA des WCAG 2.2, avec une vérification à chaque mise en production plutôt qu’un examen périodique. Le contraste est mesuré par rapport à l’arrière-plan sur lequel chaque élément est effectivement affiché, et tout échec bloque la mise en production. La conformité totale n’est pas revendiquée.

Le site web Telvio fonctionne-t-il sans JavaScript ?

Oui. Aucun contenu n’est masqué par défaut pour être ensuite affiché par un script : chaque page présente son contenu lorsque JavaScript est désactivé ou bloqué. Les fonctionnalités interactives, comme les filtres de comparaison, viennent améliorer des pages qui fonctionnent déjà.

Telvio a-t-il fait l’objet d’un audit d’accessibilité ?

Aucun audit réalisé par un tiers n’a été effectué sur le site web ou l’app. Des vérifications automatisées et manuelles sont réalisées à chaque mise en production du site, et cette déclaration présente les lacunes connues au lieu de les omettre.

L’app Telvio est-elle accessible avec un lecteur d’écran ?

L’app s’appuie sur les fonctionnalités d’accessibilité propres à chaque plateforme : VoiceOver et Dynamic Type sur iOS, TalkBack et la mise à l’échelle des polices sur Android. Elle est auditée moins souvent que le site web, et aucun audit d’accessibilité formel n’est réalisé à chaque mise en production.

Comment signaler un problème d’accessibilité ?

Envoyez un e-mail à [email protected] avec pour objet Accessibility, en indiquant la page ou l’écran concerné, ce que vous cherchiez à faire et ce qui s’est passé. La technologie d’assistance utilisée et sa version peuvent être utiles, mais elles ne sont pas nécessaires. Nous nous efforçons de répondre sous cinq jours ouvrés.

Pourquoi le site utilise-t-il une police différente dans ma langue ?

Les deux caractères typographiques utilisés pour concevoir le site couvrent uniquement l’alphabet latin. Pour le cyrillique, le devanagari, le géorgien, le thaï, l’arabe, l’hébreu, le bengali, l’éthiopien et les écritures CJK, le site utilise les polices propres à la plateforme. La lisibilité est généralement meilleure, mais les détails typographiques de ces variantes linguistiques ne sont alors pas sous notre contrôle.

1 minute gratuiteSans compte ni carteAppeler gratuitement