Projet:Charte graphique/Accessibilité

Un article de Wikipédia, l'encyclopédie libre.

Wikipédia se doit d'être accessible à tous, quelles que soient leurs aptitudes sensorielles, et en particulier visuelles. Cette page a pour but de recenser tous les points à surveiller et les actions à entreprendre en vue d'atteindre cet objectif.

Nous invitons tout particulièrement les personnes présentant un handicap ou une déficience sensorielle à nous faire part de leur expérience et de leurs suggestions.

Sommaire 1 Catégories de personnes concernées 2 Problèmes spécifiques 2.1 Impression noir et blanc 2.2 Daltoniens / Achromates 2.3 Mal- ou non-voyants 2.4 Personne à dextérité réduite 3 Problèmes généraux 4 Informer 5 Actions à entreprendre 6 Quelques conseils 7 Ressources

[modifier] Catégories de personnes concernées

• Personnes atteintes de daltonisme ou d'achromatopsie
• Personnes mal-voyantes ou non-voyantes
• Personnes à mobilité réduite

[modifier] Problèmes spécifiques

[modifier] Impression noir et blanc

L'impression d'un article doit rester lisible, notamment en noir et blanc quand la couleur de fond n'est pas imprimée. Les tableaux dont les cellules ne se différencient que par des couleurs de fond sont donc problématiques.

[modifier] Daltoniens / Achromates

Les préférences permettent de régler l'apparence des liens. Les deux item les plus importants se trouvent dans "Préférences diverses" : cochez "Liens soulignés" et décochez "Liens vers les sujets non existants en rouge", ce qui les fait apparaître comme un point d'interrogation rouge après le texte entre crochets.

Autres problèmes rencontrés ?

[modifier] Mal- ou non-voyants

Problèmes rencontrés ?

• Les images ne peuvent être vues. Aucune information ne doit s'y trouver exclusivement; ajouter une description de l'image de manière systématique: c'est ce que liront les lecteurs pour aveugles.
  • Il y a toutefois un problème : le "alt" et la légende (quand elle existe) sont identiques, or il y a pas mal de cas où ils devraient être différents. Prenons par exemple image:diag_phase_glace.png, je ne vois pas trop quel texte pourrait être satisfaisant pour les deux simultanément. R 6 avr 2005 à 14:40 (CEST)

Ben Diagramme de phase de la glace ... Jyp 6 avr 2005 à 14:45 (CEST)

C'est un titre, ce que tu proposes. Une légende devrait donner la signification des symboles utilisés, ici les traits pleins et pointillés. Le texte alternatif devrait expliciter l'information que l'on souhaite transmettre en plaçant l'image dans l'article.

Exemple de "bonne" légende : "Diagramme de phase pression-température de l'eau limité aux phases stables. L'échelle des pressions est logarithmique. Les traits pleins figurent les lignes de transition entre phases stables observées expérimentalement, les traits interrompus indiquent les lignes de transition prédites théoriquement. Les phases stables sont désignées sous forme abrégée (voir texte)." (NB : j'ai juste inventé un truc plausible, si ça se trouve, c'est faux.)

Exemple de "bon" texte alternatif : "Le diagramme de phase de l'eau a été exploré jusqu'à des pressions de l'ordre de 100 GPa. Au-dessus de 0,1 GPa, six phases solides stables ont été identifiées, en plus des trois phases de basse pression (glace ordinaire, liquide, vapeur). L'existence des phases glace-X pour des pressions supérieures à 100 GPa et glace-XI pour des pressions inférieures à 0,05 GPa et des températures inférieures à 90 K a été conjecturée." R 6 avr 2005 à 17:30 (CEST)

Je viens d'aller voir sur Accessiweb : le texte de l'attribut "alt" ne doit pas dépasser 60 caractères... Ce que propose Jyp est donc correct en tant que "alt". En revanche, le texte alternatif que je propose devrait pouvoir être accessible d'une manière ou d'une autre (attribut "longdesc" ?).

