Skip to main content

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

参考