技能 accessibility

📦

accessibility

Name: accessibility
Author: addyosmani

v1.1 内容修订 r1 安全 ⚙️ 外部命令📁 文件系统访问🌐 网络访问

使用 WCAG 2.2 审核 Web 无障碍性

当团队只依赖自动化评分时，无障碍问题会阻碍用户并带来发布风险。此 skill 通过实用检查、无障碍模式和按优先级排序的修复建议来指导 WCAG 2.2 审核。

支持: Claude Codex Code(CC)

📊 74 合格

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "accessibility" from https://skillstore.io/skills/addyosmani-accessibility.md and its manifest at https://skillstore.io/api/skills/addyosmani-accessibility/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/addyosmani-accessibility.md 已签名 manifest GET /api/skills/addyosmani-accessibility/manifest 已签名 lockfile GET /api/skills/addyosmani-accessibility/lockfile

测试它

正在使用“accessibility”。发布前审核结账表单。

预期结果:

缺失标签和错误说明是最高优先级，因为用户无法可靠地完成必填字段。
添加可见标签、程序化说明，并将焦点移动到第一个无效字段。
通过仅键盘导航、屏幕阅读器播报和 200% 缩放进行验证。

正在使用“accessibility”。审查标签页界面的键盘支持。

预期结果:

标签列表需要方向键导航、选中状态更新以及清晰的焦点可见性。
优先使用原生按钮作为标签页，并通过无障碍名称将每个标签页连接到其面板。
测试 Tab、Shift+Tab、方向键、Enter、Space 和屏幕阅读器播报。

正在使用“accessibility”。将自动化扫描转换为修复计划。

预期结果:

按用户影响对发现的问题分组，从表单、导航和焦点移动的阻断问题开始。
将每个问题映射到相关的 WCAG 2.2 标准，并定义手动验证步骤。
修复后再次使用自动化工具，然后完成手动键盘和屏幕阅读器检查。

安全审计

安全

v5 • 2026/7/7 打开版本化报告

All 60 static findings were reviewed against the Markdown context. No executable skill code, prompt-injection attempt, malicious data access, or unauthorized network behavior was found; the alerts are documentation examples, Markdown fences, relative links, placeholder URLs, and accessibility snippets.

已扫描文件

877

分析行数

复核项

已忽略误报

风险因素

⚙️ 外部命令 (44)

📁 文件系统访问 (2)

references/A11Y-PATTERNS.md:3 SKILL.md:448

🌐 网络访问 (4)

references/WCAG.md:111 SKILL.md:399 SKILL.md:403 SKILL.md:447

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/addyosmani-accessibility/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/addyosmani-accessibility/security.svg)](https://skillstore.io/skills/addyosmani-accessibility?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/addyosmani-accessibility?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/addyosmani-accessibility/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/addyosmani-accessibility.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

addyosmani. (2026). accessibility security audit report (audit version 5) [Author version 1.1]. Skillstore. https://skillstore.io/skills/addyosmani-accessibility/audits/5

BibTeX 引用

@techreport{addyosmani-addyosmani-accessibility-2026,
  author = {addyosmani},
  title = {accessibility security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/addyosmani-accessibility/audits/5},
  note = {Author version 1.1}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "accessibility security audit report (audit version 5)"
version: "1.1"
type: report
authors:
  - name: "addyosmani"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/addyosmani-accessibility/audits/5"
identifiers:
  - type: other
    value: "skillstore:addyosmani-accessibility:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 高

架构

可维护性

内容

社区

规范符合性

你能构建什么

修复组件无障碍性

在组件发布前发现键盘、焦点、标签、对比度和 ARIA 问题。

验证包容性交互设计

检查流程中的目标尺寸、动态效果、内容清晰度、帮助位置以及非拖拽替代方案。

规划发布前无障碍测试

创建结合自动化扫描、键盘检查、屏幕阅读器检查和 WCAG 映射的测试流程。

试试这些提示

运行快速无障碍检查

审核此页面或组件是否存在 WCAG 2.2 问题。重点关注替代文本、标签、标题、键盘访问和颜色对比度。返回按优先级排序的修复建议。

改进模态框或表单

审查此模态框或表单流程。识别屏幕阅读器、焦点管理、错误处理和键盘问题。建议无障碍模式。

创建发布测试计划

为此功能创建无障碍测试计划。包括自动化检查、手动键盘测试、屏幕阅读器检查和 WCAG 2.2 标准。

确定审核发现的优先级

将这些无障碍审核结果映射到 WCAG 2.2 成功标准。按用户影响确定优先级，提出修复方案，并注明验证步骤。

最佳实践

在提示中提供组件标记、样式和交互规则。
当你需要可追踪的修复时，要求映射 WCAG 标准。
将自动化工具与键盘、屏幕阅读器、缩放和对比度检查结合使用。

避免

将自动化评分视为完整合规。
移除焦点轮廓而不提供同等可见的替代方案。
在原生 HTML 已提供语义的地方添加 ARIA roles。

常见问题

此 skill 会自动运行无障碍测试吗？

不会。它提供指导和命令示例。工具执行取决于宿主 agent 和用户批准。

它支持 WCAG 2.2 吗？

支持。指导内容涵盖 WCAG 2.2 原则、常见成功标准以及较新的 2.2 要求。

它能认证法律层面的无障碍合规吗？

不能。它可以帮助发现和修复问题，但法律认证需要合格审查和本地法律指导。

哪些输入效果最好？

提供页面标记、组件代码、截图、审核结果或用户流程的清晰描述。

它能帮助处理屏幕阅读器问题吗？

可以。它会建议无障碍名称、live regions、焦点管理、地标、标签和手动屏幕阅读器检查。

它只适用于开发者吗？

不是。设计师、QA 团队、内容作者和产品团队都可以用它进行无障碍规划和审查。

开发者详情

作者

addyosmani

许可证

MIT

作者版本

v1.1

Skillstore 修订

版本提示

作者声明的版本不符合 SemVer 规范。

仓库

https://github.com/addyosmani/web-quality-skills/tree/main/skills/accessibility/

引用

d46e62089a6dfc9e14ea02eebd9b8e2ad2dfe1f4

维护新鲜度

2026/7/18

使用量

4 次下载 · 92 次浏览

文件结构

📁 references/

📄 A11Y-PATTERNS.md

📄 WCAG.md

📄 SKILL.md