merci Yannick, ça fait déjà moins peur ! je lui transmets. ----- Mail original ----- De: "Yannick Youalé" <[email protected]> À: [email protected] Envoyé: Jeudi 22 Août 2013 12:55:16 Objet: [progliste] Re: accessibilité, p oints incontournables
Coucou Cécile ! A défaut de connaître les recommandations du W3C en matière d'accessibilité moi-même, je vais te dire ce que j'aime ou n'aime pas retrouver sur un site web. 1. Il faut que la page ait des titre (fait avec les balises h1, h2, h3, etc...). Cela me permet de me déplacer de sections en section dans la page par des racourcis clavier qui amènent au titre suivant ou précédent, ou même font lister les titres de la page en cours. 2. Trop d'animation javascript dans la page est souvent néfaste à la navigation du déficient visuel, notamment ceux chargés de déplacer des portions de texte. Par exemple, si ton gars doit faire des menus déroulants, je lui aurait conseillé de le faire en CSS plutôt qu'en javascript. 3. J'aime bien les lien en début de page intitulés: aller directement au contenu; aller directement au menu. Cela nous permet de sauter de souvent grosses portions de texte ou lien pour nous retrouver à l'essentiel. 4. Utiliser le plus possible les objets classique du langage html. Je parle de liens, éléments de formulaire, liste. Et éviter les genres d'objet de sa création, simulant le comportement d'objets classiques. Par exemple, du texte qui n'est pas un lien, mais sur lequel on peut cliquer. 5. Lorsqu'il créra un formulaire, il devra s'assurer que chaque champ soit associé à un label. Car, à l'arrivée sur le champ, le label explicatif nous est lu automatiquement et nous sert à nous repérer. 6. Poser des encre sur ses pages. En html, c'est la balise <a name="nom_de_lencre">. Pour ceux-là aussi, nous avons des raccourcis pour nous y déplacer. Exemple: * une encre pour le menu principal; * une encre pour le début du contenu principal de la page; * une encre pour une liste numérotée de pagination. 7. Mettre des raccourcis clavier dans sa page: * pour cliquer sur un bouton ou un lien; * pour se rendre à un champ de formulaire particulier; * pour passer à la page suivante; * etc. 8. Après une validation d'action (de formulaire généralement, s'évertuer à positionner l'utilisateur sur le message de succès ou d'erreur en ajoutant au chemin de la page le symbole # suivi du nom d'une encre qui sera placée à l'emplacement de ce message. Combien de fois il m'est arrivé de valider un formulaire pour ensuite faire des pieds et des mains afin de trouver l'endroit où était rédigé le message annonçant le résultat de l'action ? Voilà, je préfère m'arrêter ici, sous réserve d'avoir d'autres idées plus tard. Gros bisou ! Yannick Daniel Youalé La programmation est une religion. Aimez-la, ou quittez-la. ----- Original Message ----- From: <[email protected]> To: <[email protected]> Sent: Thursday, August 22, 2013 11:10 AM Subject: [progliste] accessibilité, points incontournables > Bonjour à tous, > Un ami a un gros site axé handicap moteur, il va mettre une nouvelle > version et voudrait que le site réponde aux normes d'accessibilité plus > générales, entre autres consultable par les non-voyants, il a parcouru ce > site : http://www.braillenet.org/accessibilite/referentiel-aw21 mais c'est > un truc de fou ! > Selon vous quels sont les critères qu'il doit respecter pour que son site > soit vraiment accessible sans toutefois verser dans un boulot monstrueux ? > Lorsque son nouveau module sera en place, je pourrai vous donner l'adresse > pour tester et lui faire remonter les problèmes rencontrés. > Merci d'avance les z'amis > Progliste : > Pour se dsinscrire de la liste : > mailto:[email protected]?subject=unsubscribe > > Pour voir les archives de la liste : > http://www.mail-archive.com/[email protected]/ > > Je vous rappelle que les pices jointe sont activs leur taille est limit 2 > MO > > Pour accder aux fichiers de la liste > http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr > Ou en utilisant la nouvelle page de partage : > http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt > Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv, je > vous rpondrez en priv. > > > Progliste : Pour se d�sinscrire de la liste : mailto:[email protected]?subject=unsubscribe Pour voir les archives de la liste : http://www.mail-archive.com/[email protected]/ Je vous rappelle que les pi�ces jointe sont activ�s leur taille est limit� � 2 MO Pour acc�der aux fichiers de la liste http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr Ou en utilisant la nouvelle page de partage : http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv�, je vous r�pondrez en priv�. Progliste : Pour se d�sinscrire de la liste : mailto:[email protected]?subject=unsubscribe Pour voir les archives de la liste : http://www.mail-archive.com/[email protected]/ Je vous rappelle que les pi�ces jointe sont activ�s leur taille est limit� � 2 MO Pour acc�der aux fichiers de la liste http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr Ou en utilisant la nouvelle page de partage : http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv�, je vous r�pondrez en priv�.
