accessibility - 构建符合 WCAG 2.1 AA 标准的无障碍网站
使用语义化 HTML、恰当的 ARIA、焦点管理和屏幕阅读器支持构建无障碍网站
标签
更新于: 2026-02-09能力
典型输入
典型输出
该技能可以做什么
- 编写语义化 HTML
- 添加 ARIA 属性
- 管理焦点顺序
- 实现键盘导航
- 确保色彩对比度
- 添加文本替代
- 创建无障碍表单
- 设置 aria-live 区域
- 验证表单输入
输入
- HTML 结构
- CSS 样式
- JavaScript 功能
- WCAG 2.1 AA 标准
- 设计稿
输出
- 符合 WCAG 2.1 AA 标准的代码
- 无障碍的 HTML 元素
- 键盘可导航的界面
- 支持屏幕阅读器的内容
- 色彩对比度合规的设计
要求
- HTML 知识
- CSS 知识
- JavaScript 知识
- 浏览器开发工具
- 屏幕阅读器测试工具