有没有办法让链接在屏幕阅读器上显示为纯文本，但明显是一个链接？

Question

我们正在努力减少屏幕阅读器在我们的博客文章中读出的冗余链接。目前，帖子的标题是可点击的链接，“阅读更多”也是可点击的链接。我们仍然希望将“阅读更多”公布为屏幕阅读器用户的链接，但不希望将帖子标题公布为链接，同时仍然明显是非屏幕阅读器用户的链接。这可能吗？

对于彼此有两个相似链接的其他类似项目，我们一直使用“aria-hidden=”true”和 tabindex=”-1”，但这使得屏幕阅读器完全跳过其中一个链接。我们仍然希望屏幕阅读器以纯文本形式读取其中一个链接。

Answer 1

这很容易做到：

<a role="presentation" tabindex="-1" href="#">Link</a>

但是，这样做并不是一个好主意：

• 如今，博客将帖子标题作为链接，并在帖子介绍后添加“阅读更多”链接，这是相当常见的，这根本不是问题
  • 将帖子标题作为链接可以非常快速地打开给定的帖子，因为屏幕阅读器允许从一个标题跳转到另一个标题
  • 如果我不太了解标题，如果我想阅读这篇文章，也许简介会说服我，那时我会点击“阅读更多”链接。否则我必须返回帖子标题才能打开它。
• tabindex=-1 必须与 role=presentation 一起出现。由于链接没有这样宣布，当它获得焦点时，我可能想知道为什么这个元素可以获得焦点，以及如果我按 Enter 键它会做什么。
• 具有不可聚焦的链接可能会让不使用屏幕阅读器的仅使用键盘的用户感到困惑
• 改变天然非中性元素的角色不能掉以轻心。你应该有一个非常好的罗森才能做到这一点。所有替代品可能并不在所有地方都能正常工作！正如 ARIA 规则所说，你应该避免使用 ARIA，除非你没有更好的解决方案