mise à jour le 24 octobre 2022

 

accessibilité numérique plusieurs publics

L’accessibilité numérique est un ensemble de règles et de bonnes pratiques qui permettent aux personnes en situation de handicap d’accéder librement aux outils numériques avec les moyens qui sont les leurs. Source : Accessibilité numérique - idcap.fr 

L’accessibilité numérique signifie que les sites web, les applications et les documents ne contiennent aucun obstacle qui rend difficile l’utilisation, la lecture et la compréhension. Source : Accessibilité numérique : des sites web pour tous ! - equal.brussels 

  

Les bonnes pratiques en matière d'accessibilité numérique concernent les interfaces web et leur contenu mais également tous les supports numériques tels que les fichiers texte, pdf, vidéo, etc. En les appliquant, vous garantissez l'accès de vos contenus aux personnes malvoyantes, dyslexiques, daltoniennes ou avec problèmes moteurs par ex., avec ou sans assistant de lecture (logiciels d'aide tels que synthèse vocale ou afficheur braille).

technologies selon handicap

Les dernières versions de l'UV sont conformes aux directives européennes (norme WCAG 2.1 AA) pour le code et l'interface (menus, etc.). Néanmoins, le contenu des cours, édité par les enseignant.es, est concerné également et représente une part importante de l'information consultée. Avec quelques principes de base, vous pouvez rapidement améliorer le niveau d'accessibilité des textes que vous ajoutez dans votre cours. Ces règles sont valables également lors de l'édition d'un Word ou d'un pdf.

Par ailleurs, de nombreux outils sont à votre disposition pour respecter les bonnes pratiques dès maintenant. D'autres permettent de vérifier l'accessibilité et aider à rectifier les erreurs de conformité sur le contenu existant.

Il n'est pas facile de changer ses habitudes en la matière car cela signifie souvent changer des réflexes de rédaction mais aussi, renoncer à certaines mises en formes qui nous semblent utiles ou ludiques. Mais si une partie de votre auditoire en pâtit du simple fait de sa différence, cela ne vaut-il pas un petit effort de notre part ?

   

SOMMAIRE INTERACTIF

A. Quelques éléments de base pour rendre les contenus accessibles
B. Les outils à disposition dans l'UV
    - L'éditeur ATTO
    - La boite à outils d'accessibilité NEW
C. Ressources
  

  

  

A. Quelques éléments de base pour rendre les contenus accessibles

   

L'organisation du texte :

  • Les titres permettent que le contenu soit correctement hiérarchisé, et que celle-ci soit comprise des technologies d'assistance. Utiliser le bouton permettant d'attribuer un niveau de titres plutôt que de mettre le titre en gras et grand par ex.

boutons d'édition UV titres

  • Pour les puces, numérotées ou pas, utilisez aussi le bouton dédié plutôt que d'ajouter un tiret classique devant chaque élément de la liste.

boutons puces dans word
Options de mise en forme dans Word

Le texte :

  • Préférez une police simple, sans serif (sans empâtement), et évitez les polices de caractères fantaisistes (cursive par exemple).

Les différentes familles typographiques

  • Restez parcimonieux avec la palette de couleurs et n’utilisez pas uniquement la couleur pour véhiculer une information : par ex., indiquer ce qui est OK en vert et ce qui n’est pas OK en rouge n’est pas suffisant. Il faut ajouter également du texte, ou un autre élément visuel pour communiquer l’information.

exemple de mauvais contraste couleur

Les liens :

  • Il est conseillé d'ajouter un lien sur du texte descriptif, c'est ce qu'on appelle le lien hypertexte, par ex. « Voici le lien vers le cours » plutôt que « Voici le lien : https://uv.ulb.ac.be/course/view.php?id=82314 ».
  • L'ouverture des liens dans le navigateur doit être cohérente. En général, on applique la règle suivante : si le lien pointe vers l'UV (une page de cours, par exemple), on peut le laisser s'ouvrir dans la même fenêtre ; s'il pointe vers un site externe, il vaut mieux choisir « Ouvrir le lien dans une nouvelle fenêtre ».

boutons d'édition UV liens hypertexte

Les médias : 

  • Pour les images, indiquer un descriptif est primordial car c’est lui qui sera lu par les lecteurs d’écran (synthèses vocales et/ou plages brailles). Ce texte s’affiche également lorsque les images ne se chargent pas.

boutons d'édition UV images

  • Pour les vidéos, le sous-titrage et la retranscription devraient toujours être possible. Le son ne devrait pas démarrer automatiquement.

options stream
Options pour les vidéos dans Microsoft Stream

   

B. Les outils à disposition dans l'UV 

icone L'éditeur ATTO 

Les options de l'éditeur ATTO tiennent compte de nombreux de ces aspects. C'est pour cette raison, par ex., que la palette de couleurs proposées est limitée (relatif au contraste), de même que les options liées aux images. Le bouton 'Contrôle d'accessibilité' permet d'effectuer des vérifications sur le texte en cours d'encodage. Les éléments non conformes sont listés avec une explication.

  éditeur ATTO - bouton

icone La boite à outils d'accessibilité NEW

Ce nouvel outil analyse l'accessibilité du contenu du cours et liste les non-conformités pour résoudre plus facilement.

1. Le lancement de l'analyse du cours ne s'effectue que la première fois à partir du lien Boite d'accessibilité dans le menu Admin (cela peut prendre plusieurs minutes selon la quantité de contenu). Les contenus ajoutés par la suite sont analysés automatiquement.
première analyse du cours
    
2. Afin d'accéder aux résultats, il faut soit
  • rafraichir la page Boite à outils d'accessibilité
  • ajouter le bloc Rapport d'accessibilité (grâce au menu Ajouter un bloc en bas de la colonne de droite, en mode édition).
NB le résultat de l’analyse s’affiche sur la page de cours si celui-ci est au format Thématique (pas d'affichage au format Tuiles). Pour masquer cette affichage, cliquez sur l'oeil en bas du bloc.
bloc accessibilité
   
3. En cliquant sur l'icône Graphique en bas du bloc, un rapport listant les éléments non conformes s'affiche. Avec les explications et la documentation fournie, il sera possible de rectifier les problèmes.

   

C. Ressources

Normes & bonnes pratiques
Autres Outils
  • Suite Office (Word, Pwp, Excel, etc.) : onglet Révision / Vérifier l’accessibilité
  • Adobe et InDesign : onglet Outils > Protéger et normaliser > Accessibilité
  • vérification des contrastes couleurs : application web WhoCanUse - extension Chrome Color Contrast Analyzer
  • BIENTÔT Grâce au plan de relance numérique de l'ULB, l'outil Readspeaker sera bientôt disponible dans l'UV

    

© ULB DE CAP/UV