accessibility - 元素只能使用允许的 ARIA 属性

Question

没有 href 的锚标记使用什么合适的 ARIA 属性？

    <a class="no-underline h-100" aria-label="Fund Balance" id="card0">
    ......
    </a>

这在针对 ax DevTools 运行时会被标记，但 w3.org 建议我应该能够使用任何 aria 属性。

全局 aria-* 属性和适用于允许角色的任何 aria-* 属性。

对此的任何帮助将不胜感激。

谢谢。

score 1 · Accepted Answer

这取决于您尝试使用锚标记做什么。

如果锚标记缺少有效href属性，则屏幕阅读器不会将其解释为锚标记。它也不包含在页面选项卡顺序中，因此无法通过键盘访问。

如果您希望屏幕阅读器在不使用 href 的情况下将您的元素解释为锚标记，那么您可以role="link"使用tabindex="0". 但是，正如其他人所指出的那样，如果锚标记没有链接到任何东西，你还不清楚为什么要使用它——也许你应该考虑使用不同的元素。

否则，只需添加一个有效href属性，例如href="#"这将使链接对屏幕阅读器可见，并使链接键盘可访问。

1 回答 1