• Il y a un autre gros problème en suspens: les changements de langue. Lors de l'utilisation d'une synthèse vocale, les non et mal-voyants sont soumis à la prononciation de cette dernière. Si le mot relève d'une autre langue que la langue par défaut (le français pour "notre" Wiki), et si aucune indication n'est donnée à la synthèse, il sera lu avec l'accent français. Ça ira pour "parking", mais pas pour Gestalt qui sera lu géstalte. Et je ne vous parle pas là des mots en japonais qui émaillent nombre d'articles… Il n'est pas possible de corriger cela automatiquement. Mais on pourrait au moins suggérer à l'auteur d'indiquer cette langue (pour ceux qui s'y connaissent, un <span lang="de">Gestalt</span> par exemple, ou bien passer par un modèle {{de|Gestalt}}… GillesC -Жиль- 19 janvier 2006 à 09:35 (CET)

[modifier] Personne à dextérité réduite

Les caractères spéciaux comme # { [ | @ ] } sont indispensable à l'édition dans Wikipédia. Si vous ne parvenez pas à les saisir, voici quelques pistes (si vous êtes concerné des retours seraient les bienvenus) :

1. Vous pouvez utiliser un clavier « on the screen »
2. L'interface propose un outil équivalent : une ligne sous la fenêtre d'édition qui permet de saisir un grand nombre de caractères.
3. En utilisant le navigateur Firefox vous pouvez utiliser l'extension Wikipédia, disponible sur le site bananeweizen (le site est anglophone mais l'extension est traduite). L'extension fournit de nombreuses aides à l'édition accessibles par une barre d'outils ou par un clic-droit.

[modifier] Problèmes généraux

Toute image doit être décrite en employant une syntaxe du type [[NomImage.png|Description de l'image]]. Cela permet d'avoir un texte indiquant ce que représente l'image dans le cas des navigateurs ne pouvant pas représenter ces images (texte seulement, image désactivée, lecture vocale,...)

[modifier] Informer

Il faut :

• sensibiliser tous les contributeurs au problème
• informer les personnes concernées des possibilités existantes

[modifier] Actions à entreprendre

La référence en la matière est le site Accessiweb qui a recensé 92 critères pour évaluer l'accessibilité des sites.

• Des liens [accéder au contenu] [accéder à la navigation] (avec des raccourcis) pourraient sans doute aider la lecture par les aveugles. (à noter que je n'ai trouvé ce critère dans la page sus-citée)

[modifier] Quelques conseils

1. Éviter toute information uniquement présente sur des images (illisible pour les aveugles) ou sur la couleur (daltoniens) ;
2. Pour les images, utiliser systématiquement les Alt qui sont remplis correctement si on les indique avec la syntaxe wiki. Seuls les alt sont lus par les logiciels pour aveugles ;
3. ne jamais coder en dur les polices et les couleurs (les malvoyants lisent les sites en blanc sur noir et non en noir sur blanc) ;
4. Utiliser les * / # (ul/li/...) pour les listes verticales qui seront interprétées correctement par des logiciels pour aveugles (et les , et ; pour les listes horizontales). D'une manière générale avoir des pages en HTML correct ;
5. Éviter l'utilisation de tableaux pour la mise en page. Les systèmes pour aveugle, vocal ou braille, lisent les tableaux ligne par ligne de gauche à droite ;
6. Quand on utilise des caractères spéciaux dans un titre comme par exemple œ, Œ, É, Ê, Ç,... faire un redirect depuis un titre sans caractères spéciaux ;
7. Ne pas fixer la taille d'une police, préférer les balises <big></big> <small></small>...  ;
8. Pour les liens externes, donner des intitulés explicites. La lecture d'une URL ou "cliquez ici" n'est pas forcément parlant quant à la destination;

C'est essentiellement le navigateur qui doit faire le travail adéquat (réutilisation des préférences systèmes pour couleur/font).

[modifier] Ressources

• Accessibilité du web
• Standards et accessibilité
• en:Wikipedia:Alternative text for images