Des livres incontournables pour tout maîtriser

  • CSS2
  • Réussir son site web avec XHTML et CSS
  • PHP 5 avancé
  • Memento CSS
  • Memento XHTML
  • Ergonomie web
  • Bien rédiger pour le web
Auteur
Mathieu VanDriessche
# 02 Jul 2009 - 13:26:31
Citer
133 Posts
Bonjour,

Je dois implémenter le code html de ce tableau.
upload/6470-ScreenShot0.png

Voici mon code:

<table border="1" summary="Résultats de Football National Messieurs Division 1 pour la période du 14/12/2008 au 16/12/2008">
<caption>Résultats du 14/12/2008 au 16/12/2008</caption>
<thead>
<tr>
<th scope="col">Heure</th>
<th scope="col">Équipe à domicile</th>
<th scope="col">Score</th>
<th scope="col">Équipe en déplacement</th>
</tr>
</thead>
<tbody>
<tr>
<th colspan="4" scope="rowgroup">Vendredi 12 décembre 2008</th>
</tr>
<tr>
<td>19h</td>
<td>Anderlecht</td>
<td>0 - 0</td>
<td>Zulte-War</td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="4" scope="rowgroup">Samedi 13 décembre 2008</th>
</tr>
<tr>
<td>19h</td>
<td>FC Bruges</td>
<td>2 - 1</td>
<td>Charleroi</td>
</tr>
<tr>
<td>19h</td>
<td>Standard</td>
<td>0 - 1</td>
<td>Courtrai</td>
</tr>
<tr>
<td>19h</td>
<td>Genk</td>
<td>2 - 2</td>
<td>Dender</td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="4" scope="rowgroup">Dimanche 14 décembre 2008</th>
</tr>
<tr>
<td>19h</td>
<td>CS Bruges</td>
<td>0 - 0</td>
<td>Tubize</td>
</tr>
<tr>
<td>21h</td>
<td>La Gantoise</td>
<td>2 - 0</td>
<td>SV Roulers</td>
</tr>
</tbody>
</table>

Ce code est valide mais je m'interroge:
Pensez-vous que la structure et la sémantique sont correctes ?
Mon usage des th et de l'argument scope est-il pertinent ?
L'accessibilité peut-elle être améliorée ? Le tableau est-il consultable de manière correcte via un lecteur d'écran ?

Merci
Modifié par Mathieu VanDriessche (02 Jul 2009 - 15:28)

http://www.lalibre.be 
^
Laurie-Anne
# 02 Jul 2009 - 13:33:44
Citer
Modérateur
2709 Posts
Bonjour,

Il faudrait tester la page avec un lecteur d'acran pour en être sûr, mais à première vue, ton code m'a l'air tout à fait correct et accessible.

Si tu veux tester tes page avec JAWS, tu peux le télécharger gratuitement en version d'essai, qui te permettra de l'utiliser par sessions de 40 min (après il faut rebooter pour l'utiliser de nouveau).

Faut pas dire du mal d'IE6... Nan, faut pas.

http://laurie-anne.bourdain.name 
^
Mathieu VanDriessche
# 02 Jul 2009 - 13:42:07
Citer
133 Posts
Merci pour l'info mais encore faut-il être capable de l'utiliser. cligne
Toutefois, il serait temps que je m'y mette.

Si quelqu'un pouvait vite tester pour moi dans un premier temps ce serait super sympa.

Merci

http://www.lalibre.be 
^
loicbcn
# 02 Jul 2009 - 13:56:10
Citer
77 Posts
Allez Mouscron.

C'est en forgeant qu'on se blesse.

http://loic.donot.free.fr 
^
Laurie-Anne
# 02 Jul 2009 - 13:59:27
Citer
Modérateur
2709 Posts
Mathieu VanDriessche a écrit :
Merci pour l'info mais encore faut-il être capable de l'utiliser. cligne
Toutefois, il serait temps que je m'y mette.
JAWS est relativement intuitif à utilise. Par celà j'entends, que même sans savoir l'utiliser, il est possible de tester un site avec, de voir comme est lue une page (en gros on touche à rien et on laisse lire cligne ).

loicbcn a écrit :
Allez Mouscron.

Mais encore ?

Faut pas dire du mal d'IE6... Nan, faut pas.

http://laurie-anne.bourdain.name 
^
Powered by Phedio v3.8.6 beta in 102.4 ms © dew