Html table Safari上的VoiceOver在网页上找不到表

Html table Safari上的VoiceOver在网页上找不到表,html-table,safari,accessibility,voiceover,Html Table,Safari,Accessibility,Voiceover,我正在处理的网页上有几个表。然而,当我尝试在Safari上用画外音(Ctrl+Cmd+Opt+T)浏览桌子时,它找不到大多数画外音。我们总共有十张不同的表格 它发现的两个表格都很简单。因此,通过浏览器的检查器,我尝试了: 复制找到的表旁边的其他表。它找不到新复制的 复制找到的其中一个表-在页面的其他位置。它发现它们很好 将其他表的HTML修改为与它找到的表相同-结果相同 修改了它发现的两个表的HTML,使之与其他表一样—它仍然可以找到它们 有什么想法吗 (如果我从页面中删除这两个表,当我尝试只浏

我正在处理的网页上有几个表。然而,当我尝试在Safari上用画外音(Ctrl+Cmd+Opt+T)浏览桌子时,它找不到大多数画外音。我们总共有十张不同的表格

它发现的两个表格都很简单。因此,通过浏览器的检查器,我尝试了:

  • 复制找到的表旁边的其他表。它找不到新复制的
  • 复制找到的其中一个表-在页面的其他位置。它发现它们很好
  • 将其他表的HTML修改为与它找到的表相同-结果相同
  • 修改了它发现的两个表的HTML,使之与其他表一样—它仍然可以找到它们
  • 有什么想法吗

    (如果我从页面中删除这两个表,当我尝试只浏览表时,它会给我
    找不到表
    。在其他浏览器上也可以。)

    =====

    PS:我尝试的另一件事是通过W3C验证程序运行表。其中一些确实存在问题,最常见的是
    表列中没有开头的单元格。但是,我修复了它们,仍然有相同的结果

    PS2:我刚刚创建了一个非常简单的JS提琴,从我第一次收到同样的案例开始,画外音就找不到表格了。是这个:


    PS3:我使用的版本是macOS Catalina 10.15.7上的Safar 14.0.1。

    经过一番努力,我找到了问题的解决方案,尽管我不明白原因:D

    因此,@GrahamRitchie在他创建的小提琴中指出,当我们在表格中添加元素时,小提琴中就不会出现问题

    我试图在我的页面上添加新的内容,但没有成功。然后我尝试了很多事情,但仍然没有成功

    然后,我决定在生成表的代码中做一些更改,因为在此之前,我一直在尝试使用浏览器的开发工具。在我的例子中,这些表是使用框架(主干)在客户端生成的,并动态添加到DOM中

    所以-我从一开始就在每张桌子上加了-瞧现在画外音找到了所有这些。。。可能是Safari在第一次将表添加到DOM时“注册”了这些表,然后没有其他更改影响它们

    事实上,我们可以更好地控制画外音在结尾的内容:)

    最后,但并非最不重要的是,VoiceOver最初能够找到的两张桌子也没有。。。所以我不知道真正的原因是什么

    =====

    PS:我考虑过的一种可能性是Wave插件错误
    可能的表格标题
    ,我在其中一个表格上。对于该错误,有以下解释:

    没有标题的数据表(至少有一个表头)具有:-表的第一个单元格上的colspan属性值为3或更大。-紧靠表格前面的元素,包含少于50个字符或少于100个字符,并且粗体和/或居中。


    但是有相同的表格没有得到波动误差。。。所以我真的不能说。

    对于其他有这个问题的人,包括一个
    。出于某种原因,似乎存在一个长期存在的bug,使得某些表无法注册,但一个
    似乎可以解决这个问题


    我相信这是因为Safari试图为使用表进行布局的开发人员纠正错误。

    出于兴趣,@GrahamRitchie,是的,确实如此:)。。。我一点一点地想出了解决办法,所以我会在邮件中发布问题的答案。不管怎么说,你的小提琴帮了我:)很有趣,但我正在纠正的问题是缺少一个标题,似乎可以通过画外音解决Safari中的问题。补充说,这是对其他人的回答,但很高兴你找到了解决办法。