Question

我不想整理表。我需要任何WYSIWYG / gui / interface在线/离线工具，尽可能将已经制作的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

坦率地说，我只是手工做到这一点。

如果这些表是动态生成的，那么代码应该直接找出，即使是最简单的指导，也就是要添加和更改的内容。即使有人不是程序员，也可以在有人指出时做出这些改变。

设置和描述工具数据的时间可能比仅仅手动更改表格更长，更艰巨。剪切和粘贴是你的朋友，搜索/替换也是如此。使用一个编辑器，让您在选择中搜索/替换。

如果您有，在您给出的示例中，您可以选择第一个行块并更改“＆lt; td＆gt;” to“＆lt; td headers =”screws kilo“＆gt;”点击一下。

最后，你必须至少输入一次这种东西。可能这个工具会妨碍你。

Answer 2

来自Usabletnet的Macromedia Dreamweaver 4的LIFT扩展应该提供一个向导，将简单表转换为带有ID和标题的可访问表。它仍然在sale，但不再更新。

Answer 3

我还没有遇到过这样的工具。

即使有一个，你可能会花费更多的时间来映射标签/属性，而不是从头开始实际编码。

或者，如果您需要转换大量具有相似结构的表，可能会编写一个映射工具供您自己使用。

Answer 4

你很难用WYSIWYG编辑器找到一个可靠的方法。

手动执行 - 允许您在选择中查找/替换的任何编辑器应该有助于加快此过程。由于您的属性彼此不同，您可以使用它来插入属性名称并自己完成剩下的工作。

Answer 5

有时您可以进行一些查找和替换，但通常这是一项最好的手动完成的任务。如果您从头开始创建表，Accessiby.com上的Accessible Table Builder工具可能会很有用。 http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/

Answer 6

这里不需要id / headers属性 - 这看起来像一个简单的表，只有一组行和列标题。 id / headers只需要复杂的表格，其中一个单元格可能有多个行/列标题 - 如果你有嵌套的标题，这很常见 - 但这不是这里的情况。

请参阅WCAG 2.0, note on using id and headers：

当数据单元与多个行和/或一个列标题相关联时，使用该技术。当关系太复杂而无法单独使用th元素或具有scope属性的th元素时，屏幕阅读器可以说出与每个数据单元关联的标头

但是，在你的情况下，单独使用TH就足够了。

所以你真正需要改变的是添加一个摘要 - 无论如何你需要手动添加，因为它不在原始来源中 - 然后将强大的TD变为TH。

这似乎可以通过简单搜索/替换<td><strong>到<th>和</strong></td>到</th>来实现，任何编辑都应该能够处理。< / p>

Answer 7

我建议您使用示例代码作为示例，并手动剪切或粘贴或搜索/替换而不是尝试自动生成表。

有online table generators，但我不知道会产生可访问的表。

有没有工具可以将Simple HTML表转换为可访问的表？

7 个答案: