Concevoir des évaluations numériques pour l'accessibilité à partir de la base

concept d'accessibilité en ligne

Les applications basées sur le Web ont un grand potentiel pour ouvrir des possibilités d'apprentissage aux personnes souffrant de certains handicaps physiques et cognitifs. Toutefois, alors que la prévalence de l'apprentissage en ligne ne cesse d'augmenter, les préoccupations concernant l'accessibilité, en particulier pour ces personnes, s'accentuent. L'accessibilité du Web en tête estime qu'un cinquième de la population souffre d'un handicap quelconque. Et bien que ces personnes puissent ou non avoir des difficultés à utiliser les applications en ligne, vous risquez d'isoler une partie importante de vos utilisateurs lorsque l'accessibilité devient une réflexion après coup plutôt qu'une composante innée de la conception de votre évaluation.

Investir dans une accessibilité adéquate et concevoir des évaluations pour l'accessibilité dès le départ permet non seulement d'augmenter le nombre potentiel d'utilisateurs, mais aussi de s'assurer que tout le monde peut utiliser votre plateforme avec facilité. Elle permet aux navigateurs et aux technologies d'assistance de restituer le contenu de manière compréhensible.

Technologies d'assistance

La technologie d'assistance est un terme générique qui décrit les outils utilisés par les personnes handicapées pour accomplir des tâches. Certaines de ces technologies comprennent :

  • Lecteurs d'écran (JAWS pour Windows, NVDA, ou Voiceover pour Mac)
  • Logiciel de grossissement d'écran
  • Lecteurs de texte
  • Logiciel de saisie de la parole
  • Dispositifs d'entrée alternatifs

En présentant le contenu d'une autre manière, ces technologies aident l'utilisateur à écrire, à orthographier, à lire et à naviguer.

Il est important que les évaluations numériques soient conformes aux normes qui permettent aux technologies d'assistance d'interpréter et de restituer correctement le contenu. L'initiative pour l'accessibilité du Web (WAI) fournit des informations sur la façon dont les différents types d'utilisateurs naviguent sur le Web et sur les technologies utilisées.

Accessibilité numérique

L'accessibilité dans l'apprentissage en ligne continue de gagner du terrain en tant qu'élément important de l'expérience utilisateur. Elle doit être considérée comme une base fondamentale sur laquelle vous construisez tous les aspects de votre plate-forme d'évaluation.

Si le terme "accessibilité" n'a pas la même signification pour tout le monde, le World Wide Web Consortium (W3C) définit l'accessibilité comme la possibilité pour les personnes handicapées de percevoir, comprendre, naviguer, interagir et contribuer au web.

L'accessibilité numérique est une question de dispositions techniques. Il s'agit de la manière dont vous mettez en œuvre votre plate-forme d'évaluation numérique et des outils que vous utilisez pour construire et diffuser le contenu. Mais la conception d'évaluations en ligne pour l'accessibilité ne concerne pas seulement les techniques. La façon dont vous communiquez votre évaluation - des mots que vous choisissez à l'utilisation d'images et de graphiques - affecte également l'accessibilité.

Une conception cohérente

Pour des raisons d'accessibilité, il est important que l'interface d'évaluation soit cohérente dans toute l'expérience. Les éléments globaux tels que la pagination, les questions et l'aide doivent apparaître de manière cohérente dans l'application. Il est également important que les éléments ayant la même fonction, comme le marquage des livres, les blocs-notes et les calculatrices, soient ordonnés et étiquetés de la même manière sur chaque page.

Navigation

Pour que les utilisateurs puissent compléter une évaluation en ligne, il doit y avoir plus d'une façon de se déplacer dans une série de questions. Un utilisateur peut trouver son chemin en naviguant dans la hiérarchie prévue, mais il doit aussi pouvoir trouver une page ou un écran grâce à un index, une liste ou une fonction de recherche. Cela permet aux utilisateurs d'utiliser leur clavier pour trouver exactement ce qu'ils recherchent.

Intitulés et titres

Lorsque vous concevez l'aspect et la convivialité d'un test, n'oubliez pas que certains utilisateurs ne peuvent pas avoir un aperçu visuel d'une question. Ils doivent plutôt le faire de manière structurelle. Les utilisateurs de lecteurs d'écran utilisent souvent un raccourci clavier pour entendre tous les titres de la page ou pour accéder à une liste de tous les titres auxquels ils peuvent facilement accéder.

