Есть ли инструмент для преобразования простой HTML-таблицы в доступную таблицу?

Question

Я не хочу восстанавливать всю таблицу.Мне нужен любой инструмент WYSIWYG / GUI / интерфейс онлайн / офлайн, чтобы преобразовать уже сделанные таблицы HTML в максимально доступную таблицу.

Какая IDE / программа для веб-дизайна / WYSIWYG Editor / имеет лучший редактор таблиц для создания доступной таблицы?

Например, как эта таблица

<table>
    <tr>
        <td><strong>Item</strong></td>
        <td><strong>Threaded screws</strong></td>
        <td><strong>Flat nails</strong></td>
        <td><strong>Dyna-bolts</strong></td>
        <td><strong>Spring washers</strong></td>
    </tr>
    <tr>
        <td><strong>Kilo</strong></td>
        <td>$2.50</td>
        <td>$3.50</td>
        <td>$4.50</td>
        <td>$2.50</td>
    </tr>
    <tr>
        <td><strong>Pound</strong></td>
        <td>$2.00</td>
        <td>$3.00</td>
        <td>$4.00</td>
        <td>$2.00</td>
    </tr>
</table>

для этой

<table summary="Table of screws, Flat nails, Dyna-bolts and
Spring washers, in kilos and pounds">
    <caption>
        Pricing for screws, Flat nails and Dyna-bolts
    </caption>
    <thead>
        <tr>
            <th>Item</th>
            <th id="screws" abbr="screws">Threaded screws</th>
            <th id="nails" abbr="nails">Flat nails</th>
            <th id="bolts" abbr="bolts">Dyna-bolts</th>
            <th id="washers" abbr="washers">Spring washers</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th id="kilo">Kilo</th>
            <td headers="screws kilo">$2.50</td>
            <td headers="nails kilo">$3.50</td>
            <td headers="bolts kilo">$4.50</td>
            <td headers="washers kilo">$2.50</td>
        </tr>
        <tr>
            <th id="pound">Pound</th>
            <td headers="screws pound">$2.00</td>
            <td headers="nails pound">$3.00</td>
            <td headers="bolts pound">$4.00</td>
            <td headers="washers pound">$2.00</td>
        </tr>
    </tbody>
</table>

Answer 1

Честно говоря, я бы просто сделал это вручную.

Если эти таблицы генерируются динамически, код должен быть простым, чтобы понять, даже с самым минимальным руководством относительно того, что добавить и изменить,Даже тот, кто не является программистом, может внести эти изменения, как только кто-то укажет путь.

Время установки и описания данных для инструмента будет, вероятно, более длительным и трудным, чем простое изменение таблиц вручную.,Вырезайте и вставляйте ваши друзья здесь, как и поиск / замена.Используйте редактор, который позволит вам выполнять поиск / замену в выделенном фрагменте.

Если у вас это есть, в приведенном вами примере вы можете выбрать первый блок строк и изменить "

" на ""в один клик.

В конце концов, вы все равно должны набрать что-нибудь, хотя бы один раз. Вероятно, инструмент просто помешает.

Answer 2

Расширение LIFT для Macromedia Dreamweaver 4 от Usabletnet должно обеспечить мастера для преобразования простой таблицы в доступную таблицу с идентификаторами и заголовками.Он все еще в продаже , но больше не обновляется.

Answer 3

Здесь вам не нужны атрибуты id / headers - это выглядит как простая таблица с одним набором заголовков строк и столбцов.Идентификаторы / заголовки нужны только для сложных таблиц, где ячейка может иметь несколько заголовков строк / столбцов - что часто встречается, если у вас есть вложенные заголовки - но здесь это не так.

См. WCAG 2.0, примечаниепри использовании идентификатора и заголовков :

Этот метод используется, когда ячейки данных связаны с более чем одной строкой и / или одним заголовком столбца.Это позволяет программам чтения с экрана произносить заголовки, связанные с каждой ячейкой данных, когда отношения слишком сложны, чтобы их можно было идентифицировать с помощью одного элемента th или элемента th с атрибутом scope

В вашем случае, однако, только THдостаточно.

Так что все, что вам действительно нужно изменить здесь, это добавить сводку - которую вам все равно нужно добавить вручную, так как ее нет в оригинальном источнике - и затем превратить сильные TD в TH.

И это кажется выполнимым при простом поиске / замене <td><strong> до <th> и </strong></td> до </th>, который должен обрабатывать любой редактор.

Answer 4

Иногда вы можете найти и заменить, но обычно эту задачу лучше всего выполнять вручную.Если вы начинаете таблицу с нуля, может пригодиться инструмент Accessible Table Builder на Accessiby.com.http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/

Answer 5

Вам будет сложно найти надежный способ сделать это с помощью редактора WYSIWYG.

Сделайте это вручную - любой редактор, который позволяет найти / заменить в выбор должен помочь ускорить процесс.Поскольку ваши атрибуты отличаются друг от друга, вы можете использовать его просто для вставки имен атрибутов и делать все остальное самостоятельно.

Answer 6

Мне еще не приходилось сталкиваться с таким инструментом.

Даже если он есть, вы можете потратить больше времени на сопоставление тегов / атрибутов, чем на самом деле его кодирование с нуля.

Или, возможно, написание одного картографического инструмента для собственного использования, если вам нужно преобразовать огромное количество таблиц с похожей структурой.