L'accessibilité numérique dans vos enseignements

L'accessibilité du web étant une problématique vaste et complexe, le but de cette partie est de vous donner des éléments simples à appliquer afin de vous assurer d'améliorer l'accessibilité de vos pages web, sans avoir de connaissances de codage. En effet, même sans avoir des missions de développement web, vous êtes confrontés à ces problématiques dès lors que vous rédigez du contenu sur internet (un e-mail, une page sur un site que vous administrez, votre cours Moodle, etc.)

Vous trouverez ci-dessous les problématiques les plus fréquentes pour lesquelles l'accessibilité n'est pas suffisante sur la plupart des sites web, avec quelques conseils simples pour améliorer cette dernière.

De la même manière que sur des documents imprimés ou des schémas, il est essentiel de faire attention au couleurs des polices que vous utilisez sur vos pages Web. Assurez-vous de ne pas mettre en exergue des informations essentielles uniquement par le biais de la couleur, et utilisez des couleurs suffisamment contrastées. Préférez des fonds simples et de couleur claire  avec du texte suffisamment foncé pour qu'il ressorte bien.

L'information ne doit pas être donnée uniquement par la couleur. Si vous souhaitez mettre en valeur une information importante, ou donner une indication spécifique, ne vous basez pas uniquement sur la couleur. Vous pouvez ainsi ajouter un pictogramme, mettre le texte en gras, etc.

Par exemple, si vous rédigez un formulaire, ne mettez pas en rouge les champs obligatoires à remplir, car une personne qui ne perçoit pas cette couleur ne verrait pas la différence avec le reste du texte. Préférez plutôt l'ajout d'une mention textuelle « (obligatoire) » après le champ.

Il est difficile d'estimer une taille de police idéale pour une page web. En effet, cela dépend de la police elle-même que vous utilisez. La police Unistra, spéficifique à notre établissement, est un peu plus petite qu'une police « classique ». Ainsi, si vous choisissez de l'utiliser, augmentez la taille de quelques pouces par rapport à si votre page était rédigée en Arial.

Evitez au maximum d'utiliser des polices « fantasie » à but décoratif, qui sont souvent moins lisibles, privilégiez des polices simples et sans empattement (sans Serif).

L’intitulé des liens que vous intégrez dans une page Web ou dans un e-mail doit permettre de comprendre vers où celui-ci mène, ce qui va se passer lorsque l'utilisateur clique sur le lien en question. Afin de s’en assurer, un bon moyen est de vérifier que l’action est compréhensible et pouvoir se faire une idée du contenu de la page de destination, même en sortant le lien de son contexte.

• N’affichez pas l’URL (l’adresse du site) complet à même la page (ex : https://urldevotresiteaucomplet.com) car le lecteur d’écran^[1] va lire l’URL complet, cela va prendre du temps et n’a aucune valeur ajoutée pour l’utilisateur.

• Si le fait de cliquer sur le lien va entrainer une action particulière (ouverture d’un nouvel onglet, téléchargement automatique d’un document), pensez à le préciser dans le titre du lien.

  Dans le cas de l’ouverture d’un nouvel onglet, cela permettra d’éviter de désorienter les utilisateurs d’un lecteur d’écran^[1], qui pourraient ne pas s’être rendus compte qu’ils se trouvent sur une nouvelle page. Pensez donc à ajouter une mention telle que « (ouverture dans un nouvel onglet) » à la suite du titre de votre lien.

  Dans le cas d’un téléchargement de fichier, précisez ce qui va être téléchargé, le poids du fichier et son format. Par exemple : Télécharger notre plaquette de formation (PDF – 65ko)

Dans tous les cas, les appels tels que « cliquez ici » sont à proscrire car ils ne fournissent aucune information sur l'issue de l'action.