1178 sujets

Accessibilité du Web

Bonjour,

Je me lance à mon tour dans l'accessibilité! Etant spécialisée dans Flash, j'ai préféré réaliser mon site entièrement en html afin d'éviter de faire deux accès différents et donc deux sites différents. D'autant plus que ce site s'adresse à une asso d'aveugles en charge du dressage de chiens guides. Voici le lien : http://www.hydraeurope.com
Or, étant novice dans ces langages de prog je tourne en rond et n'arrive pas à me décider ente le html, le xhtml...!! Plus je me renseigne sur le sujet (forums, sites, référentiels, ...) et plus je suis paumée. On m'a même dit que si je passe en xhtml qu'il vaux mieux que je reste en transitionnel et non en strict...? Pourquoi? Que faire: rester en html, passer en xhtml1 ou 1.1 ? A l'aide!!
Par la même occasion vos remarques sur mon site en cours d'accessibilité seront les bienvenues !!!
Merci.
Si tu hésites, c'est que tu n'as pas réellement besoin d'XHTML 1.1 ou autre.

Je te conseille un bon vieux doctype XHTML Transitional : suffisament souple vu que tu débutes, et en même temps parfaitement adapté à faire un site purement conforme.
En ce qui concerne l'accessibilité, je n'aurais que quelques remarques de détails. Ton site est dans l'ensemble très accessible, c'est assez rare pour être souligné, bravo de tes efforts Smiley clapclap

Voici pour les remarques:
- quand tu lies vers un fichier zip(pdf), indique dans l'intitulé du lien (ou le title) qu'il s'agit d'un pdf. Certaines aides techniques permettent de "scanner" une page afin de n'en donner que les liens, et avec ton code, l'info qui dit que c'est un pdf et sa taille n'est pas disponible.
- tant que tu y es, profites-en pour mettre un lien vers le téléchargement d'Acrobat Reader
- si ton pdf n'est pas accessible, mets sur la même page une adresse de contact
- dans ton formulaire, utilise des balises label pour associer des champs avec leurs étiquettes. Par exemple, au lieu de

Nom/last name * : 
    <input name="nom" id="nom" type="text">

mets plutôt

<label for="nom">Nom/<span lang="en">last name</span> *:</label><input name="nom" id="nom" type="text">

Pour une synthèse vocale, c'est plus pratique et puis cela permet de cliquer sur "Nom" pour que le focus passe au champ de formulaire.
- comme tu l'as remarqué sur l'exemple précédent, indique tes changements de langue (avec une synthèse vocale, imagine le tableau si tu ne le fais pas Smiley sweatdrop )

En espérant que cela t'aide!

edit de 17h50: j'ai ajouté une balise </span> que j'avais malencontreusement oubliée...
Modifié par Gilles (16 Jun 2005 - 17:39)
Smiley smile merci pour vos réponses, ça fait du bien d'avoir des retombées du travail effectué!
Gilles : je vais corriger de suite les éléments que tu as remarqué sur mon site.
TriadPtale et Raphael : j'ai lu la série "Laisser tomber le XHTML ?"...et je suis encore paumée...!!! Puisque c'est ça je coupe la poire en deux et je passerai en XHTML transitionnel ! Il ya une conversion automatique sur Dream et Webxact (http://webxact.watchfire.com) me le valide fidelement.
Une fois que j'aurai fais tout ça, je vais voir les sujets sur le forum concernant la synthèse vocale pour m'y mettre!
Bonne soirée.