Topics

Maîtrisez l'accessibilité web !

« Il nous faut un front-end et un balisage de niveau S, et nous gérons même l'interface utilisateur de nos outils d'automatisation des processus, alors l'accessibilité devrait être un jeu d'enfant ! » C'était le raisonnement naïf qui sous-tendait le projet d'accessibilité web de Liberogic. En réalité, ce fut le début d'une lutte acharnée. Se fixer comme objectif ambitieux la conformité totale aux WCAG 2.2 a entraîné des années de sessions d'étude et d'innombrables discussions… et, franchement, j'ai réalisé à quel point nous avions pris la chose à la légère.

Je me souviens d'une séance d'étude sur l'accessibilité qui s'est tenue au début du projet il y a quelques années.
« Quelle est la différence entre WCAG et JIS X 8341-3:2016 ? »
« Les normes WCAG 2.0 et JIS X 8341-3:2016 sont identiques ! »
Ce fut un très long voyage qui commença par un échange si simple.
Cette interprétation des critères de réussite est-elle correcte ?
«Non, c'est la norme ici.»
Après d'innombrables discussions et révisions, nous avons finalementNiveau de conformité AA aux WCAG 2.2Cela a créé un système qui nous a permis de viser cet objectif.

Repensez votre site web !

« Mon site web n'est pas adapté à mon entreprise ? »
La refonte du site web de notre entreprise a commencé par ce seul mot.
« Si vous comptez le faire, autant vous concentrer sur l'accessibilité et le référencement ! »
Inutile de préciser que nos talentueux collaborateurs, probablement très occupés à ce moment-là, ont relevé ce défi avec enthousiasme.

«Cette couleur a un mauvais rapport de contraste!»
« Eh bien, c'est un bon design... »
« Ne pouvez-vous pas faire des ajustements dans le respect des règles ? »
Nous avons continué à expérimenter, en cherchant à équilibrer design et accessibilité.
Lors de la correction, j'ai calmement rempli la liste de contrôle des éléments de test, qui paraissait insurmontable.

Enfin terminé !
Bien que le projet ait pris un retard considérable, nous considérions les avancées technologiques comme un signe certain de progrès.

J'ai obtenu un score parfait sur Lighthouse ! Et j'ai également obtenu une excellente note sur PageSpeed ​​Insights !

Notre site web, conçu avec Astro, microCMS et Cloudflare, a obtenu un excellent score sur Lighthouse. Son accessibilité est, bien entendu, irréprochable !Les tests d'accessibilité Lighthouse s'appuient sur le noyau Axe, une technologie éprouvée.Par conséquent, les efforts déployés pour se conformer aux WCAG sont évalués assez directement.

Côté performances, nous utilisions beaucoup d'images et diverses autres choses, donc au début nous avons eu un peu de mal, mais après un travail acharné et des réglages précis, comme l'optimisation du chargement des polices web, la révision du taux et du format de compression des images et l'ajustement de la priorité de chargement des ressources, nous avons finalement vu le moment où cela a fonctionné !

100 points !

J'ai obtenu la note maximale dans toutes les catégories de la version PC de Lighthouse ! Et la rumeur était vraie. « Ah ! Donc si j'obtiens la note maximale à Lighthouse, Google va tirer un feu d'artifice pour fêter ça ! »

« Sérieusement ?! Sur l'ancien site, j'avais du mal à obtenir un score entre 80 et 90 ! Je suis sûr qu'Astro y est pour beaucoup, mais c'est incroyable ! »

PageSpeed ​​Insights, un autre outil de mesure des performances des sites web fourni par Google, a également obtenu un score de 100 points.

Cependant, PageSpeed ​​Insights n'affiche aucun effet spécial (feux d'artifice). Ayant obtenu des résultats comme 99 par-ci, 100 par-là, j'espère que Google ajoutera un effet de célébration. 🎇

D'ailleurs,Les scores Lighthouse et PageSpeed ​​Insights varient en fonction de l'environnement réseau, de l'état du serveur, de l'état du navigateur, etc., au moment de la mesure.Même si vous atteignez 100 points, soyez prudent car vous ne pourrez peut-être pas maintenir ce score indéfiniment.

Est-il impossible d'obtenir 100 points sur mobile ?… Voilà comment ça se passe. (↑Je n'avais pas fait de capture d'écran à l'époque, j'en ai donc fait une récemment.)

Le véritable objectif se situe au-delà du score.

« Mais n’est-ce pas un résultat naturel du point de vue de l’utilisateur ? »

Plutôt que de viser un score élevé, nous nous sommes concentrés sur la conception du site web pour tous ses utilisateurs, ce qui nous a permis d'obtenir la meilleure note. Un score de 100 n'est qu'une étape intermédiaire. Notre véritable objectif est de créer un site web agréable et facile à utiliser pour tous !

Actuellement, nous mettons en œuvre diverses fonctionnalités expérimentales pour confirmer la viabilité de notre modèle économique, et notre score Lighthouse a fluctué en baisse par rapport à avant. Je ne cesse de m'exclamer naïvement « Pourquoi ? », mais il va de soi que confirmer la viabilité de notre modèle économique est plus important pour tous que mon propre intérêt.

Et notre exploration sans relâche se poursuit.