html - 使用 或 进行可访问性的更好做法是什么？

Question

我有一个下载链接，但我找不到任何很好的可访问解决方案来说明我应该如何处理这种情况。
我有一个共同的经验法则:“按钮做事，链接去地方”
我的情况是我有一个按钮触发文档下载(同一页面)
我认为这应该是一个具有按钮作用的 anchor ，因为它明确不会触发重定向或导航:

<a role="button" href="download.docx" download>Download File</a>

但是，强烈建议不要更改元素的原生语义。
我的同事建议这将是解决方案

<a href="download.docx" download>Download File</a>

但是:问题在于屏幕阅读器(在我看来)没有提供足够干净的输出。它提到这个元素是一个链接，可能会与重定向混淆。
role="button"解决方案告诉屏幕阅读器通知用户这个链接就像一个按钮，我认为这对于我们的“下载按钮”的特殊情况更具体。
任何清晰度将不胜感激。
我指的是: https://css-tricks.com/building-good-download-button/

Answer 1

更新
看来title可能会伤害/混淆屏幕阅读器，因此根据 W3C改进 a11y 的最佳方法是使 anchor 文本具有相关性和描述性
关于这方面的更多信息，您可以找到 here还

旧解决方案(不要使用)
您可以随时使用 title属性(具有与文本不同的副本)，例如:

<a href="download.docx" download title="Click here to download the file">Download File</a>

这是一个比较

查看更多信息 here