根据文章长度和内容检查内部链接与外部链接的数量及相关性,协助补充通往相关文章的路径,以及支持事实和数据的可靠参考资料。
- 检查文章中的链接数量
- 添加通往相关文章的内部链接
- 补充支持事实和数据的来源
@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万
根据文章长度和内容检查内部链接与外部链接的数量及相关性,协助补充通往相关文章的路径,以及支持事实和数据的可靠参考资料。
检查向辅助技术传达界面状态和标签的ARIA属性值,找出布尔值写法错误及引用ID缺失的问题,并提供符合规范的修正方法和验证步骤。
检查HTML中的ARIA属性是否存在拼写错误或规范中不存在的名称,帮助改为标准名称,并说明如何验证辅助技术能否识别元素的角色和状态。
检查文章或博客中的作者姓名、职务和个人简介链接,依据实际页面与HTML调整作者栏,并定位需要改进的页面或模板,让读者了解内容由谁撰写。
检查页面HTML,找出role="text"内部的链接、按钮等可聚焦元素,帮助修复屏幕阅读器无法识别操作控件的问题,并检查键盘操作。
检查表单的自动聚焦,排查页面加载后直接跳到输入框、略过说明文字的行为,并建议根据用户操作移动焦点,同时考虑登录页和纯搜索页的例外。
检查HTML中已弃用的ARIA角色及不应直接使用的抽象角色,协助评估推荐角色或原生HTML元素的替代方案,并梳理浏览器与屏幕阅读器可能存在的解释差异。
检查通过HTML元标签或HTTP响应标头中的noindex排除搜索收录的页面,依据实际输出确认重要商品和文章是否被误排除,并指出问题位置及修正方法。
检查网站图片及其分发设置,协助采用压缩效率较高的AVIF格式,同时检查图片尺寸与加载方式,并考虑为不支持AVIF的浏览器提供WebP或JPEG替代图片。
检查文章作者介绍是否展示相关经验、资质及专业主页链接,并审查渲染后的HTML、元数据、结构化数据和HTTP响应,指出作者信息在SEO方面的改进位置及验证方法。
检查工具提示能否通过键盘和屏幕阅读器使用,审查关联说明的HTML属性、悬停与聚焦时的显示、Escape键关闭及文字对比度,并指出需要修改的具体位置。
检查表单结果、购物车更新等页面变化能否传达给屏幕阅读器用户,审查ARIA实时区域的属性与通知优先级,并指出修改位置及验证方法。
检查按钮、链接和菜单项的朗读标签是否能传达操作目的,找出缺少无障碍名称的元素,并提供文本或ARIA属性的修改建议及浏览器验证步骤。
为页面和共用组件添加自动无障碍测试,检查现有测试的覆盖缺口,并将检查接入持续集成流程,以发现结构、属性问题及修改引入的新问题。
检查表明界面控件用途的ARIA角色是否具备必需属性,结合实际呈现的HTML和交互状态,帮助补充屏幕阅读器所需的状态与数值信息。
检查电量、存储容量等仪表是否具有无障碍名称,找出并补充缺失的标签,让屏幕阅读器能够说明数值的含义,并提供修改后的验证方法。
检查表头与数据单元格的对应关系,将 HTML 调整为屏幕阅读器也能传达数据含义的结构。从简单表格到包含合并单元格的复杂表格都可检查。
检查网页中的大型动画GIF,通过实际测量确认其对加载和资源消耗的影响,帮助转换为MP4或WebM,并改用适合自动循环播放的视频标签。
检查页内链接的滚动行为,确认减少动态效果的设置生效时能立即跳转,并检查键盘焦点是否移至目标位置,提供相应的修改方法。
检查浏览器在后退或前进时从内存恢复页面的机制,找出阻止恢复的事件处理及恢复后信息过期的原因,并协助修改相关逻辑。
检查按钮、链接等交互元素是否具有能说明操作或目标位置的无障碍名称,指出显示文字或 aria-label 的缺失及含义不清之处,并提出具体修改建议。
检查对屏幕阅读器隐藏的区域内,是否仍有可通过键盘聚焦的链接、按钮或输入框,指出导致焦点位置不明的问题,并提供修改方案和验证方法。
检查界面元素的角色是否支持所设置的ARIA属性,核对输出HTML和交互状态,指出不兼容的组合并指导删除或修正,帮助屏幕阅读器正确理解元素。
检查网站中“点击此处”“阅读更多”等含糊的链接文字,帮助改成能说明目标页面内容的表述,并检查渲染后的页面,支持搜索引擎和屏幕阅读器理解链接去向。