Question

我最近遇到了有关网络辅助功能的问题。我有一个CSS故意隐藏原始复选框，并用设计的复选框控件替换它。我知道问题是隐藏了css：outline和z-index的复选框，但我仍然需要这些实现，同时仍然实现web可访问性。我怎么能这样做？

编辑：进一步检查后，错误来自隐藏的复选框并替换为CSS复选框，而隐藏的复选框仍然可以使用键盘（Tab键）进行聚焦。

Answer 1

我发现一种效果很好的技术是裁剪：

events: { 
  "click #div1:not(#div2)": "check"
}

隐藏元素存在于文档流中，它具有维度并参与Tab键顺序等。它只是不可见。