Accessibilité – plus importante que jamais dans l'environnement difficile d'aujourd'hui

Le fait d'avoir un site Web accessible est un élément nécessaire de votre présence numérique. Être en mesure de commander des produits d'épicerie en ligne, des ordonnances et d'autres produits essentiels peut être un défi pour les personnes handicapées dans le meilleur des cas. Avec la pandémie de COVID-19, la nécessité d'une présence inclusive et accessible devient plus critique. Vous devez être en mesure d'engager, de communiquer et de soutenir les clients qui ne peuvent plus visiter un magasin physique.

Voici quelques éléments que vous pouvez vérifier pour voir si votre site existant est accessible. Beaucoup de ces correctifs sont assez simples et peuvent être implémentés sur votre site avec un minimum de perturbations.

1. Texte alternatif

• Assurez-vous que vos images ont un texte alternatif. Un texte alternatif fournit un contexte textuel aux images. Les lecteurs d'écran lisent le texte alternatif et l'annoncent à l'utilisateur. «Texte alternatif» permet à l'utilisateur du lecteur d'écran de comprendre le contexte de l'image sur la page.
  • Travaillez avec votre équipe de contenu pour déterminer la stratégie appropriée.
  • Du point de vue du balisage, toutes les images doivent avoir un attribut alt. Si l'image ne fournit pas de contexte, est redondante ou est une image d'arrière-plan, utilisez alt = ””. Le lecteur d'écran recherche la «balise alt» et lit le texte. S'il voit une balise vide, il sautera l'image et passera à l'élément suivant sur la page.

2. Indication de mise au point

• Lors de l'utilisation d'un clavier, un utilisateur doit toujours savoir où il se trouve sur la page. L'indication de mise au point fournit une référence visuelle de l'emplacement actuel de la mise au point sur la page. Sans repère visuel, il devient extrêmement difficile et parfois impossible pour un utilisateur de savoir où il se trouve.
  • L'indicateur de mise au point doit toujours être visible.
    • Les navigateurs ont une indication de mise au point par défaut. Ne désactivez jamais cette option.
    • Vous pouvez améliorer l'indication de mise au point pour l'adapter à votre conception et la rendre plus visible. En faisant cela:
      • Assurez-vous que les bons rapports de contraste de couleur sont utilisés conformément aux directives d'accessibilité du contenu Web
      • Ajustez la taille du contour de la bordure
  • Tous les objets pouvant donner lieu à une action doivent recevoir une mise au point visible. Les éléments exploitables incluent les boutons, les liens, les cases à cocher et les boutons radio.
  • L'indicateur de focus ne doit pas tomber sur du contenu masqué (par exemple, une boîte de dialogue fermée).

3. Clavier

• La règle générale est que tout ce que vous pouvez faire avec une souris, vous devriez pouvoir le faire avec un clavier. Les utilisateurs de Screen Reader utilisent un clavier pour parcourir une page. De plus, les personnes handicapées mentales et cognitives peuvent avoir du mal à utiliser une souris et préfèrent et / ou nécessitent un clavier. Assurez-vous que tous les éléments exploitables avec une souris sont également accessibles avec un clavier.
  • Le focus doit se déplacer dans la page dans un ordre logique. Il suit généralement l'ordre visuel du contenu de la page de gauche à droite, de haut en bas.
  • Les éléments non actionnables ne doivent PAS recevoir le focus (éléments de conteneur, texte non cliquable). Si vous ne pouvez pas cliquer dessus avec la souris, il ne devrait pas recevoir le focus.
  • Si des widgets personnalisés sont utilisés ou qu'un langage de balisage sémantique n'est pas utilisé, vous devrez peut-être ajouter un attribut tabindex à l'élément pour recevoir le focus [19659006] Il ne devrait y avoir aucun changement inattendu dans le focus lors de l'interaction avec des éléments actionnables (par exemple, le focus ne doit pas être réinitialisé de façon aléatoire ou se déplacer de façon inattendue) Le focus ne doit pas se glisser dans la page sous-jacente lorsque la boîte de dialogue est ouverte.

4. Zoom

• Les personnes ayant certaines déficiences visuelles augmenteront souvent le grossissement de la page pour pouvoir visualiser le contenu. Un problème courant est que la page perdra ses fonctionnalités ou deviendra plus difficile à comprendre lorsque le grossissement est augmenté.
  • Conformément aux directives d'accessibilité du contenu Web, une page ou un écran doit être fonctionnel et lisible lorsqu'elle est agrandie jusqu'à 200% de la taille d'origine. Ceci est accompli sans l'utilisation d'outils d'agrandissement d'écran.
  • Assurez-vous que le zoom et la mise à l'échelle ne sont pas désactivés.

Ce ne sont que quelques points à considérer pour votre site accessible. Chez Perficient, nous pouvons fournir des informations sur l'accessibilité lors des phases de conception, de développement, de construction et de test. Nous avons une perspective pour répondre aux besoins de tous vos utilisateurs finaux pendant cette pandémie. De plus, nous pouvons vous fournir des informations sur l'impact de COVID-19 sur vos canaux numériques, et nous pouvons vous aider à savoir quoi faire – maintenant et demain. Nos perspectives sur COVID-19 et son impact dans notre monde numérique peuvent vous aider, et nous vous implorons de tendre la main si vous avez besoin de conseils.