一个<button>标签作为链接是否符合WCAG规范?

3

我一直想知道在Web内容可访问性指南(WCAG)下,仅使用<button>标签链接页面是否不合适?

什么时候使用<button>标签是不当和正确的?

提前致谢!


1
可能是SEO:<button> vs <a> HTML tags的重复问题。 - Sebastian Simon
1
@Xufox:我认为SEO和可访问性并不是非常相关的。可能会有一些重叠,但我认为不会太多。 - BoltClock
2个回答

0

WCAG 2.0指南4.1.2名称、角色、值起始于:

对于所有用户界面组件(包括但不限于:表单元素、链接和脚本生成的组件),名称和角色可以通过编程方式确定[...]。

所提到的角色定义如下:

软件可以识别Web内容中组件功能的文本或数字

因此,您需要传达(对于软件)您的button元素具有超链接而不是按钮的角色。

在HTML5中,button元素可以具有WAI-ARIA link角色。因此,在您的情况下使用此角色可能是符合4.1.2标准的一种方式(甚至可能是唯一的方式),假设您访问者的软件支持WAI-ARIA。

0
点击网站上的某个东西最常见的结果是什么? 移动到一个新的URL,就像你点击链接(锚)元素一样。单独使用<button>元素无法实现这一点。Button是一个表单元素...
有关锚和按钮差异的完整文章,请参阅:

https://css-tricks.com/use-button-element/


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接