是<button>作为WCAG的链接不好吗?

时间:2016-06-04 12:03:36

标签: html button web-standards wcag2.0

我一直想知道是否纯粹使用<button>标记来链接网页内容无障碍指南(WCAG)的页面?

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

提前致谢!

3 个答案:

答案 0 :(得分:0)

  

点击网站上的内容最常见的结果是什么?   移动到新的URL,就像单击链接(Anchor)元素一样。<button>元素本身不能   那样做.Button是一个表单元素......

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

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

答案 1 :(得分:0)

WCAG 2.0指南4.1.2 Name, Role, Value以:

开头
  

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

提到的角色defined

  

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

因此,您必须传达(对于软件)您的button元素具有超链接而非按钮的角色。

在HTML5中,button element可以拥有WAI-ARIA link role。因此,假设访问者的软件支持WAI-ARIA,在这种情况下使用此角色将是符合4.1.2的一种方式(甚至是唯一的方法)。

答案 2 :(得分:0)