我一直想知道是否<button>
纯粹使用标签来链接不符合 Web 内容可访问性指南 (WCAG) 的页面?
<button>
什么时候标签的使用不当和正确?
提前致谢!
我一直想知道是否<button>
纯粹使用标签来链接不符合 Web 内容可访问性指南 (WCAG) 的页面?
<button>
什么时候标签的使用不当和正确?
提前致谢!
WCAG 2.0 指南4.1.2 名称、角色、价值以:
对于所有用户界面组件(包括但不限于:表单元素、链接和脚本生成的组件),名称和角色可以通过编程方式确定 […]
提到的角色是这样定义的:
软件可以用来识别 Web 内容中组件功能的文本或数字
因此,您必须(对于软件)传达您的button
元素具有超链接而不是按钮的作用。
在 HTML5 中,button
元素可以具有WAI-ARIAlink
角色。因此,假设您的访问者的软件支持 WAI-ARIA,那么在您的情况下,使用此角色将是符合 4.1.2 的一种方式(甚至可能是唯一方式)。
在网站上点击某些东西最常见的结果是什么?移动到新的 URL,就像您单击链接(锚)元素一样。
<button>
元素本身不能这样做。按钮是表单元素...
有关 Anchor 和 Button 差异的完整文章: