在不添加新标签/元素的情况下向属性添加描述（对于屏幕阅读器）

Question

我有元素：<div id="container-div" role="region"></div>

当用户点击“R＆＃39; R＆＃39;我希望屏幕阅读器读取单词

＆＃34;这是XXX区域＆＃34;

不在DOM中添加新标签或元素。

（在没有额外隐藏标签的情况下保持DOM干净非常重要）

Answer 1

只需添加aria-label属性，如下所示：

<div id="container-div" role="region" aria-label="This is an XXX">

提示：请勿在说明中使用“区域”一词，因为屏幕阅读器（至少是JAWS）会自行添加。因此，如果您编写＆＃34;这是一个XXX区域区域＆＃34;，屏幕阅读器会说＆＃34;这是一个XXX区域区域＆＃34;因为这个角色。