<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16525" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY>
<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"><?xml:namespace prefix = o ns =
"urn:schemas-microsoft-com:office:office" /><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></BODY></HTML>