角色=＆＃34;演示＆＃34;在按钮不在Firefox和Internet Explorer中工作

Question

我有以下html结构

role="presentation"

即使属性~/bin存在，屏幕阅读器仍然能够读取Firefox和Internet Explorer中的编辑按钮。不过在谷歌浏览器中这很好。请告诉我们上面的HTML代码段有什么问题。

Answer 1

现在更多的是评论，然后是答案，因为它不包含解决方案。

我会说Firefox和IE是正确的，因为规格说

  

如果具有表示角色的元素是可聚焦的，则用户代理必须忽略该角色的正常效果，并使用隐式本机语义公开该元素

另外2.4 Fourth rule of ARIA use：

  

请勿在可见可聚焦元素上使用role="presentation"或aria-hidden="true"。

     

在可见的可聚焦元素中使用其中任何一个都会导致某些用户专注于“没有”＃。

。

     

不执行此操作：

<button role=presentation>press me</button>

     

不执行此操作：

 <button aria-hidden="true">press me</button>

     

注意：如果无法查看或与之交互，则可以应用aria-hidden，例如：

  button {visibility:hidden}

  <button aria-hidden="true">press me</button>

Answer 2

我认为它的阅读因为它对读者可见。你有没有试过aria-hidden =＆＃34; true＆＃34;在按钮？