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？ 首先,请不要被冒犯,但 我有一个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,这将更容易接近.

总结

以上是内存溢出为你收集整理的html – JAWS没有使用aria-label读取带有标题的span内部的aria-label全部内容，希望文章能够帮你解决html – JAWS没有使用aria-label读取带有标题的span内部的aria-label所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。