Le besoin
5.1 Les tableaux de mise en forme insérés par le CMS ont les caractéristiques suivantes :
- role = « presentation »
- compréhensibles en lecture linéaire
- pas d’éléments caption, th, thead, tfoot
- pas d’attributs scope, headers, axis, colgroup
5.2 Les tableaux de données simples ont les caractéristiques suivantes :
- élément caption, contribuable
- th pour les en-têtes, avec attribut scope pertinent
5.3 Les tableaux de données complexes ont les caractéristiques suivantes :
- élément caption, contribuable
- th pour les en-têtes, avec couples id/headers pour créer les associations en-têtes/cellules de données
Résultat
- Pas de fonctionnalité d’insertion de tableaux dans l’éditeur par défaut, installation du plugin WP_edit
- Pour les tableaux de mise en forme : pas d’attribut role = « presentation », possibilité de le saisir manuellement dans le code.
- Pour les tableaux de données, caption et en-têtes contribuables
- Pour les tableaux complexes, pas de gestion des couples id/headers, à saisir manuellement dans le code.
Exemple de tableau de mise en forme
Actualités Création d’une zone bleue en centre ville |
Agenda Foire à tout le 28 juin 2015 |
Méthode
- Utiliser la fonctionnalité « Tableau »
- « Insérer un tableau » avec le nombre de lignes et de colonnes nécessaires (ici 2 colonnes et 2 lignes)
- Saisir les données dans chaque cellule
Code généré
<table role="presentation"> <tbody> <tr> <td><strong>Actualités</strong> Création d'une zone bleue en centre ville</td> <td><strong>Agenda</strong> Foire à tout le 28 juin 2015</td> </tr> </tbody> </table>
Exemple de tableaux de données
Année | 1962 | 1968 | 1975 | 1982 | 1990 | 1999 | 2008 |
---|---|---|---|---|---|---|---|
Population | 774 | 807 | 1036 | 1140 | 1354 | 1716 | 1768 |
Méthode
- Utiliser la fonctionnalité « Tableau »
- « Insérer un tableau » avec le nombre de lignes et de colonnes nécessaires (ici 8 colonnes et 2 lignes)
- Dans « Propriétés du tableau », cocher la case « Légende » pour voir apparaître une zone pour saisir le titre du tableau (caption)
- Saisir le titre du tableau « Évolution de la population »
- Saisir les données dans chaque cellule
- Positionner le curseur sur l’en-tête « Année » et utiliser « Propriétés de la cellule du tableau », choisir « Cellule d’en-tête » pour le type de cellule et « Ligne » pour la portée
- Même chose pour l’en-tête de ligne « Population »
Code généré
<table><caption>Évolution de la population</caption> <tbody> <tr> <th scope="row">Année</th> <td>1962</td> <td>1968</td> <td>1975</td> <td>1982</td> <td>1990</td> <td>1999</td> <td>2008</td> </tr> <tr> <th scope="row">Population</th> <td>774</td> <td>807</td> <td>1036</td> <td>1140</td> <td>1354</td> <td>1716</td> <td>1768</td> </tr> </tbody> </table>