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

问题描述 投票:4回答:2

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

因此,使用title属性显示全文是否合适(可访问)?

html css accessibility semantic-markup
2个回答
0
投票
是,title属性是屏幕阅读器的有效解决方案。

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

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

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

如果截断的文本只是预览并与另一个显示完整版本的视图链接,请使用title

    通过像这样的切换,使文本可扩展内联
  • [提供键盘和屏幕阅读器可访问的工具提示,以扩展中转文本
  • 在所有情况下,屏幕阅读器用户都可以访问全文而无需其他交互。

  • -1
    投票
    嗯,在我看来,这将是合适的解决方案,因为用户只是经常将鼠标移到文本上,然后等待隐藏的文本弹出。我看到其中许多人包括我的姐姐,他们根本不喜欢这类事情。她只是将鼠标悬停在文本上,然后等待文本出现,否则,她只是说“哦,天哪!为什么?”。因此,我认为这是适当的方法。

    另外,您可以通过稍微设置标题属性/工具提示来吸引用户的注意。

    EDIT:

    @ steveax说title属性不好用,所以我建议您看到this问题。这个问题有一种CSS方法,因此您可以更轻松地设置样式:)

    © www.soinside.com 2019 - 2024. All rights reserved.