Monique Posté 13 Mai 2005 Posté 13 Mai 2005 (modifié) 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é 23 Février 2009 par Monique Mise à jour
Monique Posté 13 Mai 2005 Auteur Posté 13 Mai 2005 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 Posté 13 Mai 2005 Posté 13 Mai 2005 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
Monique Posté 13 Mai 2005 Auteur Posté 13 Mai 2005 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 Posté 13 Mai 2005 Posté 13 Mai 2005 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
fre Posté 16 Mai 2005 Posté 16 Mai 2005 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.org/fr/portail_accessibilite_du_web/
Monique Posté 2 Janvier 2006 Auteur Posté 2 Janvier 2006 (modifié) 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). Modifié 3 Janvier 2006 par Monique
buzzistic Posté 2 Janvier 2006 Posté 2 Janvier 2006 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 Posté 31 Juillet 2006 Posté 31 Juillet 2006 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.
crapaud45 Posté 28 Octobre 2006 Posté 28 Octobre 2006 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 Posté 28 Octobre 2006 Posté 28 Octobre 2006 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/
kiara Posté 28 Octobre 2006 Posté 28 Octobre 2006 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) 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 Posté 26 Mars 2007 Posté 26 Mars 2007 (modifié) 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 : Les préliminaires ; Les premiers points à vérifier ; Aller plus loin. Modifié 26 Mars 2007 par utilisabilisation
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant