Twitter bootstrap 我如何告诉屏幕阅读器应该读取数据内容?
使用bootstrap popover设置来处理HTML数据是一种很好的方法,可以告诉屏幕阅读器,当用户点击链接时,需要读取数据内容中编码的内容 代码如下: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="<table> <tbody> <tr> <td>User 1</td> <td>User 2</td
<a href="#" data-content="<table>
<tbody>
<tr>
<td>User 1</td>
<td>User 2</td>
</tr>
</tbody>
</table>">Contact Us</a>
正如您所看到的,为了显示HTML,需要对内容进行编码,但我不确定屏幕阅读器将如何处理此问题。这被认为是良好的做法吗
我可以切换到一个解决方案,该解决方案将所有popover内容作为页面下方某个位置的真实HTML代码,并以ID为目标。这是一个更好的选择吗?我不太担心,你可以添加
aria label=“User 1,User 2”
或者选择最好的属性自己使用。在某些情况下,这将成为一个多联系人表或其他带有链接的东西,可能是图像,所以我不确定这将如何工作。看看aria属性,可能类似于aria工具提示和aria扩展的东西会起作用。