dialog - 带有 NVDA 的选项卡索引的 Aria、Dialog 和 Div

Question

我试图弄清楚为什么 NVDA 没有说出具有 tabindex 的 div 的内部 HTML。下面的片段位于一个 jquery-ui-dialog 中，具有对话框的 aria 角色。如果我删除了 aria-label，并且我选择了这个部分，NVDA 只会说“部分”。如果我离开 aria-label，它会说话。有没有办法让它说出内部 HTML 而不会到处复制文本？

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

Answer 1

aria- describeby 可用于此，例如：

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

可能与 id 跨度也可以。