Aller au contenu
Monique

Outils pour tester l'accessibilité d'une page

Noter ce sujet :

Recommended Posts

Bonjour,

Pour créer ou tester une page Web, il est indispensable de bien connaître les critères à appliquer :

- Directives pour l'accessibilité aux contenus Web 1.0 - WCAG 1.0

- Techniques pour les règles d'accessibilité du contenu Web 1.0

- Directives pour l'accessibilité aux contenus Web 2.0 - ébauche WCAG 2.0 (version du 30 juin 2005)

- Web Content Accessibility Guidelines (WCAG) 2.0 - recommandation depuis le 11 décembre 2008

La première étape est la vérification de la validité du code et de sa conformité aux spécifications du W3C en fonction du doctype choisi (liste des validateurs HTML, CSS, RSS et Atom).

Il existe plusieurs outils de vérification pour aider à l'analyse du niveau d'accessibilité d'une page :

- Cynthia Says en anglais (utilisé dans la barre Web developer)

- WAVE en anglais (WebAIM)

- Ocawa

Ces outils sont très utiles mais ne sont pas suffisants, de nombreux points nécessitent une évaluation humaine. C'est à ce niveau qu'une série de barres d'outils se révèlent vite indispensables.

- Web Developer en français Mozilla® Firefox

- Mozilla Accessibility Extension

- Fangs en anglais (émulateur de lecteur d'écran)

- Script JAWS et extension pour Firefox 1.0

- Web Accessibility Toolbar en anglais, pour Internet Explorer

A signaler, cette barre d'outils pour Firefox et à l'usage des internautes : Accessibar

Des outils en ligne pour des analyses plus spécifiques sont également disponibles :

- Color Vision permet de vérifier le choix des couleurs en fonction des problèmes de perception des couleurs (dyschromatopsie)

Une dernière catégorie d'outils à ne pas négliger : les logiciels à installer sur son ordinateur.

- A-Prompt permet de vérifier l'accessibilité d'une page et faire les corrections nécessaires pour corriger les problèmes décelés

- nColor permet de sélectionner les couleurs en fonction des problèmes de dyschromatopsie

- Visual Impairment Simulator permet de "voir" le contenu de l'écran au travers de différents types de handicap visuel

Modifié par Monique
Mise à jour

Partager ce message


Lien à poster
Partager sur d’autres sites

En complément de la liste d'outils, un relevé de quelques discussions à leur propos :

Table of Content & Mozilla Accessibility Extension

Problèmes d'utilisation

Barres d'outils dédiées à l'accessibilité

Utilisation de la Web accessibility toolbar pour IE

Naviguer avec Jaws et Firefox

Intervention de Luc, webmaster non-voyant et traducteur de l'extension.

Les couleurs pour les daltoniens

Interventions d'utilisateurs daltoniens

Partager ce message


Lien à poster
Partager sur d’autres sites

Merci Monique, ce serait peut être bien d'épingler ce topic non ?

A rajouter également, Visual Impairment Simulator :

http://cita.rehab.uiuc.edu/software/vis/?status=home

Et Adesigner d'IBM (version alpha gratuite) :

http://www.alphaworks.ibm.com/tech/adesigner

Partager ce message


Lien à poster
Partager sur d’autres sites

Je viens de l'épingler... c'était dans cette intention que j'ai ouvert ce topic ;)

Je sais que tout n'y est pas encore et je vais le compléter bien sûr, de même que le relevé des discussions intéressantes sur l'utilisation de ces outils.

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour,

Merci Monique, ce serait peut être bien d'épingler ce topic non ?

Pareil ;)

A noter que Opera permet aussi quelques fonctionnalites tel que les styles

-Auteur style de la page

-User mode: Permet de configurer l'affichage

De plus Il exsite le plugin Web Developer avec moultes fonctionnalites

Cordialement,

FRed

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour,

La version 1.0 de la barre Web Developer est sortie :up:

Les menus ont été réagencés et améliorés, de nouvelles fonctions ont été ajoutées : diverses manipulations de blocs sélectionnés, édition du code HTML...

Matthieu en a fait une première analyse et la liste des fonctions est sur BlogZinet.

A découvrir absolument !

Seule la version anglaise est disponible pour le moment, mais l'équipe de traducteurs de Geckozone va certainement nous permettre de disposer bientôt d'une version française (je vous tiendrai au courant, bien-sûr).

Modifié par Monique

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour, je profite du topic pour rappeler l'existence de http://www.validome.org un validateur qui permet de valider en français (report des erreurs) et tout ça conforme au W3C.

Exemple de reports :

