html - 使用标题属性截断文本的可访问性

Question

我有一个设置了最大宽度的表格单元格，如果单元格中的文本太长，它会被省略号截断。

因此，使用 title 属性显示全文是否是一个合适的(可访问的)解决方案？

Answer 1

如果文本被 CSS 的 text-overflow: ellipsis 截断:是的，title 属性是屏幕阅读器的有效解决方案.

屏幕阅读器是否正在阅读它甚至都没有关系，因为原始(视觉截断的)文本将被完整阅读。

另一方面，title attributes are not accessible by keyboard, touch screen and other means .

对于您的情况，我会看到以下解决方案:

• 如果截断的文本只是预览并与显示完整版本的另一个 View 链接，则使用 title
• 通过像 …
这样的切换，使文本可内联扩展
• 提供可通过键盘和屏幕阅读器访问的工具提示，可在中途停留时展开文本

在所有情况下，屏幕阅读器用户无需额外交互即可访问全文。