ToolCabana

Generatore di tabelle accessibili

Crea tabelle HTML con didascalie e intestazioni correttamente associate.

Favorites are saved in this browser. Find them in My favorites.

Generatore di tabelle accessibili

Your input stays in this browser unless stated otherwise
Clear your input, files and result, and restore the default settings.
Load sample text to explore what this tool can do. This replaces your current input.
0 charactersClear the source text.

Come usare Generatore di tabelle accessibili

The accessible table generator converts CSV data into an HTML table with a caption, a header row whose cells use scope="col", and an optional first-column row header using scope="row". The first CSV row supplies the column headers, which must be unique and nonempty. Cell text is HTML-escaped, and up to 500 data rows are converted into downloadable markup.

  1. Incolla l'origine nell'editor di input, oppure carica l'esempio integrato.
  2. Imposta la didascalia della tabella; la prima colonna è un'intestazione di riga.
  3. Esegui il generatore di tabelle accessibili, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.

Cosa supporta questo strumento

Crea tabelle HTML con didascalie e intestazioni correttamente associate.

Didascalia della tabella
Set this value for your task.
La prima colonna è un'intestazione di riga
Set this value for your task.

Limiti ed elaborazione

Le immagini usano il limite esistente di 32 megapixel del canvas. Dove supportato, sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.

Origine di esempio
Month,Revenue
January,100
February,120

Domande frequenti

What do scope=col and scope=row do in an HTML table?

Scope tells assistive technology which cells a header describes: col for its column, row for its row. The generator applies col to every header from the first CSV line and row to the first cell of each data row when that option is on.

Why does an accessible table need a caption?

A caption element gives the table a visible title that assistive technology announces with the data. Enter it in Table caption; the default text, Monthly totals, should be replaced with a short description of your table.

Why does my CSV fail to convert into a table?

Every row needs the same number of columns as the header row, headers must be unique and nonempty, and at most 500 data rows are allowed. Quoted fields that contain commas are handled by the CSV parser.

Dove viene elaborato il mio input?

Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.

Quali sono i limiti di input?

Le immagini usano il limite esistente di 32 megapixel del canvas. Dove supportato, sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.