Accessibilité
Si ce site t'a bloqué, c'est un défaut avec une date limite.
Ceci est une déclaration de ce que nous faisons, de la manière dont chaque affirmation est testée et de la façon de signaler un obstacle. Chaque objectif ci dessous est vérifié par un contrôle qui bloque une fusion ou bloque une version, et ce contrôle est imprimé à côté de l'objectif qu'il couvre.
Les barres que nous nous imposons
| Domaine | Objectif | Comment c'est vérifié |
|---|---|---|
| Site et applications en général | WCAG 2.2 niveau AA | Analyse automatisée sur chaque pull request, qui bloque la fusion |
| Textes critiques de l'achat | WCAG 2.2 niveau AAA pour le contraste et le niveau de lecture | Contraste de 7 pour 1, niveau de lecture vérifié à chaque changement de texte |
| Mise à l'échelle du texte | 200 pour cent sans troncature ni chevauchement | Tests de mise en page à 100, 150 et 200 pour cent sur trois largeurs d'écran |
| Clavier | Toute fonction atteignable, focus toujours visible | Un passage manuel dans chaque parcours d'achat et d'installation à chaque version |
| Lecteurs d'écran | Parcours complets sur VoiceOver, TalkBack et NVDA | Un audit annuel avec des personnes utilisant des technologies d'assistance, pas seulement des outils |
| Mouvement | Mouvement réduit respecté, rien qui bouge plus de cinq secondes | Un test de requête de préférence dans la suite automatisée |
| Droite à gauche | Mises en page en miroir pour l'arabe, l'hébreu, le persan et l'ourdou | Relues par des locuteurs natifs à chaque version qui touche la mise en page |
| Hors ligne | Profil, solde, détails du forfait et étapes d'installation sans connexion | Un passage en mode avion avant chaque version de l'application |
Quand une vérification est automatisée, elle bloque une fusion. Quand elle est manuelle, elle bloque une version. Aucune des deux n'est indicative.
Texte, contraste et couleur
Le texte courant respecte un rapport de contraste de 4,5 pour 1 au minimum, et les textes critiques de l'achat atteignent 7 pour 1.
La couleur ne porte jamais le sens à elle seule. Un niveau de couverture est une étiquette en plus d'une couleur. Une erreur est un mot en plus d'une bordure rouge. Un forfait épuisé le dit en toutes lettres au lieu de simplement griser. Cette règle compte surtout sur les pages où l'argent change de mains.
Le texte dynamique monte jusqu'à 200 pour cent. Rien sur le site n'est construit avec des hauteurs fixes qui coupent aux grandes tailles, et les tableaux défilent horizontalement dans leur propre conteneur au lieu de pousser la page de côté.
Le seuil d'usage raisonnable sur le bouton d'achat reste lisible à toutes les tailles. Si tu utilises une taille de police du navigateur ou du système plus grande que la valeur par défaut, le site la respecte au lieu de l'écraser.
Clavier, focus et lecteurs d'écran
Chaque fonction a un chemin au clavier. La liste ci dessous est la norme que nous testons à chaque version, pas une description de nos intentions.
- Un lien d'évitement vers le contenu est le premier élément de l'ordre de tabulation sur chaque page
- Les indicateurs de focus sont visibles sur tous les fonds que nous utilisons et respectent les règles d'apparence du focus de WCAG 2.2
- Les boîtes de dialogue retiennent le focus tant qu'elles sont ouvertes, le rendent au déclencheur à la fermeture et se ferment avec la touche échap
- Les erreurs de formulaire sont annoncées, associées à leur champ, et décrivent la correction et non seulement le défaut
- Chaque image porteuse de sens a un texte alternatif, et les images décoratives sont masquées aux technologies d'assistance
- Les schémas sont des graphiques vectoriels en ligne avec un rôle et un libellé, donc le mécanisme est décrit plutôt qu'annoncé comme une image
- Les titres forment une vraie hiérarchie, donc la navigation par titres te fait traverser une page pays en quelques secondes
Mouvement
La préférence de mouvement réduit est respectée sur tout le site et dans les deux applications.
Le motif de la marque est dessiné en vectoriel avec des images clés dans la feuille de style plutôt que via un moteur d'animation. Il s'arrête complètement au lieu de rester à moitié animé, et il coûte quelques centaines d'octets plutôt qu'un quart de mégaoctet de code.
Rien ne se lance tout seul avec du son, rien ne clignote plus de trois fois par seconde, et rien ne bouge plus de cinq secondes sans un contrôle pour l'arrêter.
Droite à gauche, pour de vrai
L'arabe, l'hébreu, le persan et l'ourdou s'écrivent de droite à gauche et nous les traitons comme des mises en page plutôt que comme des traductions.
La navigation, les indicateurs de progression, les icônes directionnelles, l'ordre de lecture des tableaux, le déroulé des formulaires et le sens des étapes d'installation sont tous mis en miroir. Les chiffres, les noms de produits en alphabet latin et les valeurs de vitesse se placent correctement dans la phrase, parce que le texte est traité de façon bidirectionnelle et non retourné.
C'est important commercialement autant qu'éthiquement. Le seuil de bridage, la règle de remboursement et le seuil d'usage raisonnable sont les phrases les plus susceptibles d'être mal lues, et une mise en page droite à gauche cassée est exactement l'endroit où une personne cesse de faire confiance à une page.
Douze langues sont en ligne aujourd'hui et chacune porte les mêmes chiffres aux mêmes endroits.
Le hors ligne est un besoin d'accès
Testé avant chaque version
Ces quatre contrôles tournent sur de vraies technologies d'assistance et pas seulement sur un scanner, chacun a un responsable nommé dans le dépôt, et chacun bloque une version quand il échoue.
- VoiceOver, TalkBack et NVDA parcourent les parcours complets d'achat et d'installation, avec un audit annuel mené par des personnes qui s'en servent tous les jours
- Les écrans hors ligne sont vérifiés en mode avion avant chaque version de l'application, parce que c'est l'état pour lequel ils ont été conçus
- Les textes de paiement et de remboursement sont relus à 200 pour cent sur écran étroit avant publication, parce que c'est là que de l'argent est en jeu
- Le persan et l'ourdou portent l'intégralité des contenus d'aide et juridiques, et des locuteurs natifs relisent chaque version qui touche la mise en page
Signale un obstacle
Écris à accessibility at orbislo.com. Indique la page, l'appareil, la technologie d'assistance et ce qui s'est passé.
Une personne répond sous deux jours ouvrés avec une gravité et une date cible. Tout ce qui bloque un achat, une installation ou un remboursement est traité comme un incident de production et non comme une ligne de backlog.
Tu ne déposes pas un avis. Tu déposes un bug, et nous le traiterons ainsi.