Aria、Dialog 和 Div 以及带有 NVDA 的选项卡索引

Question

我试图弄清楚为什么 NVDA 不讲具有 tabindex 的 div 的内部 HTML。下面的片段位于 jquery-ui-dialog 内，其 aria 角色为dialog。如果我删除 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-scribedby 可以用于此目的，例如：

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

可能是带有 id 的跨度也可以。