Lumina A11y Research Reports

Digital accessibility research reports for 2024-2026.

View the Project on GitHub ukeSJTU/lumina-a11y

2024-2026 年数字无障碍鸿沟深度研究报告：Web 可访问性缺陷、视障用户群体特征及 AI 辅助技术的演进路径

语言： 中文 English

摘要

随着互联网成为现代社会基础设施的核心，数字无障碍（Digital Accessibility）已不再仅仅是一个合规性问题，而是关乎全球数以亿计视障人士基本生存权利的社会议题。本报告旨在为开发基于人工智能（AI）的无障碍修复工具提供详尽的理论基础、市场数据及技术路径分析。

基于 2024 年至 2026 年的最新数据，本研究揭示了一个严峻的悖论：尽管法律法规（如《欧洲无障碍法案》EAA）日益严格，社会意识逐渐提升，但在 Web 开发框架日益复杂化、单页应用（SPA）普及化的技术背景下，互联网的实际可访问性并未得到显著改善，甚至在某些关键指标上出现了倒退。

报告详细分析了全球 WebAIM 百万网页年度检测数据、世界卫生组织（WHO）的流行病学统计、以及视障用户（Blind and Low Vision, BLV）的行为模式。分析表明，当前互联网存在结构性的“可访问性债务”，绝大多数自动修复工具（Overlays）因技术局限性而宣告失败。这为下一代基于大语言模型（LLM）和计算机视觉（CV）的“代理式”辅助工具提供了巨大的市场空白和技术切入点。

第一章 当代互联网的可访问性现状（2024-2026）：基于数据的全景分析

要开发有效的人工智能辅助工具，首先必须量化当前互联网生态中的无障碍缺陷。数据表明，Web 可访问性的缺失并非个例，而是系统性的常态。现代前端技术的快速迭代，尤其是动态内容加载和组件化开发的普及，在提升交互体验的同时，往往以牺牲无障碍支持为代价。

1.1 Web 可访问性失败的普遍性与严重程度

WebAIM（Web Accessibility In Mind）作为全球公认的无障碍数据权威机构，其年度发布的《WebAIM Million》报告为我们提供了最为核心的统计基准。2024 年的分析结果显示，互联网的可访问性状况令人堪忧，且呈现出恶化的趋势。

总体失败率的停滞与恶化 在对全球排名前 100 万的主页进行的自动化分析中，高达 95.9% 的页面被检测出至少存在一种符合 WCAG 2（Web 内容无障碍指南）标准的失败项 1。虽然这一数字较 2023 年的 96.3%有微小的统计学改善，但从实际工程角度来看，这意味着用户访问的几乎每一个网页都存在阻碍其获取信息的障碍。

更为关键的指标是“错误密度”。2024 年的数据显示，平均每个主页包含 56.8 个明显的无障碍错误，这一数字较 2023 年的 50 个错误激增了 13.6% 1。这种错误的激增与网页复杂度的提升呈现出强正相关性——同期网页的 DOM（文档对象模型）元素数量平均增加了 11.8%，达到 1173 个元素 2。这揭示了一个核心趋势：现代网页正变得越来越“重”，而开发者在堆砌功能和视觉效果时，未能同步匹配相应的无障碍属性。

1.2 “六大障碍”：最为普遍的技术缺失

通过对数百万网页的扫描，研究发现 96.4% 的检测错误集中在六个特定的类别中 1。对于致力于开发 AI 修复工具的开发者而言，这六类问题构成了“高价值目标”——如果能通过 AI 准确识别并修复这六类问题，将直接解决绝大多数的无障碍阻碍。

下表详细列出了这六大类错误的发生率及其对屏幕阅读器用户的具体影响：

错误类别 (WCAG Failure Type) 发生率 (% 的主页) 对视障用户的具体影响与技术挑战
低对比度文本 (Low Contrast Text) 81.0% 影响：低视力用户无法辨识文字。 AI 挑战：需精确计算背景与前景像素的亮度比，并动态调整 CSS 而不破坏 UI 美感。
缺失替代文本 (Missing Alt Text) 54.5% 影响：屏幕阅读器仅朗读文件名（如 img_123.jpg），用户丢失所有视觉信息。 AI 挑战：需利用计算机视觉（CV）理解图片内容（是装饰性还是信息性），并生成符合上下文的描述。
缺失表单标签 (Missing Form Labels) 48.6% 影响：用户聚焦输入框时不知应填写真名还是用户名。 AI 挑战：需通过 DOM 空间分析或 OCR 识别附近的视觉文本，将其与 <input> 关联。
空链接 (Empty Links) 44.6% 影响：链接仅包含图标（如 FontAwesome），阅读器朗读“链接”，用户不知去向。 AI 挑战：需分析链接的目标 URL 或视觉图标含义，生成 aria-label。
空按钮 (Empty Buttons) 28.2% 影响：常见于汉堡菜单或搜索图标，用户无法操作核心功能。 AI 挑战：需识别 UI 组件的功能意图（Intent Recognition）。
缺失文档语言 (Missing Language) 17.1% 影响：屏幕阅读器无法自动切换发音引擎（如用英语口音读中文），导致乱码式朗读。 AI 挑战：相对简单，通过 NLP 检测页面主要语言并注入 lang 属性。

