Tableaux : Créer des tableaux accessibles dans l'éditeur de texte [CKEditor]

Dans le présent tutoriel, on vous expliquera comment créer des tableaux accessibles au moyen de l'éditeur de texte. Veuillez noter que, pour des raisons d'accessibilité, les tableaux doivent comprendre uniquement des données tabulaires; ils ne doivent jamais servir à d'autres fins conceptuelles. Les tableaux doivent également demeurer simples afin de faciliter la lecture pour les utilisateurs de lecteurs d'écran.


 

Synthèse des règles d'accessibilité

  • Dans les tableaux, n’utilisez que des données tabulaires.
  • Identifiez la rangée ou la colonne utilisée comme en-tête.
  • Évitez de fusionner des cellules, des rangées et des colonnes.
  • Si aucun en-tête ne précède le tableau, ajoutez un titre (également appelé légende ou caption) pour décrire le tableau.

 

Solutions de remplacement pour les tableaux complexes

En raison de ces restrictions, les tableaux ne conviendront pas dans tous les cas. Si vous avez des tableaux complexes, envisagez de présenter l'information d'une autre manière. Voici quelques idées :

  • Divisez le tableau complexe en de nombreux tableaux simples plus petits.
  • Présentez l'information de façon plus linéaire et sans utiliser des tableaux, peut-être utilisant uniquement des paragraphes et des listes à puces.
  • Pour les webmestres, si vous devez utiliser un tableau pour obtenir un certain design, envisagez plutôt d'utiliser une liste de contenu dynamique.

Créer un tableau

1. Commencez par cliquer sur l'icône en forme de tableau dans la barre d'outils.

Cliquer sur l'icône en forme de tableau

2. Une boîte contextuelle comme la suivante s'affichera.

Boîte contextuelle Propriétés du tableau

À cette étape-ci, envisagez de configurer les options suivantes:

  • Lignes : Saisissez le nombre de rangées que contiendra votre tableau.
  • Colonnes : Saisissez le nombre de colonnes que contiendra votre tableau.
  • En-têtes : Choisissez soit « Première ligne », « Première colonne » ou « Les deux ».
  • Titre : Au besoin, saisissez un titre qui décrit le contenu de votre tableau.
  • Résumé : Au besoin, fournissez un résumé de la structure du tableau (et non du contenu). Ce résumé sera uniquement exposé aux lecteurs d'écran.

Tous les autres paramètres ne sont pas nécessaires et pourraient être ignorés au rendu final de la page.

3. Cliquez sur le bouton « OK » pour insérer votre tableau.

Exemple d'un tableau inséré dans un éditeur de texte

Après son insertion, vous serez en mesure de saisir des données et de modifier le titre, au besoin. 

Modifier un tableau existant

Si vous devez modifier les propriétés d'un tableau existant, supprimer un tableau, supprimer une ligne, ajouter une ligne, supprimer une colonne ou ajouter une colonne, vous n'avez qu'à cliquer du bouton droit de la souris sur le tableau pour afficher une liste d'actions possibles.

Cliquer du bouton droit de la souris révèle des options de gestion de tableau
» Envoyer vos commentaires
    Sujets: 
  • Accessibilité
  • Démarrage
    Types: 
  • Tutoriels
Haut de page