屏幕阅读器不是读取aria-label属性中的文本，而是读取元素中的文本

Question

我有以下元素。计数在跨度元素中，文本在 DIV 标记中。当我将鼠标悬停在计数上时，它只读取数字，当我将鼠标悬停在 DIV 标记的文本上时，它只读取文本。但我希望屏幕阅读器将完整文本读取为“1 文档”。为此，我保留了带有计数的“aria标签”属性，并为具有类“列表项”的父DIV保留了文本。但它仍然只阅读文本“文档”，而不是整个计数。

<div class="list-item" title="documents" aria-label ="1 Document">
<span class="rt-count">1</span>
<div title="Documents" class="list-item-title" aria-labelledby="1 Document">Document</div>
</div>

Answer 1

你最好像这样试试

<div class="list-item" title="documents" aria-label ="1 Document">

<div title="Documents" class="list-item-title"><span class="rt-count">1</span> Document</div>
</div>

现在您可以在悬停div文本“1文档”时阅读