css 如何使屏幕阅读器读取表格单元格(td)内的工具提示?

pdkcd3nj  于 2023-04-08  发布在  其他
关注(0)|答案(1)|浏览(96)

如何让screenreader读取表格单元格中的工具提示?
这是我尝试的,但screenreader忽略了标题。

<td title="Hooray!" role="tooltip"><strong>✓</strong></td>
mjqavswn

mjqavswn1#

使用aria-label属性
此技术的目的是为可通过辅助技术读取的对象提供标签。aria-label属性为对象(如按钮)提供文本标签。当屏幕阅读器遇到对象时,将读取aria-label文本,以便用户知道它是什么。
参考:https://www.w3.org/TR/WCAG20-TECHS/ARIA6.html #:~:text=这项技术的目的是,知道它是什么。

aria-label="Hooray!"

相关问题