我可以在同一元素上使用aria-label和aria-hidden =“ true”吗？

Question

由于最高审计机关的问题，我可以使用aria-label，并aria-hidden="true"在相同的元素？

我想要实现的是拥有一个<span>带有aria标签的元素（中的打开图标），但忽略其内容。

<span class="oi" data-glyph="star" aria-label="Favourite" aria-hidden="true"></span>

这种用法是正确的，还是aria-hidden试图忽略该元素与aria-label试图赋予其含义之间存在冲突？

Answer 1

aria-hidden会将元素完全隐藏在辅助技术中，例如屏幕阅读器和盲文设备。该元素将不在可访问性树中（类似于DOM树），因此屏幕阅读器用户将不知道该元素在其中。的aria-label，因为它是隐藏的将被忽略。

如果要忽略元素的内容，那么它将是您放置的嵌套元素aria-hidden。

<span aria-label="Favourite">
  ...
  <span aria-hidden="true">you can't see me</span>
  ...
</span>

但是，即使该示例也不是完全正确的，因为它的aria-labelon元素没有语义。aria-label如果您使用的html标记没有任何语义含义，除非您还指定，否则许多屏幕阅读器都会忽略（不会读取）role。

<span>对于屏幕阅读器来说，A 并不代表任何意义。语义标记，如<h1>，<li>，<table>，<section>，<header>，<footer>，等一切都意味着给屏幕阅读器。这些标签将被声明为标题，列表，表格或区域等。A <span>不会被声明为任何东西。如果屏幕阅读器正在使用向上/向下箭头键浏览辅助功能树，则如果<span>包含文本，则将读取文本，仅此而已。