[Monique]

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

Ce message a été modifié par Monique - 23 février 2009 - 12:43.
Raison de l'édition : Mise à jour

[Monique]

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

[Sebastien]

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

A rajouter également, Visual Impairment Simulator :
http://cita.rehab.ui...is/?status=home

Et Adesigner d'IBM (version alpha gratuite) :
http://www.alphawork.../tech/adesigner

[Monique]

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.

[FrenchFred]

Bonjour,

Sebastien, le vendredi 13 mai 2005, 14h24, dit :

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

[fre]

Allez ... un peu de pub pour accessiweb ... ils ont une rubrique qui liste pas mal de ressources, si elle n'est pas complète, les experts présents sur le forum pourront peut être demander à ce qu'elle soit enrichie non ?

http://accessiweb.or...ibilite_du_web/

[Monique]

Bonjour,

La version 1.0 de la barre Web Developer est sortie

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).

Ce message a été modifié par Monique - 03 janvier 2006 - 14:16.

[tribords]

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

[dunjl]

Bonjour,

J'y ajoute la toute nouvelle Barre Accessiweb

Citation

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.

[crapaud45]

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

[Sebastien]

Citation

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.

Citation

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.accessiwe...iweb/index.html
http://www.la-grange.../accessibilite/

[kiara]

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.

Citation

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)

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.

[utilisabilisation]

Bonjour,

Je propose de rajouter à ces outils l'article en trois parties "Évaluer l’accessibilité d’un 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 :

• Les préliminaires ;
  
• Les premiers points à vérifier ;
  
• Aller plus loin.

Ce message a été modifié par utilisabilisation - 26 mars 2007 - 19:05.