深入剖析：常用网站与复杂度的悖论 用户调研中常有一个误区，即认为“大公司开发的热门网站无障碍做得更好”。然而，数据揭示了相反的结论。WebAIM 的分析指出，网站越流行、越复杂，其包含的无障碍错误反而越多 3。

1.3 现代前端框架（SPA）带来的隐形壁垒

除了上述可被自动化工具检测出的显性错误外，以 React、Vue、Angular 为代表的单页应用（Single Page Application, SPA）引入了更为致命的“隐形错误”。这些问题往往无法通过静态代码扫描发现，必须通过运行时分析（Runtime Analysis）来识别 5。

焦点管理（Focus Management）的灾难

在传统多页应用中，点击链接跳转后，浏览器会刷新并默认聚焦到页面顶部。但在 SPA 中，页面内容的更新是通过 JavaScript 动态替换 DOM 节点完成的，浏览器并不认为发生了“跳转”。

动态内容的静默更新

现代网页大量使用异步加载（AJAX）。例如，搜索结果的实时筛选或购物车的数量更新。

1.4 图片与多媒体的“黑洞”

AudioEye 的 2024 年研究补充了 WebAIM 的数据，指出在图像可访问性方面的缺陷远比基础数据更严重。93% 的域名下至少包含一个不可访问的图像，且 60% 的图像完全没有替代文本 8。更细致的分析表明，即使存在替代文本，由于缺乏人工审核，大量图片被错误地标记为“图片”、“logo”或包含冗长的文件名，这些无效信息不仅未能提供帮助，反而增加了用户的认知负荷。对于 AI 工具而言，区分“装饰性图片”（应被忽略）和“信息性图片”（需生成描述）是极具挑战性的任务。

第二章 全球视障用户群体画像：需求规模与现实困境

在明确了“网页端”的问题后，我们需要审视“用户端”的规模与特征。这不仅决定了您的工具的市场潜力，更决定了产品设计应遵循的交互原则。

2.1 巨大的潜在用户基数

根据世界卫生组织（WHO）及相关流行病学研究的最新数据（2024/2025），全球视障群体规模庞大，且随着人口老龄化加剧，这一数字呈上升趋势。

2.2 “银发海啸”：用户结构的老龄化

WebAIM 2024 年的屏幕阅读器用户调查显示了一个关键的人口统计学变化：60 岁以上的老年用户比例显著增加 12。

这一趋势对工具开发提出了特殊要求：

  1. 非技术原住民：许多老年用户是在晚年因病致盲（如糖尿病视网膜病变、黄斑变性），他们并非计算机专家，不熟悉复杂的屏幕阅读器快捷键。
  2. 多重障碍：老年用户常伴随运动机能退化（手抖、关节炎）或认知能力下降。
  3. 设计启示：您的 AI 工具不能假设用户是“极客”，交互设计必须极度简化，避免复杂的配置，最好能实现“零配置”的自动化修复。

2.3 移动优先的使用习惯

虽然 WebAIM 的数据主要针对桌面网页，但用户行为已发生根本性转移。91.3% 的屏幕阅读器用户表示他们使用移动设备（手机/平板）进行辅助阅读 13。

第三章 屏幕阅读器生态与用户交互行为

要让您的程序与现有的辅助工具协同工作，必须深入了解当前的市场格局和用户的操作习惯。

3.1 屏幕阅读器市场份额：双寡头与移动垄断

根据 WebAIM Screen Reader Survey #10 (2024) 的数据，市场呈现出明显的地域和平台特征 14：

屏幕阅读器 平台 主要使用率 (Primary) 常用率 (Commonly Used) 备注
JAWS Windows 40.5% 60.5% 商业软件，价格昂贵，在北美及企业职场中占主导地位。
NVDA Windows 37.7% 65.6% 开源免费，全球范围内（尤其是欧洲、亚洲及发展中地区）最受欢迎，总体用户量已超越 JAWS。
VoiceOver macOS / iOS 9.7% 43.9% 苹果生态自带，移动端处于绝对垄断地位。
Narrator Windows 0.7% 37.3% Windows 自带，虽然作为主力的用户少，但作为备用工具的使用率在提升。

