首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >提醒视障用户的无障碍开发Javascript

提醒视障用户的无障碍开发Javascript
EN

Stack Overflow用户
提问于 2018-12-04 21:58:47
回答 1查看 88关注 0票数 0

在我的页面中,我使用Javascript显示了一个警告,但是我面临一个焦点问题,焦点总是在主表单上,所以视力受损的用户不能使用辅助工具来读取错误信息,因为它正在读取主表单,而不是js警报中的错误消息。因此,我要做的是将注意力集中在警报上,以便辅助工具能够为用户读取错误消息。

我的代码:

代码语言:javascript
运行
复制
alert('Errors\n' + msg + '\n\n' + msg)

我试着集中注意力,然后向下滑动,结果不起作用。

代码语言:javascript
运行
复制
$("#jquery_validate_error_focus").focus();
$("#jquery_validate_error").slideDown();
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-08-11 09:18:09

如果您实际使用的是alert()函数,则没有问题,因为它是一个非常可访问的、中断性很强的对话框组件,也将接收焦点。

如果在页面中注入/显示错误消息,则可以通过角色修复焦点和公告问题。

代码语言:javascript
运行
复制
<div role="alert">Your name is required</div>

它将使屏幕阅读器宣布反馈,无论焦点或阅读位置。

但是,您还需要将反馈信息直观地保存在用户与表单交互的位置。视障用户也使用屏幕放大镜,一次只能看到一个字段或按钮。

另见使用WebAIM进行可用和可访问的表单验证和错误恢复

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53622061

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档