屏幕阅读器读取的不是aria-label属性中的文本，而是元素中的文本
屏幕阅读器读取的不是aria-label属性中的文本，而是元素中的文本
提问于 2021-09-30 22:43:50
我有以下html元素。计数在span元素中，文本在DIV标记中。当我悬停在计数上时，它只读取数字，而当我悬停在DIV标签的文本上时，它只读取文本。但我希望屏幕阅读器将完整的文本作为“1个文档”读取。为此，我为父DIV保留了带有count和text的'aria-label‘属性，带有类'list-item’。但它仍然只读取文本‘文档’，而不是作为一个整体进行计数。
<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>回答 1
Stack Overflow用户
发布于 2021-10-04 01:50:51
你最好试着这样做
<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 Document“
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69401585
复制相关文章
相似问题
腾讯云开发者
