5568 sujets

Sémantique web et HTML

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)
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).
Merci pour l'info mais encore faut-il être capable de l'utiliser. Smiley 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
Mathieu VanDriessche a écrit :
Merci pour l'info mais encore faut-il être capable de l'utiliser. Smiley 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 Smiley cligne ).

loicbcn a écrit :
Allez Mouscron.

Mais encore ?