Make sure to divide the experience into logical sections, each with a heading that describes that part of the assessment. This allows assistive technologies to render them as section headings. To do this properly, you must tag these sections with headings such as <h1>, <h2>, <h3>.

Dans les cas où vous souhaitez mettre en évidence logiquement et visuellement une zone en utilisant une police en gras/une grande police/une autre couleur, vous devez également mettre en évidence l'intitulé dans le code. De cette façon, l'intitulé fonctionne non seulement visuellement mais aussi structurellement.

Utilisation de la couleur

Une page d'évaluation dont les informations, les éléments du test ou les scores sont uniquement représentés par des couleurs est frustrante et inefficace pour les utilisateurs daltoniens. Par exemple, pour communiquer des liens dans un texte, il ne suffit pas de leur donner une couleur différente. En outre, les messages d'erreur sont généralement exprimés en rouge. Il peut donc être difficile pour les personnes daltoniennes de les interpréter clairement. Complétez ces liens ou ces messages par du texte souligné, une iconographie, etc.

Pour que les utilisateurs malvoyants puissent lire tout le texte d'une page, il est important que la couleur du texte et celle de l'arrière-plan soient suffisamment contrastées l'une par rapport à l'autre. Vous pouvez y parvenir en respectant le rapport de contraste requis de 4,5:1 pour le texte ordinaire et de 3:1 pour le texte de grande taille. Il existe un certain nombre d'outils permettant de mesurer rapidement les rapports de contraste.

Items de test

Lors de la conception des éléments de test, les utilisateurs doivent savoir clairement quelles actions ils doivent entreprendre. Les champs de texte, les listes déroulantes, les cases à cocher et les boutons radio doivent toujours être associés à un texte descriptif. Par exemple, le libellé d'un champ de saisie, comme "Question 1" ou les réponses "A", "B" ou "C", doit être codé (à l'aide d'ARIA) afin de l'associer à son champ de saisie. Cela permet au lecteur d'écran d'annoncer le libellé lorsque l'utilisateur saisit le champ de saisie au moyen du clavier ou de la souris.

Navigation par le clavier

Tout le contenu d'une évaluation doit être navigable à la fois avec une souris d'ordinateur et avec le clavier seul. Cela s'applique aux questions, aux réponses, aux boutons, aux liens, etc.

Certains utilisateurs ne sont pas en mesure d'utiliser une souris d'ordinateur et préfèrent utiliser un clavier, ou un "dispositif de commande de commutation", pour naviguer par tabulation dans le contenu. Comme ces utilisateurs doivent pouvoir voir où ils se trouvent sur la page, un indicateur doit toujours être visuellement évident. (Remarque : la plupart des navigateurs l'affichent automatiquement au moyen d'une ligne en pointillé autour du contenu qui est en focus). Il est également possible de gérer cet aspect de manière personnalisée. Toutefois, la meilleure pratique consiste à conserver le contour visible par défaut, car c'est ce que la plupart des gens s'attendent à voir. Dans tous les cas, n'ajoutez PAS de code pour supprimer l'indicateur visible !

Entrée de l'utilisateur

Si l'utilisateur doit saisir des informations dans un champ, assurez-vous qu'il reçoit des instructions pour saisir le texte correctement. Veillez également à ce que l'utilisateur soit averti s'il commet une erreur. Une notification instantanée est préférable pour tous les utilisateurs plutôt qu'une notification au moment de la soumission. N'oubliez pas de ne pas utiliser uniquement la couleur, comme le rouge, pour afficher les messages d'erreur. Utilisez le mot "erreur" ou indiquez clairement dans la description qu'une erreur s'est produite. Vous voudrez également fournir une description sur la façon de résoudre le problème.

Graphiques

Lorsque des zones de l'évaluation contiennent des éléments non textuels, tels que des images, des graphiques ou des vidéos intégrées, l'une des règles les plus importantes est de fournir une alternative textuelle qui décrit le but de l'élément.

Et enfin...

En mettant en œuvre ces techniques et stratégies, un pourcentage plus élevé d'utilisateurs sera en mesure de consommer, de s'engager et finalement de compléter leurs évaluations en ligne. En investissant dans la conception et la fonctionnalité de l'accessibilité, vous augmenterez votre base d'utilisateurs et obtiendrez une solution d'évaluation en ligne ouverte à tous.

En savoir plus sur la conception d'évaluations en ligne pour l'accessibilité