5 leçons sur notre parcours vers un site Web plus accessible

En 2020, nous avons procédé à la refonte complète du site Web du studio. Nous croyions alors avoir pensé à tout : navigation conviviale, optimisation pour appareils mobiles, facture visuelle, contenu, interactions… et plus encore! 

Du moins, c’est ce que nous pensions. 

Un an plus tard, nous avons procédé à une nouvelle mise à jour de notre site Web : polices de caractères plus bold, nouvelles photos, contenu revisité. 

Encore une fois, nous étions certains d’avoir pensé au moindre détail pour offrir la meilleure expérience utilisateur qui soit. 

Or, nous nous sommes rendu compte que nous avions négligé non seulement quelques détails, mais aussi quelques utilisateurs. Comme tant d’autres organisations, nous n’avions pas inclus l’accessibilité de notre site Web au mandat de conception. 

Malgré les innombrables heures de brainstorming et de planification, nous avions omis de réfléchir à la façon dont notre site Web serait utilisé par les gens atteint d’une déficience, notamment : 

  • un trouble de la motricité fine; 
  • une déficience visuelle; 
  • une déficience auditive; ou 
  • un trouble cognitif. 

Aujourd’hui, nous annonçons avec fierté – et humilité – que nous avons mis à jour les interfaces de notre site Web pour respecter le niveau de conformité AA des Règles pour l’accessibilité aux contenus Web (WACAG) 2.1. 

Nous nous engageons également à apporter des améliorations continues pour respecter ces lignes directrices.  

« Les organisations s’attardent de plus en plus à l’inclusivité. Mais comme celle-ci présente de nombreux visages, les entreprises doivent faire preuve d’humilité, d’ouverture et d’écoute.
C’est ainsi que Square Enix Montréal a compris qu’améliorer l’accessibilité de son site Web représentait la prochaine étape logique de son parcours vers une plus grande inclusivité.
Nous avons pris le temps de nous renseigner, de consulter des experts et de procéder à des améliorations continues afin de proposer à nos utilisateurs un site Web plus accessible. » - Rodrigo Sanchez, Spécialiste en accessibilité sénior, Square Enix

Capture d'écran du site web avec l'outil de développement web du navigateur ouvert montrant le code du texte de remplacement, Ajout de texte de remplacement

Notre site Web a été mis à jour en prenant en compte les directives d’accessibilité suivantes : 

  • Les éléments interactifs et les contrôles sont accessibles à l’aide du clavier 
  • La structure des titres est présentée de manière hiérarchique 
  • Les images qui communiquent une information importante comprennent un texte de remplacement ou une solution similaire 

 

Image d'en-tête avec contrat de couleur amélioré du texte superposé à la vidéo. Amélioration des contrastes de couleur
  • Dans la plupart des cas, les contrastes chromatiques sont d’au moins 4.5:1 
  • Les interactions importantes et les contrôles comprennent des attributs ARIA (Accessible Rich Internet Applications Suite, ou suite d’applications Internet enrichies accessibles) qui communiquent des fonctionnalités ou des comportements supplémentaires 
  • Nous avons inclus un énoncé d’accessibilité comprenant l’adresse courriel pour joindre notre équipe de l’accessibilité en cas de barrière à l’utilisation 
  • Et plus! 

 

Capture d'écran d'un site web montrant l'indicateur du focus du clavier autour d'un élément interactif. Indicateur du focus du clavier autour d'un élément interactif.

Pour encourager d’autres organisations à nous emboîter le pas et à prioriser l’accessibilité lors de la conception de leur site Web, nous avons regroupé ci-dessous les conclusions principales tirées de notre expérience. 

Nos conclusions principales : 

  • Renseignez-vous 

Saviez-vous que la cécité et les déficiences visuelles touchent 1 personne sur 25, ou encore que 1 personne sur 10 est dyslexique? Connaissez-vous les enjeux d’accessibilité qui peuvent empêcher les gens atteints d’une déficience d’accéder à l’information que vous communiquez? Si vous avez répondu par la négative, vous renseigner est la meilleure façon de commencer à définir vos priorités. 

Voici une ressource que nous avons trouvée utile (en anglais seulement) : a11yproject.com/checklist 

  • Obtenez le soutien de la direction 

Lorsque nous avons présenté notre initiative à l’équipe de direction, nous avons reçu une réponse des plus enthousiastes. Heureusement, puisque pour assurer la réussite d’un tel projet, il faut impérativement compter sur le soutien de la direction et pouvoir y allouer suffisamment de ressources, de temps et d’argent. 

  • Écoutez les experts 

Chez Square Enix, nous avons le privilège de compter sur une équipe de spécialistes de l’accessibilité à l’interne. En effet, une bonne dose d’enthousiasme et quelques recherches Google ne suffisent pas pour assurer l’accessibilité optimale de votre contenu Web. Des experts et des consultants peuvent vous aider à évaluer votre projet et à mettre sur pied un processus de contrôle de la qualité. 

Capture d'écran montrant l'ajout de commandes de pause et de lecture sur une vidéo. Ajout de commandes de pause et de lecture sur une vidéo.
  • Faites preuve de patience 

La mise à jour d’un site Web dans une optique d’accessibilité est un projet d’envergure et de longue haleine. Il faut modifier des centaines de widgets, utiliser des rôles et des points de repère ARIA lorsque nécessaire, donner à chaque lien un nom unique et descriptif, inclure un texte de remplacement adéquat pour toutes les images, et bien plus encore. Prenez le temps nécessaire pour bien faire les choses et fixez-vous des délais raisonnables. 

  • Accueillez le changement  

En évaluant l’accessibilité de votre site Web, vous pourriez par exemple réaliser que votre palette de couleurs nuit à la lecture du texte par certains utilisateurs, ou que vous devez ajouter des indications visuelles à votre design. Votre objectif est de rendre le contenu accessible pour le plus grand nombre d’utilisateurs, et non pas de conserver vos pages exactement comme elles le sont. Apprenez à lâcher prise pour le bien commun! 

 

Cette mise à jour de notre site Web n’est pas une fin en soi. C’est plutôt le point de départ d’un processus continu visant à parfaire nos connaissances, et à nous adapter à l’évolution des normes et des technologies. 

En tant qu’entreprise qui se targue d’être guidée par des valeurs fortes, nous ne pouvions faire autrement que d’assurer l’égalité de l’accès à notre contenu Web pour tous et toutes, peu importe leurs déficiences ou leurs handicaps. 

Pour en savoir plus sur l’engagement de Square Enix envers l’accessibilité, veuillez lire notre Déclaration d’accessibilité : square-enix-games.com/fr_FR/documents/square-enix-accessibility-statement 

Si vous rencontrez toute barrière à l’utilisation de notre site Web, veuillez nous en faire part à l’adresse contact-accessibility@eu.square-enix.com 

 

Merci à notre partenaire en développement Web, Yankee Media