删除 tabindex = '-1' 属性是否也会在显示模式窗口时影响 Web 可访问性?



仅在模式窗口未公开时添加tabindex = '-1'属性,而在模式窗口公开时删除tabindex属性是否是可访问性问题?当然,如果模式窗口再次关闭且未公开,我将再次添加tabindex = '-1'属性。我认为通过这种方式访问键盘选项卡没有问题。还有其他问题吗?

假设你这样做是为了防止人们在模态不活动时访问它,那么你所做的没有任何问题。您可以安全地在元素上添加和删除tabindex属性,屏幕阅读器软件将很好地处理这一问题。

但是,我建议同时将aria-hidden="true"添加到模态中。

这是为了让屏幕阅读器用户不会跳转到模态中的h1-h6(例如(,因为屏幕阅读器用户也可以使用屏幕阅读器软件中的快捷键通过不可聚焦元素进行导航。

当模态处于活动状态时,不要忘记将其切换到aria-hidden="false"

在这种情况下,删除属性是不安全的,必须在falsetrue之间切换,否则会导致某些屏幕阅读器出现可访问性问题。

最新更新