Twitter bootstrap 我如何告诉屏幕阅读器应该读取数据内容?

Twitter bootstrap 我如何告诉屏幕阅读器应该读取数据内容?,twitter-bootstrap,popover,custom-data-attribute,screen-readers,Twitter Bootstrap,Popover,Custom Data Attribute,Screen Readers,使用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

使用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,需要对内容进行编码,但我不确定屏幕阅读器将如何处理此问题。这被认为是良好的做法吗


我可以切换到一个解决方案,该解决方案将所有popover内容作为页面下方某个位置的真实HTML代码,并以ID为目标。这是一个更好的选择吗?

我不太担心,你可以添加
aria label=“User 1,User 2”
或者选择最好的属性自己使用。

在某些情况下,这将成为一个多联系人表或其他带有链接的东西,可能是图像,所以我不确定这将如何工作。看看aria属性,可能类似于aria工具提示和aria扩展的东西会起作用。