Outil gratuit

Tableau Excel vers tableau HTML accessible

Une capture d’écran de tableur, personne ne peut la lire à voix haute, la chercher ni l’agrandir sur un téléphone. Collez vos cellules ici : vous obtenez un vrai tableau HTML, avec des en-têtes que les lecteurs d’écran comprennent et des nombres bien écrits.

Structure
Nombres et dates
Apparence

Tout se fait dans votre navigateur : vos cellules ne sont envoyées nulle part et rien n’est gardé.

Pourquoi un vrai tableau plutôt qu’une image

Une image de tableau, ce n’est que des pixels : un lecteur d’écran ne peut pas la lire, Google ne peut pas l’indexer, et on ne peut ni copier un chiffre ni agrandir sur un téléphone sans perdre la page.

Un tableau HTML, c’est du texte. Il s’adapte à l’écran, ses chiffres se sélectionnent, et sa structure — en-têtes, légende — permet aux aides techniques d’annoncer chaque valeur avec son sens.

Ce que contient le code

<th scope="col">

En-têtes de colonnes

Un lecteur d’écran annonce « Budget 2026, 45 000 dollars » au lieu d’un chiffre tout seul.

Cochez « Première ligne = en-têtes » dès que votre première ligne porte des titres.

<th scope="row">

En-têtes de ligne

Utiles quand la première colonne nomme chaque rangée (poste budgétaire, mois, nom).

La valeur est alors annoncée avec sa rangée et sa colonne.

<caption>

Légende

Le titre du tableau, lu avant son contenu. Elle nomme aussi la zone qui défile sur petit écran.

Une courte phrase suffit.

Les nombres et les dates

En français, on sépare les milliers par une espace, les décimales par une virgule, et le symbole du dollar suit le montant, précédé d’une espace : 1 234,56 $, 12,5 %. L’outil emploie des espaces insécables (&nbsp;) pour qu’un montant ne soit jamais coupé en fin de ligne. En anglais, on écrit $1,234.56 et 12.5%.

Les entiers sans symbole (années, numéros de membre, codes) restent tels quels, sauf dans une colonne de montants. Un nombre qui commence par zéro (007) reste du texte.

Les dates sont écrites AAAA-MM-JJ (2026-09-30), la forme sans ambiguïté recommandée au Canada. Une date comme 03/04/2026 n’est convertie que si une autre date de la même colonne révèle l’ordre (un jour plus grand que 12) ; sinon, nous n’y touchons pas.

L’ajouter dans WordPress

  1. Ajoutez un bloc « HTML personnalisé »Dans l’éditeur de blocs, cliquez sur + et cherchez « HTML personnalisé ».
  2. Collez le codeL’onglet « Prévisualiser » du bloc permet de vérifier le résultat.
  3. Ou convertissez-le en bloc TableauDans le menu du bloc, « Convertir en blocs » en fait un bloc Tableau modifiable — les attributs scope, les en-têtes de ligne et l’alignement peuvent alors se perdre.

Le style « Pour WordPress » n’ajoute presque rien : le tableau prend l’apparence du reste de votre site. Le style « Autonome » apporte un petit CSS lié à une classe unique, pratique pour un site sans thème ou une page HTML toute simple.

Pour qu’il reste lisible

  • Évitez les cellules fusionnées et les rangées ou colonnes vides qui servent d’espacement : elles embrouillent la navigation au lecteur d’écran.
  • Un tableau, un sujet. Deux séries de données différentes font deux tableaux, chacun avec sa légende.
  • Sur un téléphone, un tableau de plus de cinq ou six colonnes va défiler : gardez l’essentiel à gauche.
  • La couleur seule ne doit jamais porter le sens (rouge pour un déficit) : gardez le signe moins.