Question

我面临的情况是，我需要告诉屏幕阅读器在特定部分按顺序阅读内容，只要HTML标记不符合规定。

这是HTML

<!-- Everything above this section -->
<div class="section-of-concern">
   <div id="div2" style="float: right"></div>
   <div id="div1" style="float: left"></div>
</div>
<!-- Everything below this section -->

浏览器呈现此标记并将div1放在左侧，将div2放到右侧。但屏幕阅读器认为div2首先出现，因为它的标记首先出现。我很想知道是否有办法用一些属性来纠正这个问题，而不是改变整个设计。

Answer 1

在AT和浏览器供应商提供对aria-flowto属性的完全支持之前，您唯一的解决方案是更改DOM顺序以反映可视顺序并修改您的CSS，以便您的视觉呈现保持不变。

Answer 2

也许你可以使用tabindex。 tabindex属性可用于在Tab键顺序中包含其他元素，并将编程焦点设置为它们以对元素进行排序，例如：

的tabindex =＆＃34; X＆＃34; （其中X是介于1和32768之间的正整数）

有关详细信息：http://www.w3.org/TR/2009/WD-wai-aria-practices-20090224/#focus_tabindex

辅助功能：仅特定部分中的Tab键顺序

2 个答案: