首页 > 解决方案 > 屏幕阅读器:按钮或链接

问题描述

我有一个应用程序,当前包含一个预览链接,单击该链接时,将加载一个模拟正在编辑的内容的新页面。

<a href="javascript://"> Preview </a>

屏幕阅读器将其读取为预览链接,但一些同事希望将其读取为预览按钮。快速解决方法是添加 role="button",但我知道这不是一个好习惯。我想问一下这个功能是否应该是一个按钮,因为作为一个链接更有意义

标签: htmlbuttonaccessibilityanchor

解决方案


传统上,按钮触发动作,而链接打开页面或更新当前页面的一部分。

此外,通常不建议在同一运行、组件、工具栏或一系列项目中混合使用链接和按钮。元素都应该是按钮或链接。

这两个迹象应该可以帮助您确定最适合您的情况。可悲的是,没有比这更精确的了。

您的预览功能似乎介于两者之间。它打开一个页面,所以应该是一个链接;但它也可以被视为您的应用程序中的一个动作,在这种情况下它应该是一个按钮。根据您要求的人,您可能会获得这两种观点。

最后,这并不重要。最重要的是链接或按钮是可访问的、可通过键盘访问且可用的。


推荐阅读