从纯粹的可访问性角度(WCAG)来看,你没问题。您的文本是可访问的。您的问题实际上更多是关于“用户体验”,当与可访问性结合使用时,这是一件很棒的事情。这意味着您不仅仅关注可访问性列表上的“勾选框”,还希望让每个人的体验都愉快。
对于您的“查看更多”链接,要记住一件事,确保链接aria-describedby
上有一个属性,这样如果屏幕阅读器用户只是浏览所有链接,或者打开显示所有链接的对话框,他们不会只听到“查看更多”而不知道它的上下文。如果需要,我可以提供更多关于如何实现它的提示。
我也会拼出“继续”而不是“继续”,但您可能只是在描述您的问题时缩短了它,因为完整的单词出现在您的屏幕截图上。
另一种可能性可能是有两个链接到继续描述。一个是你现在在屏幕截图中看到的那样。我猜“查看更多”链接会将您的注意力转移到“继续摘要”部分(在语法上不太正确 - 摘要不是“继续”,因为您再次重复第一部分 - 它真的是“完整”摘要)。
您可以有第二个隐藏的链接(对于屏幕阅读器用户),它将焦点移动到完整摘要并将焦点定位在前一个简短摘要结束的段落中间。这样做的缺点是会有一些键盘用户可能会注意到的视觉隐藏的制表位。也就是说,他们会点击“查看更多”,在链接周围看到一个轮廓或一些可见的焦点指示器,然后再次点击,焦点似乎从屏幕上消失了(因为它在隐藏的链接上),然后再次点击并且焦点出现在下一个可聚焦的对象上(您的第一个号召性用语下的“信息”链接)。
如果你尝试这个“隐藏”的链接,你可能想做一些快速的可用性测试,看看它是否有意义。
您的可见链接可能是“阅读完整摘要”,隐藏链接可能是“继续阅读完整摘要”。这是一个微妙的差异,您可能需要与内容或设计专家进行调整。或者也许让两个链接都可见可能对每个人都有好处。
或者您的“查看更多”可以扩展当前摘要,而不是将您带到页面上的另一个位置。这就是我对“查看更多”链接的期望。