Question

我遇到了一个让我疯狂的奇怪问题。实际上我有一个像

这样的HTML结构

＆＃13;

<button ng-disabled="vm.updating" ng-click="doSomething()" class="something" type="submit" aria-label="average score">
  
<span ng hide="hideConditional()" class="font-white">score</span>
<span ng-show="showConditional()" class="font-white">
  <span class="grey"></span>
  <span>scoring</span>
</span>
</button>

＆＃13;

当我打开屏幕阅读器时，它会多次读取平均得分得分按钮，然后再次得分得分，但我只想让它读取任何文字我写入按钮并忽略子元素文本，如内部跨度内的所有内容或按钮下方的任何控件。但我无法忽略其余的内容。我尝试在每个aria-hidden上使用span，但无济于事。任何人都可以纠正我吗？我在这里错过了什么？如何让屏幕阅读器忽略button内部元素的文本，并使其只读取按钮本身设置的文本？

Answer 1

我已经使用过：

<div class="" aria-hidden="true" role="presentation" > </div>

对我来说非常好。

WAI ARIA - 多次读取屏幕阅读器

1 个答案: