代码之家 › 专栏 › 技术社区 › bmac

谷歌浏览器的可访问性

accessibility google-chrome angular

0

bmac · 技术社区 · 8 年前

因此,我正在更新angular 4应用程序,以满足WCAG AA在可访问性方面的一致性。在可访问性方面,重要的一点是图像的alt-text,我也想到了按钮。因此,我使用了现有的按钮,并为alt text添加了一个输入,以便家长可以通知它它是哪种按钮,并通过alt text添加上下文。

当我在NVDA运行项目时;Firefox它捕获并读取alt文本,但在带有NVDA的chrome中没有。因此,由于aria标签和标题也与按钮不一致,我只是在按钮文本中添加了一个隐藏的跨度,它在chrome中读取,但在Firefox中覆盖alt文本。

我们将接受一个使用NVDA/Firefox和JAWS/IE的小组的审计,但我们的领导喜欢Chrome,我们客户的用户也喜欢Chrome。我是用锤子为chrome编程,还是用其他2个不同的标签和东西?

1 回复 | 直到 8 年前

1

2

Josh 8 年前

使用隐藏文本(如引导 sr-only 因为你在做什么。

alt 属性不用于按钮元素,并且 HTML 5.1 specification

Chrome是最难访问的浏览器之一。我不会担心让它完美地工作。只要你按照规范编码,你就是在做正确的事情。