一张图认识 WCAG Level A, Level AA, Level AAA

最新推荐文章于 2021-03-30 13:32:59 发布

奇舞周刊

最新推荐文章于 2021-03-30 13:32:59 发布

阅读量5.6k

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qiwoo_weekly/article/details/103966699

版权

WCAG是Web内容无障碍指南，分为Level A、AA、AAA三个级别。Level A是最基础的标准，涉及可替代文本、媒体、键盘可访问性等；Level AA涵盖实时媒体、UI；Level AAA则包含高级功能和更细致的可读性要求。该指南旨在提升网页内容对残疾用户的可访问性。

摘要由CSDN通过智能技术生成

编者按：本文作者安佳，360 搜索事业部的前端开发工程师，W3C CSS 工作组成员。

WCAG，Web Content Accessibility Guidelines，Web 内容无障碍指南。

WCAG 是一个技术标准，目前有 WCAG 2.0¹ 和 WCAG 2.1²，两者都处于 REC（推荐标准）。

WCAG 2.0 REC 发布于 2008-12-11

WCAG 2.1 REC 发布于 2018-06-05

WCAG 2.1 是兼容之前的内容，所以我们直接看它就行。

WCAG 2.1 里都有什么？它包含了 13 个指导准则，它们按照可感知、可操作、可理解和健壮这四个原则来组织。每一个指导准则，都有三个可测试的级别：Level A、Level AA 和 Level AAA。如下图：

图. 点击 A11Y³ 可在线查看

Level A 是实现无障碍的最初级的级别标准。通过上图，可以看到它主要分布在可替代文本、预录

最低0.47元/天解锁文章

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

奇舞周刊 CSDN认证博客专家 CSDN认证企业博客

码龄5年

456: 原创

2万+: 周排名

3862: 总排名

189万+: 访问

: 等级

8999: 积分

1316: 粉丝

1402: 获赞

153: 评论

3323: 收藏

私信

关注

热门文章

分类专栏

浏览器 2篇

最新评论

5分钟带你了解【前端装饰器】，“高大上”的“基础知识”
柑橘乌云_: 想进学习群
异步难题：前端并发控制全解析
佳人士: 您好方法三按照您的代码来直接是死循环了该怎么改下呢[code=javascript] function gets(ids, max) { return new Promise((resolve) => { const res = []; let loadcount = 0; let curIndex = 0; function load(id, index) { return get(id).then( (data) => { loadcount++; console.log('请求次数--------------', loadcount) if (loadcount === ids.length) { res[index] = data; resolve(res); console.log('res--------', res); } else { curIndex++; load(ids[curIndex]); } }, (err) => { res[index] = err; loadcount++; curIndex++; load(ids[curIndex]); } ); } for (let i = 0; i < max && i < ids.length; i++) { curIndex = i; load(ids[i], i); } }); } gets([1,2,3,4,5,6,7,8,9], 3) [/code]
Chroma + Ollama 搭建本地RAG应用
mutung: Chroma怎么配置呢一直报错pydantic_core._pydantic_core.ValidationError: 5 validation errors for Settings clickhouse_host Input should be a valid string [type=string_type, input_value=None, input_type=NoneType] For further information visit https://errors.pydantic.dev/2.8/v/string_type clickhouse_port Input should be a valid string [type=string_type, input_value=None, input_type=NoneType] For further information visit https://errors.pydantic.dev/2.8/v/string_type chroma_server_host Input should be a valid string [type=string_type, input_value=None, input_type=NoneType] For further information visit https://errors.pydantic.dev/2.8/v/string_type chroma_server_http_port Input should be a valid string [type=string_type, input_value=None, input_type=NoneType] For further information visit https://errors.pydantic.dev/2.8/v/string_type chroma_server_grpc_port Input should be a valid string [type=string_type, input_value=None, input_type=NoneType] For further information visi
CSS 实现多行文本“展开收起”
视觉CG: css是世界上最难的语言
浅析 VSCode 代码高亮实现原理
weixin_43657234: 写的太好了👍👍👍👍👍👍👍

最新文章

2024

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。