可访问性在禁用按钮上不起作用

Question

需要一些与accessibility 相关的帮助，遇到一些问题

我的页面中有一个button (Add To Cart)，一旦我们将产品添加到购物车，它就会得到disabled
当我们 press (tab key) 进行可访问性时，按钮没有得到 focus

我已尝试添加 aria-disbaled=true 仍然无法正常工作

对此的任何建议/解决方案都会有所帮助

Answer 1

disabled 属性完全阻止按钮接收焦点（或接收/触发任何事件）。

如果您仍然希望按钮获得焦点，那么您将需要避免使用disabled 属性，而是在满足条件时在您的 JS 代码中以编程方式阻止按钮功能；即用户的购物车中已经有当前产品的一个实例。