如何告诉屏幕阅读器应该读取数据内容？

Question

使用 bootstrap popover 设置来处理HTML数据这是告诉屏幕阅读器在数据内容中编码的内容是用户触发点击时需要读取的内容的好方法链接。

以下是代码：

<a href="#" data-content="&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;User 1&lt;/td&gt;
&lt;td&gt;User 2&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;">Contact Us</a>

正如您所看到的，为了显示HTML，内容需要进行编码，但我不确定屏幕阅读器将如何处理。这甚至被视为良好做法吗？

我可以切换到一个解决方案，该解决方案将所有弹出窗口内容作为真实HTML代码放在页面的某个位置，并使用ID定位它们。这会是一个更好的选择吗？

Answer 1

我不会为此付出太多代价，您可以添加aria-label="User 1, User 2"或选择最适合自己使用的属性here。