“除非真的需要，否则不要改变本机语义。”

最常见的错误之一的一个很好的例子就是应用于不起眼的按钮。

错误的：

<a href=”#” role=”button” class=”button-class”>Button</a>
这项技术还涉及额外的自定义 JS，以阻止锚点像页面内滚动锚点那样运行。不仅如此，由于 JS 中使用了 preventDefault() 覆盖了浏览器的默认滚动行为，因此该按钮的实现甚至在页面的默认标签页索引中仍然无法访问！

正确的：

<button class=”button-class”>Button</button>
是的，它是一个按钮，所以 电话号码 就把它做成一个按钮吧。这样可以解决你刚才遇到的所有问题。
基本上，不要使用 ARIA 角色覆盖默认的 HTML 5 行为。始终保留 HTML 元素的默认角色和状态。它应该在语义上正确，这对可访问性、SEO以及总体可用性都有好处。

如果你必须使用 ARIA

请牢记所有 ARIA 规则，但这份技巧列表也能提供一些不错的调试指导。
尝试思考用户与自定义元素的交互，以及他们如何从发生的事件中获得反馈。有些人可能完全失明或不使用鼠标，因此请考虑到这一点。
构建自定义元素的一大缺点是它 漏斗是增加销售额和增加客户 不包含任何与其关联的默认键盘导航，您必须使用 ARIA 状态复制所有键盘导航。这有时是一项艰巨的任务——但即使忽略这一事实，您知道要复制的组件的默认键盘导航是什么吗？
有句俗话说：
“没有 ARIA 比糟糕的 ARIA 好。”
ARIA 非常强大，如果使用不当，可能会对使用辅助技术的用户造成极大的破坏。有一篇关于这个问题的很棒的文章，您应该在开始之前考虑一下。webAim对超过一百万个主页的调查
发现，实施了

围捕