Pour les images et les liens, une description s’impose

par Markus Riesch

Concevoir des sites sans barrières n’est pas si sorcier. Encore faut-il y penser. La fondation «Accès pour tous» constate invariablement dans ses ateliers que l’absence de barrières peut aisément devenir réalité. Il suffit que la personne responsable du projet voie par elle-même les problèmes qu’un utilisateur avec une ligne braille et un logiciel de
lecture peut surmonter. Voici les obstacles les plus fréquents et quelques suggestions pour les éviter.

Transmission visuelle de l’information
Les informations diffusées sur internet sont souvent des images, des éléments graphiques, des
icônes ou des vidéos. Exploitées par des supports non visuels, ces informations sont perdues et l’accès
à ce site internet devient difficile, voire impossible.

Suggestions:

•  Compléter ou remplacer les images par des textes
• Expliquer le but des liens graphiques
• Doter les éléments graphiques décoratifs simplement d’un attribut alt vide

Tableaux
Bien que ce ne soit pas leur fonction première, les tableaux sont souvent utilisés pour placer des éléments sur un site. En raison de cette disposition, le logiciel de lecture d’écran ne peut lire correctement la page, ou la lit en désordre.

Suggestions:

• Ne recourir à des tableaux que pour représenter des données
• Titrer les lignes ou les colonnes des tableaux afin de permettre à l’utilisateur de localiserchaque cellule

Formulaires

L’agrandissement ne doit pas poser problème.
Photo: kurzschuss GmbH

Remplir des formulaires souvent mal programmés à l’aide d’un logiciel de lecture d’écran devient un casse-tête, notamment du fait que le logiciel d’écran ne lit pas certains messages d’erreur, voire qu’il ne reconnaît pas les caractères de certains champs de formulaires.

Suggestions:

• Relier par un lien le titre du champ avec le champ qu’il désigne
• Regrouper des formulaires en plusieurs parties en des blocs d’informations cohérents
• Configurer les messages d’erreur afin qu’ils puissent être lus par le logiciel de lectured’écran

Structure
Souvent, le manque de structure constitue l’obstacle majeur. Les barres de contexte et de navigation, le contenu ou le pied de page ne sont pas différenciables du reste du texte pour une
personne aveugle ou malvoyante. Dès lors, surfer devient pour elle une loterie frustrante.

Suggestions:

• Structurer par titres les divers contenus
• Munir les titres de balises html(h1, h2, … , h6)
• Formater les listes d’énumération par des balises (ul, ol, dl)

Contraste et design

Photo: Damian Imhof, kurzschuss GmbH

Un contraste insuffisant entre écriture et arrièreplan ainsi qu’un mauvais choix de couleurs relèvent des problèmes récurrents sur la plupart des sites.

Suggestions:

• Choisir un contraste standard entre l’écriture etl’arrière-plan
• Programmer tous les éléments de sorte qu’ils soient clairement visibles une fois sélectionnés au clavier
• N’utiliser aucune représentation graphique de texte, sauf dans les logos

Scalabilité et taille d’écriture
Une difficulté pour les personnes handicapées de la vue – comme pour celles qui voient normalement d’ailleurs – constitue, sur bien des sites, les caractères trop petits des textes. Le design d’un site sans barrières devrait être conçu de manière à ce que, lorsque la taille des caractères est agrandie,
le design de la page n’en soit pas affecté.

Suggestion:

• Ne définir la taille des caractères (font size) des feuilles CSS que proportionnellement (en pourcents ou en «em»). Ainsi, l’agrandissement des caractères dans le navigateur ne pose aucun problème

Compatibilité avec un logiciel de lecture d’écran et avec un clavier
De nombreux sites ne peuvent être consultés à l’aide d’un logiciel de lecture d’écran ou d’une interface clavier seulement. Ainsi, certains contenus et applications restent inaccessibles. Souvent, les utilisateurs aveugles ne s’en perçoivent même pas.

Suggestion:

• Programmer tous les éléments afin qu’ils soientà la fois accessibles et aisément utilisables parle clavier et par logiciel de lecture d’écran

Clarté de la description des liens
Le manque de clarté du libellé des liens tels que «plus», «égal ou semblable à» représente un obstacle supplémentaire. Il est possible d’éviter facilement cet écueil par l’utilisation de liens textes.

Suggestions:

• Formuler les liens textes afin qu’ils soient compréhensibles par eux-mêmes ou dans leur contexte
• Indiquer tout changement de format(par exemple: format pdf) dans le lien texte ou son contexte

Technologies web actuelles (JavaScript, AJAX/RIA)
Les technologies actuelles permettent de créer des sites conviviaux, par exemple grâce à l’échange de données avec le serveur, sans qu’il soit nécessaire de charger un nouveau site web. A relever que, malheureusement, l’accès à la plupart de ces technologies n’est pas possible sans barrières.

Suggestion:

• Ne recourir aux technologies nouvelles qu’à titre complémentaire, afin de ne pas exclureune partie des visiteurs

Format pdf
Les sites internet publient toujours plus de documents en format pdf. Malheureusement, à moins d’être spécialement retravaillés, ces derniers ne sont pas tous accessibles aux personnes qui ne peuvent que très partiellement, voire pas du tout, lire les informations qu’ils contiennent. A relever que Word ne constitue pas la panacée pour remplacer les documents pdf! Il est plus judicieux de créer des documents pdf sans barrières.

Suggestion:

• Doter également un document pdf d’informationsconcernant sa structure, telles que balises/ tags, qui facilitent l’accès au contenu, par exemple par des titres

Markus Riesch est le directeur de la fondation «Accès pour tous».

———————————————————————–

Une solution au fâcheux problème des pdf

Le monde professionnel numérique d’aujourd’hui n’est plus concevable sans pdf. Pour les personnes handicapées de la vue, réarrangements de pdf et agrandissement de caractères face à une suite non chronologique de titres, d’images, de légendes, d’intitulés et de paragraphes sont une lutte constante. Et devant cette situation, les technologies assistives permettant l’agrandissement supplémentaire sont aussi impuissantes. Dès lors, nombreuses sont les personnes handicapées de la vue à éviter soigneusement les pdf. Dans un projet commun, la fondation «Accès pour tous», l’UCBA et la société xyMedia, qui intervient en tant que partenaire dans le domaine de l’application, s’allient pour trouver une solution à ce problème urgent: développer, d’ici à l’été 2013, un logiciel de lecture de fi chiers pdf capable de lire linéairement des documents HTML et XML, avec ou sans barrières, et de les préparer dans l’ordre de lecture. Ainsi, les documents pdf deviendront lisibles pour les personnes aveugles et malvoyantes.