自动弹出窗口和键盘可访问性

4
因为一个客户网站上的自动“订阅”弹窗,导致无法满足WCAG的要求,因为根据WCAG的规定,所有内容大体上都应该可以通过键盘访问,但是当前模态框无法通过键盘移动。此外,根据WCAG的规定,除非手动触发且有警告,否则不应该进行上下文或焦点的更改,因此不能自动分配焦点给模态框以供用户与其交互。显然,它不能保留原样,因为会遮挡其后面的内容。目前还不确定该怎么做。
根据我目前的研究,似乎模态框只需要变成非自动,需要由用户手动触发即可。
有任何建议/反馈吗?
1个回答

2
通常情况下,您是正确的,自动上下文切换不符合WCAG标准。我认为您可以通过在屏幕阅读器警报或与弹出窗口相关联的aria-label形式中使用适当的上下文提示来宣布弹出窗口,从而完成这一点。
如果客户想要保持弹出窗口的自动化,我建议将焦点添加到弹出窗口中,以便用户可以导航和关闭它,并提供上下文提示,如我所提到的。
此网站(导致WCAG 3.2.2)https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-unpredictable-change.html涵盖了上下文切换并提到了视觉提示的替代方案。

1
谢谢您的回复!我在建议页面上注意到的一件事是“只有当明确该更改将响应用户操作时,上下文更改才是适当的。”。该页面上还有许多其他关于用户更改的参考和示例,因此基于那个URL,我仍然认为在没有任何用户操作的情况下自动将焦点移动到自动弹出窗口是不合适的。 - Michael R
@MichaelR 我同意。如果可以删除自动弹出,最好这样做。我只是试图在客户不想自己删除弹出窗口的情况下提供最佳解决方案。 - JakeofSpades

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接