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

谷歌浏览器的可访问性

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

    为了完整起见,这里有一些 techniques for creating screen-reader only content

    推荐文章