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

Posted 2023-01-26

因此，在客户站点上会出现一个有趣的可访问性情况，其中会自动弹出一个“订阅”弹出窗口。根据WCAG，所有内容或多或少都应该可以通过键盘进行访问，而模态不能通过键盘移动到。同样，根据WCAG，除非手动触发并带有警告，否则不应更改上下文或焦点，因此无法将焦点自动分配给模式以使用户与其进行交互。而且显然不能按原样保留它，因为它在视觉上阻碍了它后面的内容。不太确定该怎么办。

根据我到目前为止的研究，似乎模态必须简单地设置为非自动的，并且需要由用户手动触发。

有任何建议/反馈吗？

答案

通常，您是正确的，对于WCAG，自动上下文切换效果不好。我相信您可以通过以屏幕阅读器警报或与弹出窗口相关联的aria标签的形式，通过适当的上下文提示来宣布弹出窗口来实现。

如果客户端要使弹出窗口保持自动，我建议您将焦点添加到弹出窗口，以便用户可以导航和关闭该弹出窗口，也可以像我提到的那样进行上下文警报。如果您有任何疑问，想要更多具体的细节，示例或参考，请告诉我。