aria-hidden = true应用程序内部

Question

我的网络应用程序中有一个图表组件，role="application"可以启用全键盘支持。它包含的元素只是视觉信息（例如图例），不应被屏幕阅读器读取，因为这可能会造成混淆。所有必需的信息都存储在元素中并被读取，以便用户可以理解内容。因此我想隐藏这些元素。

<div class="chart" role="application" tabindex="0">
    <div class="legend" role="presentation" aria-hidden="true">
        Some text to explain the visual that 
        shouldn´t be read by any screenreader...
    </div>
    <div class="content">
        <!-- content ... -->
    </div>
</div>

但是当图表得到关注时，屏幕阅读器（NVDA 2014.4或JAWS 16.0.1516与IE11相结合）读取图表中的所有文本 - 与aria-hidden="true"以及{ {1}}。在Firefox中它可以正常工作。

有关于此的任何想法吗？

Answer 1

这是IE中的一个错误。报告给微软。