1

我一直想知道是否<button>纯粹使用标签来链接不符合 Web 内容可访问性指南 (WCAG) 的页面?

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

提前致谢!

4

2 回答 2

0

WCAG 2.0 指南4.1.2 名称、角色、价值以:

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

提到的角色这样定义的:

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

因此,您必须(对于软件)传达您的button元素具有超链接而不是按钮的作用。

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

于 2016-06-05T19:32:24.693 回答
0

在网站上点击某些东西最常见的结果是什么?移动到新的 URL,就像您单击链接(锚)元素一样。<button>元素本身不能这样做。按钮是表单元素...

有关 Anchor 和 Button 差异的完整文章:

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

于 2016-06-04T12:11:07.353 回答