Html 将博客文章摘要链接到完整博客文章页面的可访问方式

哪一种方法是最好的方法来访问博客列表上的链接以提高可访问性

只有“阅读更多”按钮上的链接

围绕整个列表项的

标记，使每个区域都可单击

所有东西都有自己的

标签

我一直在读这篇文章，第一个选项对屏幕读者来说似乎是最好的选择，但不能点击标题或文本进入帖子并不好

我认为第二个选项是最好的，但这种方法与共享按钮相冲突，因为链接中的链接不是有效的HTML

---

第三个链接看起来臃肿不堪，与屏幕阅读器相形见绌。

对于使用键盘导航的人来说，最好只有一个链接，上面有好的、简短的备选文本，如

<a href="#" aria-label="Read more about Original post title">Read more</a>

---

但这并不妨碍您使用外部div上的

onclick

事件使整个片段可单击，以改进鼠标导航。

我是可单击标题、图像和阅读更多按钮的大力支持者。我会选择精简版的3。选项3是完美的，因为大多数博客平台都遵循这种模式。因为这也会帮助你在网站上创建更多的点击量。我认为这可能太广泛了，无法回答，可能更适合你。现在，它太以观点为基础了。实际上，我会反对一切成为主播。如果我使用可访问性工具并尝试从一个锚导航到另一个锚，我不想陷入一个巨大的锚列表中。我也不喜欢2，因为整篇文章不是指向文档的链接，只是阅读更多。@Clint：我认为这个问题很好。HTML/语义标记/可访问性是关于堆栈溢出的主题。

aria标签

完全覆盖了内部文本，因此屏幕阅读器只会说“转到原始文章标题”。这对于屏幕阅读器来说很好，但是使用语音识别辅助技术很难选择链接。（有视力的）用户将看到“阅读更多”，但如果他们说“单击阅读更多”，则不会起作用，因为链接的可访问名称不是“阅读更多”，而是“转到原始…”。为了让屏幕阅读器和语音记录都满意，你可以做一些类似于

@slagolicious的事情，你完全正确。我将不得不测试一些语音识别软件，以查看它们的行为，而不仅仅是“阅读更多”链接。