使用截断文本的title属性的辅助功能

Question

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

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

Answer 1

如果通过CSS的text-overflow: ellipsis截断了文本，请执行以下操作：是的，title属性是屏幕阅读器的有效解决方案。

屏幕阅读器是否读取它都没有关系，因为原始（视觉上被截断的）文本将被完全读取。

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

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

• 如果截断的文本仅是预览并与显示完整版本的另一个视图链接，请使用title
• 通过…之类的切换，使文本可扩展内联。
• 提供可通过键盘和屏幕阅读器访问的工具提示，以扩展在叠加窗口中的文字

在所有情况下，屏幕阅读器用户都可以访问全文，而无需其他交互。

Answer 2

嗯，在我看来这将是合适的解决方案，因为用户经常将鼠标悬停在文本上并等待隐藏文本弹出。我看到他们中的很多人，包括我的妹妹，他们根本就没有这种类型的东西。她只是徘徊在文本上，然后等待文本出现，当它没有时，她只是说“哦，上帝！为什么???”。因此，在我看来，这将是适当的方式。

还有一件事，你可以通过设置你的标题属性/工具提示来吸引用户的注意力。

编辑： @steveax 表示title属性不适合使用，因此我建议您查看this问题。这个问题有一种CSS方法，所以你更容易设计它：）