ToolCabana

Gerador de tabelas acessíveis

Crie tabelas HTML com legendas e cabeçalhos com escopo correto.

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

Gerador de tabelas acessíveis

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.

Como usar Gerador de tabelas acessíveis

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. Cole a fonte no editor de entrada ou carregue o exemplo integrado.
  2. Configure a legenda da tabela e se a primeira coluna é um cabeçalho de linha.
  3. Execute o gerador de tabelas acessíveis, revise a saída e use os controles disponíveis para copiar ou baixar.

O que esta ferramenta suporta

Crie tabelas HTML com legendas e cabeçalhos com escopo correto.

Legenda da tabela
Set this value for your task.
A primeira coluna é um cabeçalho de linha
Set this value for your task.

Limites e processamento

As imagens usam o limite existente de 32 megapixels. São permitidas até 100 imagens de origem onde houver suporte. O HTML colado é limitado a 200,000 caracteres; diagramas Mermaid a 20,000 caracteres e 300 linhas. A geração de SVG e PNG exige um navegador.

Fonte de exemplo
Month,Revenue
January,100
February,120

Perguntas frequentes

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.

Onde minha entrada é processada?

Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.

Quais são os limites de entrada?

As imagens usam o limite existente de 32 megapixels. São permitidas até 100 imagens de origem onde houver suporte. O HTML colado é limitado a 200,000 caracteres; diagramas Mermaid a 20,000 caracteres e 300 linhas. A geração de SVG e PNG exige um navegador.