Web Accessibility
Web 内容无障碍指南(WACG)
主要的障碍类型有以下四类:
- 视力障碍(Visual impairments)
- 听力障碍(Hearing impairments)
- 行动障碍(Mobility impairments)
- 认知障碍(Cognitive impairments)
Web 内容可访问性指南(WCAG)
Web内容可访问性指南(WCAG)是由互联网的主要国际标准组织万维网联盟(W3C)的Web可访问性倡议(WAI)发布的一系列Web可访问性指南的一部分。它们是一组使Web内容更易于访问的建议,主要针对残疾人,但也适用于所有用户代理,包括高度受限的设备,如移动电话。WCAG2.0, 于2008年12月发布,并于2012年10月成为国际标准化组织标准,ISO/IEC 40500:2012。 WCAG 2.1于2018年6月成为W3C推荐标准。
- 可感知性(Perceivable)
- 可操作性(Operable)
- 可理解性(Understandable)
- 鲁棒性(Robust)
WAI-ARIA 可访问的富 Internet 应用程序
WAI-ARIA是A11Y应用规范,主要就是针对于上述的障碍类型以及WCAG要求的技术细则,运用好这些技术细则,那么浏览障碍人士便能轻松访问我们的应用。
角色(Roles)
- 抽象角色(Abstract Roles)
- 小部件角色(Widget Roles)
- 文件结构角色(Document Structure Roles)
- 地标角色(Landmark Roles)
状态与属性(States and Properties)
小部件属性
aria-autocomplete aria-checked (state) aria-disabled (state) aria-expanded (state) aria-haspopup aria-hidden (state) aria-invalid (state) aria-label aria-level aria-multiline aria-multiselectable aria-orientation aria-pressed (state) aria-readonly aria-required aria-selected (state) aria-sort aria-valuemax aria-valuemin aria-valuenow aria-valuetext
实时区域属性
aria-atomic aria-busy (state) aria-live aria-relevant
拖放属性
aria-dropeffect aria-grabbed (state)
关系属性
aria-activedescendant aria-controls aria-describedby aria-flowto aria-labelledby aria-owns aria-posinset aria-setsize
焦点管理(Managing Focus)
combobox grid listbox menu menubar radiogroup tree treegrid tablist