无障碍指南

本页列出了 Web 无障碍指南。这些指南旨在帮助你了解如何改善你的 Web 项目的无障碍性。

Web 作者的无障碍信息
ARIA 作者实践指南 (APG)

由 Accessible Rich Internet Application (ARIA) 规范定义的无障碍语义的指南,用于创建无障碍的 Web 体验。描述如何将无障碍语义应用于常见设计模式和小部件,提供设计模式和功能示例。

Web 内容无障碍性指南 (WCAG)

来自 W3C Web Accessibility Initiative (WAI) 的另一组重要指南。欧盟计划基于这些指南制定即将推出的无障碍性规定。这些指南在 WAI 兴趣组讨论列表上进行了讨论。

本站点上的 ARIA

MDN 提供的关于所有 ARIA 角色ARIA 属性的指南,包括最佳实践、关联角色和属性以及示例。

Web 无障碍:理解颜色和亮度

对于所有视力正常的用户来说,理解颜色、亮度和饱和度对设计和可读性都很重要;对于视力减退、色盲以及特定神经、认知和其他障碍的人来说,这些因素也是必不可少的。

无障碍 Web 应用和微件概述

大多数 JavaScript 库提供了客户端微件(widget)库,模拟熟悉的桌面界面的行为。滑块、菜单栏、文件列表视图等可以通过 JavaScript、CSS 和 HTML 的组合来构建。由于 HTML4 规范不提供语义上描述这些微件的内置标签,因此开发人员通常会使用通用元素(如 divspan)。虽然这导致了一个看起来像桌面对应的组件,但标记中通常没有足够的辅助技术可用的语义信息。

无障碍:用户如何更安全地浏览网页

这篇文章讨论了如何通过利用操作系统内置的个性化和无障碍设置,使患有前庭障碍的人以及支持他们的人能够更加方便地访问 web 内容。充分利用个性化设置可以帮助防止接触可能引发癫痫或其他身体反应的内容。

无障碍和空间模式

美国国家航空航天局进行了有关颜色感知的研究,并发现亮度对颜色感知的影响很大。下面的两幅图片来自 NASA 的研究,具体来自文章“蓝色设计”。

理解 Web 内容无障碍指南

这一组文章提供了帮助你理解如何遵循 W3C Web 内容无障碍指南 2.0 或 2.1(或者只是 WCAG,出于撰写本文的目的)建议的步骤的快速解释。

移动无障碍清单

该文档为移动应用开发者提供一个无障碍需求的简要清单。此文档将随着技术模式的发展而不断演进。

认知无障碍

认知无障碍涵盖了针对认知和学习障碍人群的无障碍考虑。本文介绍了认知无障碍以及改善 Web 对认知和学习差异人群的无障碍性的方法。

键盘导航的 JavaScript 微件

网页应用经常使用 JavaScript 来模拟桌面组件,比如菜单、树状视图、富文本以及标签面板等。网页中这些微件通常是由 divspan 等元素组合而成,并不是原生的,也不会提供对应的桌面组件所拥有的键盘功能。本文档主要描述能让 JavaScript 微件使用键盘访问的技术。