html - 代替

我使用NVDA程序测试我的网站,并使所有人都可以访问该网站。 最近,我在MDN的Web文档看到允许我使用属性a替代button 这是role="button"

MDN和Bootstrap 4文档说:

这些链接应该被赋予一个角色=“按钮”,以适当地将其目的传达给诸如屏幕阅读器之类的辅助技术。

<a class="btn btn-primary" href="#"> Anchor without ROLE </a>
<a class="btn btn-primary" href="#" role="button"> Anchor with ROLE </a>
<button class="btn btn-primary" type="button"> Just a Button </button>

我尝试使用NVDA,然后按B (在网站上查找按钮的快捷方式),并且找到的唯一按钮是带有<button>标签的<button> 正在使用什么role="button" 正确的方法是什么?

参考: Bootstrap V4MDN文档

我尝试使用NVDA,然后按B(在网站中查找按钮的快捷方式),并且找到的唯一按钮是带有标签的按钮。 正在使用什么角色=“ button”? 正确的方法是什么?

ARIA角色的浏览器支持和行为可能会因浏览器/屏幕阅读器的组合而异。

您应该使用本机的<button>元素。

记住ARIA的第一和第二条规则:

第一条规则:

如果可以将本机HTML元素或属性与已经内置的语义和行为一起使用 ,而不是重新使用元素并添加ARIA角色,状态或属性以使其可访问, 则可以这样做

第二条规则:

除非确实需要,否则请不要更改本机语义。

转载请注明来自askonline.tech,本文标题:html - 代替


 Top