[CC21] eAccessibility
Bonjour la liste, Quels sont les critères pour rendre un site e-accessible ? Uniquement les standards du W3C ? Ces critères sont-ils différents en focntion du pays où le site est hébergé ? (Je suppose que non, mais mieux vaut prévenir que guérir, donc j'anticipe.) Est-ce que la navigation par tabulation en fait partie ? Merci pour vos lumières. @+ Joseph -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED]
Re: [CC21] eAccessibility
http://www.anysurfer.be/ - Original Message - From: Joseph Thirionet [EMAIL PROTECTED] To: CyberCafe21@lists.exmachina.net Sent: Tuesday, November 28, 2006 9:32 AM Subject: [CC21] eAccessibility Bonjour la liste, Quels sont les critères pour rendre un site e-accessible ? Uniquement les standards du W3C ? Ces critères sont-ils différents en focntion du pays où le site est hébergé ? (Je suppose que non, mais mieux vaut prévenir que guérir, donc j'anticipe.) Est-ce que la navigation par tabulation en fait partie ? Merci pour vos lumières. @+ Joseph -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED] -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED]
Re: [CC21] eAccessibility
Joseph Thirionet wrote: Bonjour la liste, Quels sont les critères pour rendre un site e-accessible ? Uniquement les standards du W3C ? avoir un site valide est déjà une bonne chose ... c'est nécessaire, mais pas suffisant ... quelques règles auxquelles j'essaie de me conformer ... 1) un attribut alt pour toutes les images 2) une alternative texte pour toutes les crasses type contenu flash ou menu flash 3) éviter les frames, on est au 21ème siècle 4) éviter les multiples tableaux imbriqués 5) un site bien structuré 6) séparé sémantique (fichier html) de l'affichage (fichier css) ... et le site doit être lisible en voyant le site sans css 7) y a des balises spécifiques pour les titres, citations, listes etc ... l'html ne se limite pas à 4 tags ... -- utiliser h1; h2, h3, p, blockquote, ul, ol, li etc ... 8) les gens qui ont des problèmes de vues aiment augmenter la taille des fonts de l'écran ... IE refuse de les augmenter si les fonts sont définis en px dans la css -- préféré des valeurs en em autant que possible, et tester sur plusieurs config (dont windows, configuré en police 120dpi plutot que 96, c'est parfois surprenant) 9) finalement, valider avec http://www.contentquality.com/ en confiant le travail à Cynthia ... qui validera le niveau d'accessibilité du site Ca peut sembler con ... mais faut pas oublier de penser aux malvoyants ... et quand bien même le webmaster s'en fout ... ce n'est pas un travail perdu ... ne dit-on pas que google est le plus grand surfeur aveugle du monde? -- Jean-Michel Reghem Text To Speech Engineer - Project Manager E-Mail : mailto:[EMAIL PROTECTED] Acapela Group Boulevard Dolez 33 B-7000 Mons (Belgium) Tel: +32-(0)65 37.43.06 http://www.acapela-group.com -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED]
Re: [CC21] eAccessibility
Tout à fait d'accord avec toi. En fait le problème que j'ai est le suivant : Un client est très à cheval sur l'aspect accessibilité de son site. On fait un maximum pour que ce soit le cas mais je me demande si ses requêtes ne dépassent pas l'aspect accessibilité. C'est pour cela que je cherche un document, un site, ... plus ou moins officiel traitant de la chose. Ce qui me préoccupe pour le moment est un phénomène assez curieux : Lorsque l'on navigue de liens en liens (et champs de formulaire, ...), la présélection se retrouve coincée dans un effet de bouclage sur les éléments d'un simple petit formulaire de recherche qui se trouve en haut de la page. Si on clique ailleurs dans la page, la navigation par tabulation reprend son cours normal jusqu'au moment où l'on revient dans ce satané formulaire. Il n'a pourtant absolument rien de spécial, un champ texte, un champ hidden, un bouton de type image, les tags form et /form correctement formatés avec une action vers une simple page php, sans éléments spéciaux (javascript, dhtml, ...) Vraiment tout simple. D'ailleurs un autre mini-formulaire (avec un autre nom bien sûr) se trouve dans la page, tout aussi simple, pour l'identification du surfeur. Et pas de problème avec lui. Sur Internet Exmplorer, on a ce phénomène, alors que sur Firefox, pas de problème. Allez comprendre... On a essayé également d'imposer un ordre de tabulation en appliquant le paramètre tabindex à des liens en dehors de ce petit formulaire. On sort effectivement de la boucle mais dès que le dernier tabindex est atteint, on retourne directement dans la boucle infernale. Je ne peux pas mettre des tabindex partout, le site est géré par un cms. D'où pas mal de complications pour arriver à forcer un tabindex à tout les liens générés automatiquement. Voilà pourquoi je suis particulièrement interressé par le fait que la navigation par tabulation fasse partie ou non des critères pour rendre un site e-accessible. Merci Philippe et Jean-Michel pour les liens, je ne les connaissait pas ceux-là. C'est toujours bien intéressant d'avoir plusieurs sons de cloches. Alors pour résumer : - navigation par tabulation : critère pour rendre un site e-accessible ? et/ou - une idée pour résoudre ce curieux phénomène ? Merci d'avance. @+ Joseph At 10:15 28/11/2006 +0100, you wrote: Joseph Thirionet wrote: Bonjour la liste, Quels sont les critères pour rendre un site e-accessible ? Uniquement les standards du W3C ? avoir un site valide est déjà une bonne chose ... c'est nécessaire, mais pas suffisant ... quelques règles auxquelles j'essaie de me conformer ... 1) un attribut alt pour toutes les images 2) une alternative texte pour toutes les crasses type contenu flash ou menu flash 3) éviter les frames, on est au 21ème siècle 4) éviter les multiples tableaux imbriqués 5) un site bien structuré 6) séparé sémantique (fichier html) de l'affichage (fichier css) ... et le site doit être lisible en voyant le site sans css 7) y a des balises spécifiques pour les titres, citations, listes etc ... l'html ne se limite pas à 4 tags ... -- utiliser h1; h2, h3, p, blockquote, ul, ol, li etc ... 8) les gens qui ont des problèmes de vues aiment augmenter la taille des fonts de l'écran ... IE refuse de les augmenter si les fonts sont définis en px dans la css -- préféré des valeurs en em autant que possible, et tester sur plusieurs config (dont windows, configuré en police 120dpi plutot que 96, c'est parfois surprenant) 9) finalement, valider avec http://www.contentquality.com/ en confiant le travail à Cynthia ... qui validera le niveau d'accessibilité du site Ca peut sembler con ... mais faut pas oublier de penser aux malvoyants ... et quand bien même le webmaster s'en fout ... ce n'est pas un travail perdu ... ne dit-on pas que google est le plus grand surfeur aveugle du monde? -- Jean-Michel Reghem Text To Speech Engineer - Project Manager E-Mail : mailto:[EMAIL PROTECTED] Acapela Group Boulevard Dolez 33 B-7000 Mons (Belgium) Tel: +32-(0)65 37.43.06 http://www.acapela-group.com -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED] Bien à vous. Joseph - - Joseph Thirionet SYSTEMAT (N.T.C.) Zoning Industriel Allée Centrale B-6040 JUMET Tél: (071) 30 67 47 Fax: (071) 25 58 00 Sites Web: http://www.ntc.be http://www.systemat.com E-mail: [EMAIL PROTECTED] -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED]
Re: [CC21] eAccessibility
Joseph Thirionet wrote: Sur Internet Exmplorer, on a ce phénomène, alors que sur Firefox, pas de problème. Allez comprendre... pas la peine ... c'est tout compris ... IE et l'accessibility faisant 3 peut-être des pistes ici: http://juicystudio.com/article/ie-keyboard-navigation.php -- Jean-Michel Reghem Text To Speech Engineer - Project Manager E-Mail : mailto:[EMAIL PROTECTED] Acapela Group Boulevard Dolez 33 B-7000 Mons (Belgium) Tel: +32-(0)65 37.43.06 http://www.acapela-group.com -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED]
Re: [CC21] eAccessibility
Merci Jean-Michel, Je commence à voir une petite lumière au fond de la nuit. On est sur la bonne piste. Très intéressant ce document avec les tabindex à 0 ou -1. En fait en faisant cela, on a constaté que le problème n'était pas au niveau de ce petit formulaire, mais en réalité aux éléments qui se trouvent juste derrière. Ces éléments sont en fait le menu généré automatiquement par le cms. Et sur chacun des liens, il y a un onfocus qui fait appel à une fonction javascript d'estompage dans le cas où IE est détecté. Mais c'est bien sûr! Comme dirait l'autre... Reste plus qu'à trouver une manière pour retirer ce onfocus du système. Et au passage, j'ai désactivé avec un tabindex=-1 le focus du champ caché du petit formulaire injustement dénoncé. Histoire de faire les choses proprement. @+ Joseph At 13:54 28/11/2006 +0100, you wrote: Joseph Thirionet wrote: Sur Internet Exmplorer, on a ce phénomène, alors que sur Firefox, pas de problème. Allez comprendre... pas la peine ... c'est tout compris ... IE et l'accessibility faisant 3 peut-être des pistes ici: http://juicystudio.com/article/ie-keyboard-navigation.php -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED]
Re: [CC21] eAccessibility
Tristan Nitot parle de l'accessibilité justement sur son blog : http://standblog.org/blog/2006/11/28/93114968-journee-internationale-des-personnes-handicapees JF Le 28/11/06, Joseph Thirionet[EMAIL PROTECTED] a écrit : Merci Jean-Michel, Je commence à voir une petite lumière au fond de la nuit. On est sur la bonne piste. Très intéressant ce document avec les tabindex à 0 ou -1. En fait en faisant cela, on a constaté que le problème n'était pas au niveau de ce petit formulaire, mais en réalité aux éléments qui se trouvent juste derrière. Ces éléments sont en fait le menu généré automatiquement par le cms. Et sur chacun des liens, il y a un onfocus qui fait appel à une fonction javascript d'estompage dans le cas où IE est détecté. Mais c'est bien sûr! Comme dirait l'autre... Reste plus qu'à trouver une manière pour retirer ce onfocus du système. Et au passage, j'ai désactivé avec un tabindex=-1 le focus du champ caché du petit formulaire injustement dénoncé. Histoire de faire les choses proprement. @+ Joseph At 13:54 28/11/2006 +0100, you wrote: Joseph Thirionet wrote: Sur Internet Exmplorer, on a ce phénomène, alors que sur Firefox, pas de problème. Allez comprendre... pas la peine ... c'est tout compris ... IE et l'accessibility faisant 3 peut-être des pistes ici: http://juicystudio.com/article/ie-keyboard-navigation.php -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED] -- New CyberCafe address: http://cybercafe.exmachina.tv Cette liste vous est offerte par Emakina http://www.emakina.com/ Emakina: technologie et creativite au service de vos projets Web. Desabonnement par mail : mailto:[EMAIL PROTECTED]