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

Question

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

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

Answer 1

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

\n\n

屏幕阅读器是否正在阅读它甚至并不重要，因为原始（视觉上被截断的）文本将被完全阅读。

\n\n

另一方面，标题属性无法通过键盘、触摸屏等方式访问。

\n\n

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

\n\n

\n
• 使用title如果截断的文本只是预览并与显示完整版本的另一个视图链接，则
\n
• 通过像这样的切换按钮使文本可内联扩展\xe2\x80\xa6
\n
• 提供键盘和屏幕阅读器可访问的工具提示，可在停留期间扩展文本
\n

\n\n

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

\n

Answer 2

好吧，在我看来，这将是合适的解决方案，因为用户经常将鼠标悬停在文本上并等待隐藏文本弹出。我见过很多人，包括我姐姐，她根本不参与这类事情。她只是将鼠标悬停在文本上，然后等待文本出现，当文本没有出现时，她只是说“天啊！为什么？？？”。所以我认为这是适当的方式。

另一件事是，您可以通过稍微设置标题属性/工具提示的样式来吸引用户的注意力。

编辑： @steveax说该title属性不好使用，所以我建议您查看这个问题。这个问题有一种 CSS 方法，所以你可以更容易地设计它:)