Bonjour et merci à tous, avec tout ça il a de quoi faire.
----- Mail original ----- De: "Luc S." <[email protected]> À: [email protected] Envoyé: Vendredi 23 Août 2013 11:07:59 Objet: [progliste] Re: accessibilité, points inc ontou rnables Bonjour Voici un document beaucoup plus compréhensible à la lecture sur l'accessibilité du web que celui dont vous avez donné l'adreszse.. http://www.accessiweb.org/index.php/accessiweb_2.2_liste_generale.html Pour ne pas se compliquer faire uniquement les recommandations de catégorie bronze, c'est spécifié entre crochets. par exemple : image : Critère 1.1 [Bronze] Chaque image a-t-elle une alternative textuelle ? Critère 1.2 [Bronze] Pour chaque image de décoration ayant une alternative textuelle , cette alternative est-elle vide Critère 1.3 [Bronze] Pour chaque image porteuse d'information ayant une alternative textuelle , cette alternative est-elle pertinente (hors cas particuliers ) ? les critères bronze suffisent aisément à rendre un site accessible, dans ce référentiel ils sont expliqué beaucoup plus clairement que dans le document officiel sur l'accessibilité appelé wcag. Luc Le 22/08/2013 15:07, LavaChri a écrit : Slt, Un petit oubli forcément dû au surmenage ... La technologie ARIA permèt d'enrichir la présentation HTML tout en préservant notre accéssibilité. Voici une description : http://www.lesintegristes.net/2008/12/09/introduction-a-wai-aria-traduction/ L'avantage le plus rapidement utilisable pour moi est l'utilisation de l'attribu ROLE dans les balises DIV. Ainsi, à l'aide de la touche Exclamation/Section l'on peut se déplacer de section en sextion en entendant la désignation associée. -----Message d'origine----- De : [email protected] [ mailto:[email protected] ] De la part de Yannick Youalé Envoyé : jeudi 22 août 2013 12:55 À : [email protected] Objet : [progliste] Re: accessibilité, points 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 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�.
