首页 > 解决方案 > jquery blockUI 插件中的可访问性支持

问题描述

我只是想知道 blockUI 是否为不同能力/盲人用户提供任何支持?例如,当加载微调器在屏幕上可见时,应向屏幕阅读器用户发出通知,例如。“提醒加载内容”或类似的东西。

请让我是否已经实施相同的?

谢谢。

<span aria-live="assertive" id="" class="sr-only" role="alert" style="display:none;">something is loading</span>

如果加载微调器可见,则应显示此跨度

标签: wai-ariablockuisection508jquery-blockuiweb-accessibility

解决方案


仅使用演示,该插件并非完全可访问。这将需要额外的工作,因为模态对话框根本无法正确处理所有键盘交互。用户应该能够使用 Escape 键关闭对话框。同样,单击“阴影”区域应该关闭对话框,并且弹出窗口没有关闭按钮。用户被迫做出选择。

具体说到动画,我建议遵循仅限视频的定时媒体指南,因为有动画,并提供加载程序的清晰解释,但我会尽可能避免使用这种方法。对于符合 WCAG 且仍受到积极支持的模态,有更清晰、更清洁的方法。

基于时间的媒体:https ://www.w3.org/TR/WCAG21/#time-based-media


推荐阅读