Frontend Accessibility - 使用语义HTML和ARIA构建可访问的用户界面
遵循WCAG标准创建可访问的网页界面
标签
更新于: 2026-02-13能力
典型输入
典型输出
该技能可以做什么
- 创建语义HTML标记
- 为元素添加ARIA属性
- 实现键盘导航支持
- 测试屏幕阅读器兼容性
- 确保色彩对比度
- 构建标题层次结构
- 管理焦点状态
- 为图像添加替代文本
输入
- HTML代码
- UI设计规范
- WCAG指南
- 屏幕阅读器测试工具
输出
- 可访问的HTML标记
- ARIA增强元素
- 键盘可导航界面
- 屏幕阅读器兼容组件
要求
- 现代网页浏览器环境
- 屏幕阅读器测试工具（VoiceOver、NVDA、JAWS）
- WCAG合规知识