Nous voulons que tout le monde puisse utiliser ce site. Voici où il en est aujourd'hui, y compris ce qui n'est pas encore à la hauteur. Si quelque chose vous gêne, dites-le-nous : la dernière section explique comment.
- Norme
- WCAG 2.2, niveau AA
- État de conformité
- Partiellement conforme
- Dernière révision
Ce que couvre cette déclaration
Cette déclaration couvre hex.pro : les pages sur l'entreprise et ce que nous créons, la page des services, le formulaire de contact, le blog et la politique de confidentialité. Elle ne couvre pas l'espace de rédaction auquel se connecte notre propre personnel, nos autres sites web, ni nos applications et nos jeux, qui fonctionnent sur vos propres appareils.
La norme que nous visons
Nous visons à respecter les Règles pour l'accessibilité des contenus Web (WCAG) 2.2 au niveau AA, publiées par le World Wide Web Consortium (W3C).
Partiellement conforme signifie que nous ne pouvons pas encore affirmer que chaque partie du site respecte la norme. Nos vérifications automatisées ne signalent aucun échec sur les pages qu'elles couvrent, mais elles ne couvrent pas encore le blog, nous n'avons pas testé le site avec un lecteur d'écran, et une vérification sur nos formulaires est effectuée par une autre entreprise. Les limites dont nous avons connaissance sont listées plus bas, avec les tests qu'il nous reste à faire.
Ce que le site propose
Réglages d'affichage
Le bouton Affichage, en haut de chaque page, ouvre ces réglages ; sur les petits écrans, il se trouve dans le menu. Chacun s'applique immédiatement et est enregistré dans ce navigateur, pour ce site uniquement. Rien de ce que vous choisissez n'est envoyé, ni à nous ni à qui que ce soit.
- Suspendre les animations
- Arrête les animations sur chaque page, et fige les scènes animées derrière les titres de page sur l'image où elles en étaient.
- Arrière-plan uni
- Supprime les scènes derrière les titres de page, qui ne sont alors plus dessinées du tout, et laisse un arrière-plan sombre uni.
- Augmenter le contraste
- Rend le texte secondaire plus lumineux, les contours des champs et des boutons plus nets, les contours de focus plus épais et la barre en haut de la page opaque.
- Réduire la transparence
- Rend opaques la barre en haut de la page et les autres surfaces translucides, et cesse de flouter la page derrière la boîte de dialogue de la page des services.
- Taille du texte
- Agrandit le texte, en trois paliers jusqu'à une fois et demie la taille habituelle.
- Police lisible
- Affiche le texte en Atkinson Hyperlegible, une police dont les lettres sont difficiles à confondre les unes avec les autres, partout sauf dans le logo.
- Souligner les liens
- Souligne les liens dans le texte et les listes, pour qu'ils ne se distinguent pas uniquement par la couleur ; les boutons et les cartes gardent leur propre apparence.
Quand votre appareil demande déjà de réduire les animations, d'augmenter le contraste ou de réduire la transparence, l'interrupteur correspondant apparaît activé, avec une note qui en explique la raison.
Réglages de votre appareil
Le site suit aussi ces réglages de votre appareil ou de votre navigateur, sans rien à changer ici :
- Réduire les animations : les animations s'arrêtent, et chaque scène animée affiche une seule image fixe.
- Augmenter le contraste : le site utilise ses couleurs plus contrastées et une barre opaque en haut de la page, comme le fait le réglage Augmenter le contraste.
- Réduire la transparence : la barre en haut de la page et les autres surfaces translucides deviennent opaques, comme avec Réduire la transparence.
- Couleurs forcées, comme les thèmes de contraste de Windows : le site adopte vos couleurs, les scènes derrière les titres de page sont masquées, et les interrupteurs des réglages d'affichage sont dessinés comme les cases à cocher de votre propre système.
Langue
Le site existe dans les langues suivantes, chacune indiquée ici par son propre nom :
- English
- 中文
- العربية
- Español
- 日本語
- Français
- Português (BR)
Le menu Langue, en haut de chaque page, les liste de la même façon. Chaque langue a sa propre adresse, si bien qu'un lien que vous partagez s'ouvre dans la langue que vous lisiez.
Si votre navigateur demande une autre de ces langues, une petite notification peut proposer de changer, une seule fois. Elle ne change jamais la langue à votre place.
Clavier et zoom
- Sur chaque page, le premier appui sur la touche Tab affiche un lien Aller au contenu, qui saute la navigation pour aller directement au contenu de la page.
- Les liens, les boutons et les autres commandes sont entourés d'un contour tant qu'ils ont le focus clavier.
- Les menus, les panneaux et la boîte de dialogue de la page des services se ferment avec la touche Échap, et le focus revient au bouton qui les a ouverts.
- Quand vous suivez un lien vers une autre page, le focus se place au début de cette page et les lecteurs d'écran en annoncent le titre.
- Les pages tiennent dans une fenêtre de 320 pixels de large, ce qu'il reste d'un écran de 1280 pixels à un zoom de 400 %, sans défilement horizontal.
- À la plus grande taille de texte, le texte n'est pas tronqué et rien ne se chevauche.
Limites connues
- Le formulaire de contact et la page des services utilisent Cloudflare Turnstile pour vérifier que c'est bien une personne qui envoie un message ou demande notre numéro de téléphone. Turnstile est géré par une autre entreprise, et nous ne pouvons pas corriger ses problèmes d'accessibilité. S'il vous bloque, écrivez-nous à [email protected] et nous vous aiderons autrement.
- Les appels proposés sur la page des services se font en anglais uniquement. Vous pouvez toujours nous écrire à la place, via le formulaire de demande de cette page ou par e-mail.
- Certains articles du blog ne sont disponibles qu'en anglais. Lorsqu'un article n'a pas de traduction dans votre langue, il est affiché en anglais sous un avis qui le précise, et marqué comme étant en anglais pour que les lecteurs d'écran utilisent une voix anglaise.
- La politique de confidentialité est également publiée dans six autres langues à titre de courtoisie. La version anglaise fait foi, et chaque traduction le précise et y renvoie.
- Les scènes derrière les titres de page sont décoratives et ne portent aucune information ; elles n'ont donc pas d'alternative textuelle et les lecteurs d'écran les ignorent. Le contraste du texte qui les recouvre est mesuré par rapport aux scènes elles-mêmes, comme le décrivent les tests ci-dessous.
- Certains articles du blog dessinent leur titre avec un effet animé sur un canvas. Le titre reste présent dans la page sous forme de texte pour les lecteurs d'écran, et il est affiché en texte brut dès que Suspendre les animations, Arrière-plan uni, Augmenter le contraste ou Police lisible est activé, ou que votre appareil demande de réduire les animations, d'augmenter le contraste ou des couleurs forcées.
Comment nous avons testé
Nous avons vérifié le site, à l'exception du blog, de ces façons :
- Vérifications automatisées avec axe-core selon les règles des WCAG 2.2 de niveaux A et AA, sur chaque page, aux tailles d'écran d'ordinateur et de téléphone.
- Parcours effectués au clavier seul : le lien d'évitement, l'ouverture et la fermeture du menu du téléphone et l'accès à chacun de ses éléments à 320 pixels de large, le suivi d'un lien vers une autre page, les réglages d'affichage dans la barre et dans le menu du téléphone, et le récapitulatif des erreurs du formulaire de contact.
- Le menu Langue au clavier seul, de son ouverture jusqu'au choix d'une autre langue.
- Chaque page à 320 par 256 pixels, l'espace que laisse un zoom de 400 % sur un écran de 1280 par 1024, à la recherche de tout ce qui déborde sur le côté.
- Chaque page avec le texte à sa plus grande taille et la police lisible activée, aux largeurs d'ordinateur et de téléphone, à la recherche de texte tronqué, qui déborde sur le côté ou qui se chevauche.
- Les réglages Réduire les animations, Couleurs forcées et Augmenter le contraste, simulés dans le navigateur sur un échantillon de pages, avec les vérifications automatisées relancées sous chacun d'eux. Les mêmes pages ont été vérifiées pour s'assurer que la barre en haut de la page est opaque sous Réduire la transparence, et que les réglages d'affichage enregistrés prennent effet avant l'exécution des scripts de la page.
- Le contraste des couleurs de texte du site, des contours de ses commandes et de ses contours de focus, mesuré à partir de ses feuilles de style par rapport à chaque arrière-plan sur lequel ils apparaissent, avec et sans Augmenter le contraste.
- Le contraste du texte qui recouvre les scènes derrière les titres de page, mesuré par rapport aux scènes elles-mêmes, à la taille de texte habituelle, à la plus grande et avec la police lisible.
- Les vérifications automatisées dans chaque langue où le site est publié, et les vérifications à 320 pixels et de taille du texte en arabe comme en anglais, parce que l'arabe se lit de droite à gauche.
Les articles et les pages d'archives du blog n'ont pas encore été soumis à ces vérifications ; les points de la section Clavier et zoom n'y sont donc pas encore confirmés.
Nous n'avons pas encore testé le site manuellement avec un lecteur d'écran. Nous prévoyons de le faire, en commençant par VoiceOver sur Mac et iPhone.
Signalez-nous un problème
Si quelque chose sur ce site est difficile à utiliser, ou si vous avez besoin de son contenu sous une autre forme, dites-le-nous. Écrivez-nous via le formulaire de contact, ou par e-mail à [email protected].
Nous nous efforçons de répondre sous 5 jours ouvrés.
Si notre réponse ne vous satisfait pas, vous pouvez déposer une plainte auprès de l'Australian Human Rights Commission (Commission australienne des droits de l'homme), qui traite les plaintes pour discrimination fondée sur le handicap en Australie.