Un truc m'avait étonné dans le livre de Joe Clark, à propos des tables. Moi qui avait toujours cru que les tables, c'est mal (TM)
, la position de Joe Clark est beaucoup plus nuancée. Avant de vous réjouir trop vite, je tiens à préciser que les tables imbriquées, c'est toujours inaccessible. Mais il existe que ce Joe Clark appelle le table trick
, qui permet l'utilisation de tables simples pour une mise en page combinant CSS et tableaux, pour ceux qui tiennent absolument à supporter l'antédiluvien Netscape 4.
Prenons l'exemple d'une page à deux colonnes. A gauche, la navigation, à droite, le contenu. L'astuce consiste à mettre en haut à gauche une cellule vide, puis dans la cellule immédiatement à droite, un cellule avec l'attribut rowspan="2". Ensuite, dans la colonne de gauche, deuxième ligne, la navigation. Graphiquement, l'apparence n'est pas changée, ou presque. Par contre, lors de la linéarisation de la page par un navigateur spécialisé (plage Braille, synthétiseur vocal, navigateur texte...) le contenu sera présenté avant la cellule contenant la navigation. Cela permet un accès direct au contenu sans avoir à subir la lecture des tous les liens de la navigation. Je conçois que cela puisse paraître un peu abscon présenté comme cela, aussi avais-je sur mes tablettes le projet d'illustrer ce propos avec du code, malgré ma répulsion pour les tableaux. 
C'est alors, que sur les conseils de Pascale je suis allé visiter une page destinée à l'optimisation des sites pour les moteurs de recherche. Et je suis tombé sur une illustration de l'astuce des tableaux. Avec cette illustration, mon propos (enfin, celui de Joe Clark, initialement) est sûrement plus clair, non ? En passant sur ce site, on pourra aussi lire avec profit un article sur l'intérêt du XHTML et des CSS, qui précède un tutoriel.
