·accessibility
</>

accessibility

jezweb/claude-skills

使用语义 HTML、适当的 ARIA、焦点管理和屏幕阅读器支持构建 WCAG 2.1 AA 兼容的网站。包括颜色对比度(4.5:1 文本)、键盘导航、表单标签和活动区域。 在实现可访问的界面、修复屏幕阅读器问题、键盘导航或对“焦点轮廓缺失”、“需要 aria-label”、“对比度不足”进行故障排除时使用。

510安装·10热度·@jezweb

安装

$npx skills add https://github.com/jezweb/claude-skills --skill accessibility

SKILL.md

Status: Production Ready ✅ Last Updated: 2026-01-14 Dependencies: None (framework-agnostic) Standards: WCAG 2.1 Level AA

Choose the right element - don't use div for everything:

Golden rule: Use ARIA only when HTML can't express the pattern.

使用语义 HTML、适当的 ARIA、焦点管理和屏幕阅读器支持构建 WCAG 2.1 AA 兼容的网站。包括颜色对比度(4.5:1 文本)、键盘导航、表单标签和活动区域。 在实现可访问的界面、修复屏幕阅读器问题、键盘导航或对“焦点轮廓缺失”、“需要 aria-label”、“对比度不足”进行故障排除时使用。 来源:jezweb/claude-skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/jezweb/claude-skills --skill accessibility
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 accessibility?

使用语义 HTML、适当的 ARIA、焦点管理和屏幕阅读器支持构建 WCAG 2.1 AA 兼容的网站。包括颜色对比度(4.5:1 文本)、键盘导航、表单标签和活动区域。 在实现可访问的界面、修复屏幕阅读器问题、键盘导航或对“焦点轮廓缺失”、“需要 aria-label”、“对比度不足”进行故障排除时使用。 来源:jezweb/claude-skills。

如何安装 accessibility?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/jezweb/claude-skills --skill accessibility 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/jezweb/claude-skills