html – JAWS没有使用aria-label读取带有标题的span内部的aria-label

我有一个span作为一个标题内的按钮：

<h3 aria-label="Header Aria Label">
  <span tabindex="0" aria-label="Span Aria Label">Button</span>
</h3>

但是,每当我选择跨度时,它都会显示“Header Aria Label”.如何强制JAWS读取跨度中的aria-label？

解决方法

首先,请不要被冒犯,但你所做的是糟糕的设计,至少是可访问性.
标题内的一个按钮(不是标题,BTW,在HTML 5中有一个单独的< header>元素,这与你在这里使用的< h3>完全不同)是一个坏主意.真.
但无论如何,如果你想让JAWS将你的跨度视为按钮,可以：

>使用原生< button>元素,或>在你的范围内使用role =“button”,否则JAWS不会以任何方式知道应该将此特定范围视为按钮.但是请更喜欢第一种方法,除非你绝对必须在这里使用跨度.请把它拉出你的h3,这将更容易接近.