<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:o = "urn:schemas-microsoft-com:office:office"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.3157" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>Bonjour,</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>Il me semble qu'en plus, pour seulement trois
manifestations par mois, un calendrier n'est pas vraiment de bon aloi. Par
contre, l'Opéra de PARIS a bien éludé le problème :</FONT></DIV>
<DIV><FONT face=Arial size=2><A
href="http://www.operadeparis.fr/Saison-2007-2008/Operas.asp">http://www.operadeparis.fr/Saison-2007-2008/Operas.asp</A></FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>Bien cordialement,</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2>Jean-Philippe</FONT></DIV>
<BLOCKQUOTE
style="PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>
<DIV
style="BACKGROUND: #e4e4e4; FONT: 10pt arial; font-color: black"><B>From:</B>
<A title=jlbataille@free.fr href="mailto:jlbataille@free.fr">Jean-Louis
Bataille</A> </DIV>
<DIV style="FONT: 10pt arial"><B>To:</B> <A
title=accessibilite-numerique@list.accessiweb.org
href="mailto:accessibilite-numerique@list.accessiweb.org">accessibilite-numerique@list.accessiweb.org</A>
</DIV>
<DIV style="FONT: 10pt arial"><B>Sent:</B> Friday, August 31, 2007 2:00
AM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> Re: [accessibilite-numerique]
Calendrier/Agenda accessible</DIV>
<DIV><BR></DIV>
<DIV>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Bonjour
Annabel,</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Je vais
récidiver dans la série « dis-moi de quoi tu as besoin et je te
suggèrerai comment t’en passer ».</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Tu
écris : « Voici mes objectifs : créer sur un site un Agenda, de type
calendrier, annuel, présentant mois par mois des évènements, en moyenne 3
évènements par mois ou plus ».</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Comme
Catherine, je me serais prononcé pour la solution du tableau avant de
découvrir quelques inconvénients non négligeables.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Tu
écris : « J'aimerais comme sur un calendrier, une présentation
avec les mois en colonne, les jours en ligne, faire apparaitre la date et le
jour pour chaque ligne et faire apparaitre les we pour un repérage plus
aisé ».<BR style="mso-special-character: line-break"><BR
style="mso-special-character: line-break"></FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Si j’ai
bien compris, la première ligne d’entête serait constituée des mois de l’année
et la première colonne contiendrait le jour du mois, de 1 à 31.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Je n’ai
pas d’expérience personnelle de l’utilisation de tableaux accessibles, juste
un peu de théorie. Mais avant même de s’intéresser à l’accessibilité, as-tu
déjà essayé de lire un tableau de 12 colonnes par 32 lignes sur un
écran ?</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial
size=2>Personnellement, j’ai un peu de mal à suivre une ligne au-delà de la
5ème ou 6ème colonne. Aussi, je risque d’effectuer plusieurs allers-retours
pour déterminer un jour à partir du mois d’août.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>De
plus, je crains qu’avec toutes les informations que tu souhaites mettre dans
quelques cellules (si tel est le cas), la largeur du tableau ne dépasse celle
de la fenêtre et ne provoque l’apparition d’un ascenseur horizontal tout en
bas, avec tous les inconvénients que cela entraîne pour le reste de la page.
</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>En
outre, cela compliquerait la détermination d’une date au mois de novembre
alors que la première colonne serait sortie à gauche de la fenêtre suite à un
déplacement vers la droite de la page.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Cette
gêne serait encore amplifiée pour les internautes qui sont obligés d’agrandir
la taille des caractères.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Côté
accessibilité, il me semble qu’une synthèse vocale (ou un navigateur textuel)
lit par défaut un tableau de gauche à droite avant de passer à la ligne
suivante : 1er janvier, 1er février … 1er décembre, puis 2 janvier, 2
février et ainsi de suite. J’ignore par contre s’il existe un moyen pour
modifier cet ordre de lecture au niveau HTML ou CSS ? Je crains que
non.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>De
plus, j’ignore également s’il existe un moyen pour que la synthèse vocale
ignore certaines cellules (30 et 31 février, 31 avril …), Ni même les cellules
sans évènement. Dans le cas contraire, la synthèse vocale risque d’énoncer
inutilement 300 cellules vides (environ 5 évènements par mois).</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Si ton
objectif de créer un agenda sous forme de calendrier annuel n’est pas un
impératif, mieux vaudrait me semble-t-il abandonner le calendrier. <BR
style="mso-special-character: line-break"><BR
style="mso-special-character: line-break"></FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Tu
écris : « faire une liste, certes, la difficulté de l'accessibilité
est levée au sens de passer les critères mais visuellement ça ne me semble pas
la solution la plus lisible »</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Une
liste risque en effet de ne pas être très lisible. </FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>Par
contre, si tu structures bien ta page avec des titres biens choisis,
l’internaute trouvera les évènements qui l’intéressent plus facilement que
s’il n’avait à les chercher dans un tableau en partie masqué.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial size=2>De plus
une présentation fluide te laisse plus de liberté qu’un tableau pour présenter
chaque évènement. La présentation des actualités juridiques sur la page
d’accueil de </FONT><A href="http://www.cecidroits.info/"><FONT face=Arial
size=2>www.cecidroits.info</FONT></A><FONT face=Arial size=2> en est un bon
exemple.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial
size=2>Cordialement.</FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><FONT face=Arial><FONT
size=2><SPAN
style="mso-tab-count: 1">
</SPAN>Jean-Louis Bataille</FONT></FONT></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><SPAN
style="mso-tab-count: 1"><FONT face=Arial
size=2>
</FONT></SPAN><A href="http://www.votre-hotel.com/"><FONT face=Arial
size=2>http://www.votre-hotel.com</FONT></A></P>
<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><o:p><FONT face=Arial
size=2> </FONT></o:p></P></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<P>
<HR>
<P></P>_______________________________________________<BR>accessibilite-numerique
mailing
list<BR>accessibilite-numerique@list.accessiweb.org<BR>http://list.accessiweb.org/mailman/listinfo/accessibilite-numerique_list.accessiweb.org<BR></BLOCKQUOTE></BODY></HTML>