带有NVDA的带Tab索引的Aria、对话框和Div

Question

我正在尝试弄清楚为什么NVDA不使用有tabindex的div的内部HTML。下面的代码片段位于一个jquery-ui-dialog中，其中包含一个对话框这一aria角色。如果我去掉aria-label，然后用Tab键跳到这一节，NVDA只会显示“节”。如果我离开了唱段标签，它就会说出来。有没有办法让它说出内部的HTML，而不是到处复制文本？

 <div class="current-chapter" tabindex="0" aria-label="Chapter 1 of 10">
                Chapter 1 of 10
            </div>

Answer 1

aria-describedby可用于此目的，例如：

<div role="dialog" aria-describedby="dialogBody">
    <div id="dialogBody">
         Chapter 1 of 10
    </div>
</div>

可能与id的span也可以工作。