检查工具提示中的补充信息能否传达给屏幕阅读器,核查无障碍名称及其与触发元素的关联,逐项指出问题,并提供修改方案和验证方法。
- 确认工具提示能否被朗读
- 检查触发元素与补充说明的关联
- 审查共用工具提示组件
@thedaviddias
Staff Front-End Engineer | Front-End Architecture, Design Systems & Accessibility | Creator of the Front-End Checklist (74K+ ⭐) and serving 100K+ devs
467 个技能6 个仓库 7.5万
检查工具提示中的补充信息能否传达给屏幕阅读器,核查无障碍名称及其与触发元素的关联,逐项指出问题,并提供修改方案和验证方法。
从事实准确性、独特价值和自然表达等方面审查AI生成的文章,帮助融入原创研究与亲身经历,并检查发布页面的HTML、元数据和响应头。
检查视频中仅靠画面传达的动作、表情和屏幕文字等信息,整理面向盲人及低视力用户的音频描述补充方式,以及实现时的检查要点。
检查对话框的名称能否让屏幕阅读器用户了解其用途,找出标题或标签的问题,提出关联或命名方案,并说明需要检查的元素及修改后的验证方法。
检查复选框、单选按钮和开关供屏幕阅读器朗读的名称,找出缺失或含糊的标签,提出能说明选择或切换目的的标注方案,并说明验证方法。
检查HTML和JavaScript中可能被广告拦截工具阻止的链接与外部资源,找出跳转和加载问题,并提出直接链接、自行托管脚本或服务器转发等修改方案。
检查向辅助技术说明页面元素作用的 ARIA 角色属性,修正拼写错误和未定义的值,并协助改用标准 HTML 元素、验证键盘操作与屏幕阅读器输出。
检查菜单项、标签页等元素的ARIA角色是否位于所需的父角色内,调查影响屏幕阅读器分组识别与操作的问题,并提供合适容器等修正建议。
检查页面中accesskey属性值是否重复,找出键盘快捷键冲突。建议重新分配值或移除多余设置,并整理修改后的键盘操作验证方法。
检查或创建说明网站用途与运营方的介绍页面,核对组织历史、使命、专业能力及联系方式,并检查实际页面输出,找出信息缺漏。
检查进度条是否具有说明具体任务的无障碍名称,补充标签并核对进度值属性,让屏幕阅读器用户也能理解进度所代表的任务及其状态。
检查自定义标签页、菜单等界面中,ARIA 父角色是否包含必需的子角色,指出缺失和结构问题,协助修正,使屏幕阅读器能够识别各个项目。
Use when implementing provide additional context on hover or focus.
中文简介正在准备中。当前显示原文说明。
Use when you need to organize and structure site navigation.
中文简介正在准备中。当前显示原文说明。
Use when implementing secure password entry with feedback.
中文简介正在准备中。当前显示原文说明。
Use when you need to search through content efficiently.
中文简介正在准备中。当前显示原文说明。
Use when implementing show completion status of an operation.
中文简介正在准备中。当前显示原文说明。
Use when implementing password recovery and reset flows.
中文简介正在准备中。当前显示原文说明。
Use when implementing navigate through multiple pages of content.
中文简介正在准备中。当前显示原文说明。
Use when implementing enter time in a structured format.
中文简介正在准备中。当前显示原文说明。
Use when implementing real-time AI response streaming.
中文简介正在准备中。当前显示原文说明。
Use when you need to display focused content or actions.
中文简介正在准备中。当前显示原文说明。
Use when you need to organize and structure site navigation.
中文简介正在准备中。当前显示原文说明。
Use when implementing product display cards for e-commerce.
中文简介正在准备中。当前显示原文说明。