当前位置: 首页 > 知识库问答 >
问题:

前端 - 哪里有代码无障碍功能相关标准?

松洛华
2023-08-08

老板要求我们代码要做无障碍相关功能,在哪里能找到相关的标准或者设计规范、技术文档?

共有3个答案

孟德曜
2023-08-08
  • Web内容无障碍指南 (WCAG) 2.1
  • Accessible Rich Internet Applications (WAI-ARIA) 1.2
长孙景焕
2023-08-08

MDN 上有一份简单的说明:

https://developer.mozilla.org/en-US/docs/Web/Accessibility

W3C 为此制定过一份名为《Web Content Accessibility Guidelines》(网页内容无障碍指南,简称 WCAG)的规范,最新版本是这个月刚刚发布的 WCAG 2.2。

英文原版: https://www.w3.org/WAI/standards-guidelines/wcag/
中文译版: https://www.w3.org/Translations/WCAG20-zh/ (翻译比较滞后,还是 WCAG 2.0)

其他一些可以参考的国际标准还有诸如 ISO/IEC-40500、Section 508 of the Rehabilitation Act(美国)、ETSI-EN-301-549(欧盟)等等。

王嘉木
2023-08-08

遇事不决,先看 MDN Accessibility。

 类似资料:
  • 引子 这篇教程旨在帮助开发者快速上手 Rax iOS 上的无障碍开发。 无障碍,即「accessibility」(常常缩写成「a11y」),是相对有障碍访问而言的,常见的有障碍访问场景有两类。 一种是用户因为生理缺陷,没有能力按正常的交互方式访问,举几个例子: 视障人士看不见或看不清,无法感受手淘上的信息,动效,氛围; 听障人士听不见或听不清,无法听到音乐以及视频的语音部分; 老年人视力和听力的退

  • 无障碍性(a11y) 当你设计一款扩展,需要让扩展对于诸如视觉缺陷,失聪,行动不便的残疾人没有使用障碍。 所有人 — 不仅仅是有特殊需求的人 — 都应该能从那些无障碍扩展所提供的相应模式中获益。例如,键盘的快捷键对于盲人,灵敏度较差的那些人非常重要,然而他们也能提高高级用户在无鼠标状态下的工作效率。 字幕和手抄本提供了聋人获取影音内容的通道,然而他们对语言学习者也非常有用。 人们可以通过各种方式和

  • 无障碍设计 无障碍设计是指产品, 设备, 服务, 或者环境是为残疾人设计的. 无障碍设计的概念意味着与一个人的辅助技术(例如, 电脑屏幕阅读器)相兼容, 确保直接访问(即独立)和"间接访问". 无障碍设计可以理解为 "能够访问", 并对一个系统或实体是有利的, 其侧重于使身体残障, 或有特殊需要, 或要依赖辅助技术的人群能够访问 Web. 然后, 研究和开发无障碍设计对每个人都带来了好处. 无障碍

  • 组件标签: data: 查询: 打印输出:匹配到了之后,又去匹配其他非输入值