无障碍补丁 AccessPatch:为残障用户拆掉网页里的障碍
来源:dev.to — 2026-10-02
📋 概述
一位视障朋友向作者讲述他上网时遇到的障碍:页面看起来完全可用,但依赖屏幕阅读器或键盘的用户却无法理解、无法触及它的控件。作者借 Hacktoberfest 周末挑战验证「本地 AI 能否直接在浏览器里减少这些障碍」,做出了 Chrome 扩展 AccessPatch:用本地 Ollama 上的 Gemma 3 4B 为控件生成有意义的可访问名称,另一组规则为只能鼠标操作的元素补上键盘焦点与激活能力。测试录像里,Windows Narrator 只能念出「搜索目录区域。按钮。」以及一个没有名字的按钮,键盘导航还会完全跳过可点击菜单;打补丁后邮箱字段被念成「电子邮件地址。编辑。」,菜单变得可达并宣布为「打开导航菜单」。它只修用户本地的页面副本,站点服务器不受影响。
🔑 核心要点
- 障碍往往是隐形的:视觉上完好的页面,屏幕阅读器却只能念出一个没有名字的按钮。
- AccessPatch 是 Chrome 扩展,用 本地 Ollama 上的 Gemma 3 4B 为控件生成可访问名称。
- 另一组规则专门给 键盘导航会跳过的纯鼠标控件补上焦点与激活能力。
- 提供三种模式:自动、调试(前后对比卡片、由你决定应用哪些修复)与暂停。
- 修复只发生在浏览器本地,网站服务器保持不动且改动可以撤销。
💡 金句
一个网站可以看起来完全可用,却让依赖屏幕阅读器或键盘的人无法理解、也无法触及它的控件。
👍 0
👎 0
← 返回 dev.to 首页