** La balise fermante br n'a pas pu être trouvée alors qu'elle est obligatoire. **

** L'attribut `align` n'est pas autorisé dans la balise div. **

Pratique pour les anglophobiques :)

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour,

J'y ajoute la toute nouvelle Barre Accessiweb

La barre AccessiWeb permet d'aider tout internaute à évaluer manuellement l'accessibilité d'un site Web suivant les 92 critères AccessiWeb.

Elle ne fonctionne que sous IE.

Partager ce message


Lien à poster
Partager sur d’autres sites

Oula, tous ces liens sont instructifs, mais c'est loin d'être évident.

je suis désolée si je poses des questions évidentes, mais je suis un peu perdue, j'attaque là des problèmes qui me paraissent complexe et un coup de main serait bienvenue et apprécié.

1/ Bien utilisé javascript apporte du confort pour le visiteur d'un site mais certaines enquêtes montrent que pour une raison ou pour une autre 11 % des utilisateurs n'a pas le javascript d'activé sur son navigateur. C'est notamment le cas des navigateurs textuels et si vous rendez l'utilisation du javascript obligatoire sur un site vous interdisez l'accès à ce site à de nombreuses personnes.

euh, c'est quoi javascript ? Il y a quoi comme alternative ?

2/ certaines balises sont " qualifiées de dépréciées par le W3C ". OK, si j'ai bien compris il faut mettre en place une feuille de style externe regroupant tous les attributs de présentation. Vi, d'accord, mais comment fait on ? Est ce possible sur un forum "clef en main" ?

3/ comment fait on pour fournir un équivalent texte à une image ?

4/ si je comprends bien, certaines personnes n'utilisent pas de souris et du coup il faut prévoir une autre manière de naviguer. Comment tester que notre site offre cette seconde possibilité ? Comment mettre une autre manière de naviguer en place si cela ne marche pas ?

Bon déjà si j'arrive à comprendre comment il faut faire avec tout ça, j'aurai du travail en perspective.

Merci pour les explications

Partager ce message


Lien à poster
Partager sur d’autres sites
euh, c'est quoi javascript ? Il y a quoi comme alternative ?

Jacascript est comme son nom l'indique un langage de scripting (de programmation). Il est possible d'utiliser javascript mais celui-ci ne doit pas être obtrusif, càd ne pas bloquer les utilisateurs ne pouvant l'interprêter.

comment fait on pour fournir un équivalent texte à une image ?

On utilise l'attribut alt, comme ceci :

<img href="tonimage.gif" alt="texte alternatif décrivant l'image"/>

Je te suggère de consulter ces 2 sites :

http://www.accessiweb.org/fr/guide_accessiweb/index.html

http://www.la-grange.net/accessibilite/

Partager ce message


Lien à poster
Partager sur d’autres sites

L'alternative a javascript est la balise <noscript>alternative a javascript</noscript>

En cas d'utilisation de javascipt, il est nécessaire de veiller

a ce que l'information soit identique sans l'activation de celui-ci.

si je comprends bien, certaines personnes n'utilisent pas de souris et du coup il faut prévoir une autre manière de naviguer. Comment tester que notre site offre cette seconde possibilité ? Comment mettre une autre manière de naviguer en place si cela ne marche pas ?

Pour utiliser une souris, il faut visionner le pointeur, et être aussi en pleine capacité de ses mouvements.

Aussi les personnes n'ayant plus la vue, ou les personnes atteintes de maladie de Parkinson par exemple

n'ont pas l'accès, ou peu (dans le 2eme cas), à la souris.

Certaines bornes internet sont tactiles, et pas très précises pour les menus déroulants par exemple,

(les ordinateurs portable avec ce sacré pad, que je n'arrive pas à maîtriser) :evil:

Dans ce cas, la navigation est beaucoup plus rapide au clavier avec la touche de tabulation

et la touche entrée.

Pour tester, il suffit de désactiver javascript, et d'utiliser le clavier.

pour être complètement convaincu de l'accessibilité,

il faut écouter le site a l'aide d'une aide technique(Home Page Reader par exemple), tout en ayant l'écran éteint, et en essayant de naviguer.

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour,

Je propose de rajouter à ces outils l'article en trois parties "Évaluer laccessibilité dun site web" de Roger Johansson.

D'accord, ce n'est précisément pas un outil, mais plutôt une méthode. Et puis des outils avec un mode d'emploi c'est plus facile à utiliser, non ?

Voici les trois parties :

  1. Les préliminaires ;
  2. Les premiers points à vérifier ;
  3. Aller plus loin.

Modifié par utilisabilisation

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×