对开发的启示

  1. 测试基准：您的工具必须在 Chrome + NVDA 和 Chrome + JAWS 组合下进行严格测试，这是绝大多数桌面用户的配置。同时，必须兼容移动端的 Safari + VoiceOver。
  2. 浏览器引擎：Chrome 及其内核（Chromium）占据了 52.3%的浏览器市场份额 15，因此基于 Chromium 开发的浏览器扩展（Extension）是覆盖面最广的技术形态。

3.2 用户的导航策略与应对机制

视障用户并非线性地阅读网页，他们有一套独特的信息检索策略。如果您的工具破坏了这些策略，将被用户弃用。

核心导航模式：标题（Headings） 71.6% 的用户使用标题（H1-H6）作为在页面中跳转和寻找信息的主要方式 15。

应对机制：放弃与求助

当用户遇到不可访问的网页时，他们如何解决？

  1. 放弃（Abandonment）：这是最常见的反应。由于缺乏替代方案，用户只能离开网站，寻找竞争对手的服务。只有不到 10%的用户会经常联系网站管理员反馈问题 14。这意味着网站所有者往往对流失的残障用户一无所知。
  2. 人工/AI 视觉辅助：近年来，用户开始转向 Be My Eyes（连接志愿者视频通话）或其内置的 Be My AI（基于 GPT-4 Vision）来“看”屏幕。
    • Be My AI：用户截图并询问 AI“这张图片里有什么？”或“这个按钮是干什么的？”16。
    • JAWS Picture Smart：JAWS 集成了 AI 功能，允许用户通过快捷键分析当前窗口或图片 18。
    • 局限性：这些方案大多是“旁路”解决——它们告诉用户屏幕上有什么，但并没有修复DOM 本身。用户仍然无法直接点击那个没有标签的按钮，只能通过 OCR（光学字符识别）模拟鼠标点击，效率极低。

第四章 现有解决方案的缺陷与 AI 修复的技术路径

您的目标是开发一个程序来修复这些问题。目前市场上已有一些尝试（主要是 Accessibility Overlays），但它们备受争议。了解它们的失败原因，是您成功的关键。

4.1 “无障碍覆盖层”（Overlays）的失败

市场上存在大量宣称能“一行代码解决无障碍”的工具栏插件（Overlays）。然而，盲人社区对这些工具普遍持负面态度，甚至有专门的网站（如 shouldiuseanaccessibilityoverlay.com）抵制它们 19。

为何失败？

  1. 干扰性：Overlays 经常强行改变页面的快捷键，与屏幕阅读器本身的快捷键（如 NVDA 键）冲突。
  2. 虚假修复：它们往往只做表面功夫（如调整对比度），却无法解决核心的结构性问题（如 SPA 焦点管理、表单关联）。
  3. 法律风险：2024 年，大量诉讼案件将 Overlays 列为障碍而非解决方案，甚至有因使用了 Overlays 而被起诉的案例 20。

4.2 理想的 AI 修复程序架构要求

综合上述调研，一个真正有效的 AI 无障碍修复程序应当具备以下特征，这也是您开发时需要重点攻克的技术壁垒：

  1. 语义理解而非启发式猜测

    传统的修复脚本依靠简单的规则（如“如果有图片，加个 alt 标签”）。新一代工具必须利用 Multimodal AI（多模态 AI）。

    • 场景：一个只有放大镜图标的按钮。
    • 传统脚本：标记为“放大镜”或“图标”。（用户困惑：放大镜是用来干什么的？）
    • AI 能力：结合图标视觉特征、周围文本（如“请输入搜索词”）以及 HTML 类名（class="search-btn"），综合判断出其意图，并注入 aria-label="搜索"。

  2. 动态 DOM 监控（Mutation Observation）

    针对 React/Vue 等框架，程序不能是一次性运行的脚本。必须实现高效的 MutationObserver 机制。

    • 技术要求：监听 DOM 树的子节点变化。当新的内容（如弹窗、下拉菜单）被插入 DOM 时，毫秒级地拦截并进行无障碍属性注入，确保屏幕阅读器能即时捕捉到变化。

  3. 影子 DOM（Shadow DOM）的穿透

    现代 Web 组件（Web Components）常将结构封装在 Shadow DOM 中，这往往是传统扫描工具的盲区。您的工具必须具备遍历 Shadow Root 的能力，确保封装在组件内部的按钮和标签也能被修复。

  4. 隐私与性能的平衡

    由于需要实时分析页面内容，AI 模型若完全运行在云端（发送 HTML/截图到服务器），将引发严重的隐私担忧（如银行页面数据泄露）和延迟。

    • 趋势：探索 端侧小模型（On-device Small Language Models） 或浏览器内置的 AI 能力（如 Chrome Nano Gemini），在本地完成基础的标签预测和结构修复，仅在必要时（如复杂图片描述）调用云端 API。

第五章 结论与建议

