用途:对 Webflow 页面执行 WCAG 2.1 无障碍审计,识别问题并给出可执行修复建议,可选自动修复。
主要能力:检查图标按钮缺少可访问名称、表单输入缺少标签、非语义点击元素、无目标链接等 A 级严重问题;检查焦点轮廓被移除、缺少键盘事件、触控目标小于 44px 等 AA 级问题;检查标题层级跳跃、正 tabIndex、ARIA 角色缺少必需属性等中等问题。按严重程度分类并计算 0-100 无障碍评分,生成含元素位置、当前代码、修复方式与对应 WCAG 条款的报告,支持多页面站点审计与 Markdown、JSON、CSV 导出。
使用方式:所有操作须使用 Webflow MCP 工具,且需连接 Webflow Designer。先用 webflow_guide_tool 获取最佳实践,用 data_sites_tool 的 list_sites 与 get_site 选择站点,用 data_pages_tool 的 list_pages 选择页面,用 de_page_tool 的 switch_page 切换页面,用 element_tool 的 get_all_elements 提取元素(include_style_properties 设为 true,include_all_breakpoint_styles 设为 false),修复时用 element_tool 的 add_or_update_attribute。每次工具调用需带 15-25 词的第三人称 context 参数。
适用场景:Webflow 站点上线前无障碍检查、多页面批量审计、按严重程度排定修复优先级。
限制:不检查图片替代文本(应使用 asset-audit 技能)、颜色对比度、动画偏好、屏幕阅读器实际行为与内容可读性;仅依赖元素属性与结构,无法检测纯视觉问题;需 Designer 连接才能访问元素属性与样式。