Allyfolio产品系统Vibe Coding

我要开发同款
Mosi2026年11月11日
7阅读

技术信息

语言技术
CSS、React、TypeScript、Node.js
系统类型
Web
行业分类
企业服务

作品详情

行业场景

欧盟《欧洲无障碍法案》(EAA)于 2025 年生效,面向欧盟用户的网站需要符合 WCAG 无障碍标准,否则面临合规风险。Allyfolio 帮助企业和代理机构自动扫描网站,按 WCAG 2.2 标准找出无障碍问题,生成可交付的检测报告,并持续监控整改进度。

功能介绍

- 网站扫描:输入网址后自动抓取页面,按 WCAG 2.2 AA 标准检测颜色对比度、图片替代文本、表单标签、键盘可访问性、ARIA 使用等问题。

- 检测报告:按问题严重程度和 WCAG 条款归类,标出问题所在的页面和元素,附带修复建议,可直接交付给客户或开发团队。

- 持续监控:定期重新扫描,跟踪问题的新增和修复进度,方便企业持续保持合规。

- 订阅付费:通过 Paddle 接入国际支付,支持按套餐订阅。

项目实现

本人是项目创始人兼全栈开发,独立负责产品设计、前后端开发和部署运维。营销官网用 Astro 构建,兼顾加载速度和 SEO;后台和 API 基于 Node.js + Fastify;扫描引擎用 Playwright 驱动无头浏览器渲染真实页面,再用 axe-core 做规则检测,能处理 JS 动态渲染的单页应用;支付接入 Paddle,处理海外订阅和税务;静态资源和前端部署在 Cloudflare,扫描服务跑在 Hetzner 服务器上。开发过程大量使用 AI 编程工具,提升交付效率。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论