angular table 在 Safari 和 firefox 中的可访问性
accessibility of angular table in Safari and firefox
在我的网页中我需要使用 angular table。我已经让它可以访问并且屏幕 reader nada 和 jaws 都可以在 IE 中正常阅读。但是，在 Mac OSx 中，画外音无法识别 table 中的任何数据，每当焦点到达 table 画外音时，画外音就会阅读 table 的标题并告知空 table。作为开发人员，它变得有点沮丧。知道如何在 Safari 中访问 angular table 吗？
谢谢
阿努巴夫
您是否检查过 angular 生成的 html？有时，这些第三方库会为列 headers、行 headers 和数据区域创建单独的 table。所以当视觉上看起来像一个 table 时，你实际上有 3 个 table。
此外，检查与数据 table 关联的 CSS。如果它使用 display 样式从继承的 table 更改它（例如 display:inline），那么这可以防止屏幕 reader 认为它是 table .
也有可能正在使用 role=grid 但 OSx 不支持它。
您是否在 Safari、Chrome 和 Firefox 中的 OSx 上尝试过 VoiceOver？这些浏览器中的任何一个都可以工作吗？
iOS 上的 VoiceOver 怎么样？你的 table 是在 iPad 上阅读的吗？
在我的网页中我需要使用 angular table。我已经让它可以访问并且屏幕 reader nada 和 jaws 都可以在 IE 中正常阅读。但是，在 Mac OSx 中，画外音无法识别 table 中的任何数据，每当焦点到达 table 画外音时，画外音就会阅读 table 的标题并告知空 table。作为开发人员，它变得有点沮丧。知道如何在 Safari 中访问 angular table 吗？
谢谢 阿努巴夫
您是否检查过 angular 生成的 html？有时，这些第三方库会为列 headers、行 headers 和数据区域创建单独的 table。所以当视觉上看起来像一个 table 时，你实际上有 3 个 table。
此外，检查与数据 table 关联的 CSS。如果它使用 display 样式从继承的 table 更改它（例如 display:inline），那么这可以防止屏幕 reader 认为它是 table .
也有可能正在使用 role=grid 但 OSx 不支持它。
您是否在 Safari、Chrome 和 Firefox 中的 OSx 上尝试过 VoiceOver？这些浏览器中的任何一个都可以工作吗？
iOS 上的 VoiceOver 怎么样？你的 table 是在 iPad 上阅读的吗？