2024 年至 2026 年，Web 无障碍领域正处于一个转折点。一方面，传统的网页开发模式导致了普遍的可访问性失败，95.9%的网页存在阻碍视障用户的缺陷；另一方面，全球 22 亿视力受损人群对数字化生活的需求日益增长，且随着老龄化加剧，这一需求变得更加迫切。

本研究得出以下核心结论：

  1. 市场痛点极度清晰：目前的常用网站在图像描述、表单标签、链接意图及 SPA 交互逻辑上存在巨大缺口。现有的 Overlay 方案因体验差、法律风险高而被社区排斥。
  2. 技术切入点：不要做“通用”的覆盖层，而应专注于智能修复代理（Intelligent Remediation Agent）。重点解决：
    • 利用视觉模型为数以亿计的无标签图片生成有意义的 Alt Text。
    • 通过意图识别为“空链接”和“空按钮”补全 aria-label。
    • 构建针对 React/Vue 的运行时脚本，接管焦点管理，修复 SPA 的导航体验。
  3. 用户导向：鉴于 NVDA 和移动端的高使用率，您的工具应优先考虑作为 浏览器扩展 或 系统级辅助服务 运行，而非强迫网站管理员安装的代码。赋能用户端（User-Agent based），让用户掌握修复网页的主动权，是未来几年的主要技术趋势。

通过填补自动化代码扫描无法覆盖的“认知理解”空白，您的程序有望为数千万依赖屏幕阅读器的用户重建一个可理解、可操作的互联网。

本报告引用数据来源索引

引用的著作

  1. The WebAIM Million - The 2024 report on the accessibility … - WebAIM, https://webaim.org/projects/million/2024
  2. WebAIM List: The WebAIM Million report for 2024, https://webaim.org/discussion/mail_thread?thread=11026
  3. 4 Takeaways From the 2024 WebAIM Million Report - AudioEye, https://www.audioeye.com/post/4-takeaways-2024-webaim-million-report/
  4. The WebAIM Million - The 2025 report on the accessibility of the top 1000000 home pages, https://webaim.org/projects/million/
  5. Single Page Application Accessibility: React, Vue, and Angular Guide TestParty, https://testparty.ai/blog/single-page-app-accessibility
  6. Building Accessible Single Page Applications (SPAs) - Atyantik Technologies, https://atyantik.com/building-accessible-single-page-applications-spas/
  7. Making dynamic websites accessible using focus management - Vision Australia, https://www.visionaustralia.org/business-consulting/digital-access/blog/making-dynamic-websites-accessible-using-focus-management
  8. Web Accessibility Stats and Data 2024 - AudioEye, https://www.audioeye.com/post/accessibility-statistics/
  9. Blindness and vision impairment - World Health Organization (WHO), https://www.who.int/news-room/fact-sheets/detail/blindness-and-visual-impairment
  10. Global estimates on the number of people blind or visually impaired by Uncorrected Refractive Error: a meta-analysis from 2000 to 2020 - PubMed, https://pubmed.ncbi.nlm.nih.gov/38965322/
  11. Global estimates on the number of people blind or visually impaired by Uncorrected Refractive Error Institute for Health Metrics and Evaluation, https://www.healthdata.org/research-analysis/library/global-estimates-number-people-blind-or-visually-impaired-uncorrected
  12. WebAIM Screen Reader Survey #10: Key Takeaways for 2024 and Beyond - Allyant, https://allyant.com/blog/webaim-screen-reader-survey-10-key-takeaways-for-2024-and-beyond/
  13. My WebAIM 10th SR User Survey Takeaways - Adrian Roselli, https://adrianroselli.com/2024/02/my-webaim-10th-sr-user-survey-takeaways.html
  14. Screen Reader User Survey #10 Results - WebAIM, https://webaim.org/projects/screenreadersurvey10/
  15. Screen Reader User Survey #10 Results - WebAIM, https://webaim.org/blog/screen-reader-user-survey-10-results/
  16. Be My Eyes for Windows - AI-Powered Desktop Accessibility, https://www.bemyeyes.com/be-my-eyes-for-windows/
  17. Be My Eyes Launches its Award-Winning App on Windows with Immediate Availability, https://www.bemyeyes.com/news/be-my-eyes-launches-its-award-winning-app-on-windows-with-immediate-availability/
  18. Picture Smart AI for JAWS: Making charts and graphs accessible!, https://www.perkins.org/resource/picture-smart-ai-for-jaws-making-charts-and-graphs-accessible/
  19. Should I Use An Accessibility Overlay?, https://shouldiuseanaccessibilityoverlay.com/
  20. 2024 Year-End Report on Web Accessibility Lawsuits, https://info.usablenet.com/2024-year-end-report
  21. Accessibility Overlay Widgets Attract Lawsuits, https://www.accessibility.works/blog/avoid-accessibility-overlay-tools-toolbar-plugins/