以下代码有效,但在heading level 4
的条目末尾添加了aria-tab
<h4 ng-if="voiceOver" class="keep-it-classy" ng-bind="getCurrentText()" aria-label="{{getCurrentText}}"></h4>
是否有某种方法可以阻止它读出标题大小?
答案 0 :(得分:2)
标题允许更加结构化,更简单的导航。告诉用户,如果他们使用标题导航,他们可以轻松返回此位置。
宣布:
heading level 4
非常有用。它告诉他们,他们是页面结构上重要的部分。它还告诉他们,如果他们将转子设置为“标题”,他们可以通过向上/向下轻弹返回到这个位置。
现在,这是假设您的标签在结构上非常重要,并且表现为实际标题,而不仅仅是漂亮的文本。在这种情况下,您应该使用不同的标记,并使用CSS进行调整以适合您想要的样式。这是最容易获得的解决方案。
您还可以考虑在元素上使用ARIA属性role =“presentation”。
<h4 role="presentation" ng-if="voiceOver" class="keep-it-classy" ng-bind="getCurrentText()" aria-label="{{getCurrentText}}"></h4>
虽然我不确定VoiceOver是否尊重此标题类型元素!