【问题标题】:accessibility not working on disabled button可访问性在禁用按钮上不起作用
【发布时间】:2021-10-31 18:22:36
【问题描述】:

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

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

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

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

【问题讨论】:

  • 禁用意味着它不会获得焦点。如果您仍然希望它获得焦点,则不应禁用它。为什么你认为这是个问题?

标签: javascript jquery focus accessibility


【解决方案1】:

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

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

【讨论】:

  • 谢谢你,但你还有其他方法吗,因为移除按钮上的禁用需要时间
  • 不,因为禁用按钮有我在第一段中提到的效果。
  • 没问题,很高兴为您提供帮助
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多