SuperAPI AI 工具集

file-upload-accessibility

前端与建站

查看项目

更新于 10-16 06:14

技能介绍

用途:审查模板、服务端渲染 HTML 与共享组件输出的、与文件上传无障碍相关的最终面向浏览器的标记,而不只是看源码。检查对象是渲染后的 HTML 中具体元素、属性与路由是否违反该规则。

主要能力:验证文件输入框是否有关联标签;是否有 accept 属性限定可接受文件类型;是否清楚说明可接受文件类型与大小限制;上传过程中是否提供可访问的进度反馈;上传错误是否有可访问提示;拖拽上传区域是否可键盘访问。

检查要点:确认文件输入框具有正确标签、用于文件类型的 accept 属性,以及针对上传进度和错误的可访问反馈。

修复方向:使用可见标签、accept 属性限制、拖拽上传的替代方式,以及 ARIA live region 反馈来实现文件上传。

代码审查:审查模板、服务端渲染 HTML 与共享组件输出的相关标记,标出渲染 HTML 违反规则的具体元素、属性与路由。更完整的实现细节、代码示例与特定框架指南见 references/rule.md。

限制:本规则只覆盖前端标记层面的无障碍问题,官方文本未提供;未提及具体框架实现、收费或平台信息,暂未提供。规则页:https://frontendchecklist.io/rules/html/file-upload-accessibility