Question

正如您所看到的，尽管aria-label设置为Click Me > (greater than)，VoiceOver和NVDA仍会读出Click Me。

任何想法为什么？这是当前的错误吗？

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
  </head>

  <body>
    <form onsubmit="return false;">
      <input type="submit" aria-label="Click Me" value="Click Me >">
    </form>

  </body>

</html>

Answer 1

Internet Explorer上的JAWS和Firefox上的NVDA通常是PC上可接受的浏览器+屏幕阅读器组合。如果屏幕阅读器无法与Chrome一起使用，则由开发人员/公司决定是否值得采用变通方法。对于Apple产品，我一直在iOS设备上使用VoiceOver进行测试，而不是在Mac上使用VoiceOver进行测试。无论哪种方式，Chrome都没有像Safari或Firefox一样好用。

有人可能会认为Chrome正常运行并且正在遵守WCAG 4.1.2 Name, Role, Value并且正在展示对象的“名称”和“价值”。 Chrome上的JAWS和NVDA都说“Click me，button，Click me greater”，这是对象的名称，角色和价值。

但是，如果您使用

，Chrome会不说“Click me greater”

<button aria-label="Click Me">Click Me ></button>

所以也许这就是你的解决方法。

Chrome上的VoiceOver和NVDA忽略了咏叹调标签

1 个答案: