ToolCabana

Генератор доступных таблиц

Создаёт HTML-таблицы с подписями и корректно размеченными заголовками.

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

Генератор доступных таблиц

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.

Как использовать Генератор доступных таблиц

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. Вставьте исходные данные в редактор ввода или загрузите встроенный пример.
  2. Задайте подпись таблицы и укажите, что первый столбец является заголовком строки.
  3. Запустите «Генератор доступных таблиц», просмотрите результат и используйте доступные элементы копирования или скачивания.

Что поддерживает этот инструмент

Создаёт HTML-таблицы с подписями и корректно размеченными заголовками.

Подпись таблицы
Set this value for your task.
Первый столбец — заголовок строки
Set this value for your task.

Ограничения и обработка

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.

Пример исходных данных
Month,Revenue
January,100
February,120

Частые вопросы

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.

Где обрабатываются мои данные?

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

Каковы ограничения входных данных?

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.