$ loading_
基于 WCAG 2.2 AA 生成并审查网页与原生应用无障碍设计和实现方案。
复制安装指令，让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "accessibility" 技能： 1. 下载 https://raw.githubusercontent.com/affaan-m/ECC/main/docs/zh-CN/skills/accessibility/SKILL.md 2. 保存为 ~/.claude/skills/accessibility/SKILL.md 3. 装好后重载技能，告诉我可以用了
请根据 WCAG 2.2 Level AA，为这个登录页面生成无障碍改进方案：包含语义 HTML 结构、ARIA 属性、键盘导航、焦点管理、表单报错提示和屏幕阅读器支持，并给出示例代码。
一份符合 WCAG 2.2 AA 的网页无障碍改进清单与示例代码。
请审计这个 iOS/Android 页面设计的无障碍性，检查颜色对比、触控目标尺寸、读屏标签、动态字体支持、焦点顺序和错误提示，并按严重程度列出问题与修复建议。
按优先级整理的移动端无障碍问题清单及修复建议。
我有一个自定义下拉选择组件，请为它生成符合无障碍规范的 ARIA 角色、状态和属性说明，并提供可直接使用的 HTML/JavaScript 示例。
该组件的 ARIA 标注规范说明与可复用代码示例。
本技能确保数字界面对于所有用户（包括使用屏幕阅读器、开关控制或键盘导航的用户）具有可感知性、可操作性、可理解性和健壮性（POUR）。它专注于 WCAG 2.2 成功标准的技术实现。
aria-label、accessibilityLabel 和 contentDescription 提供上下文。确定功能目的（例如，这是按钮、链接还是标签页？）。在诉诸自定义角色之前，优先使用最语义化的原生元素。
Name, Role, Value 模式。aria-live 或活动区域。flowchart TD
UI["UI Component"] --> Platform{Platform?}
Platform -->|Web| ARIA["WAI-ARIA + HTML5"]
Platform -->|iOS| SwiftUI["Accessibility Traits + Labels"]
Platform -->|Android| Compose["Semantics + ContentDesc"]
ARIA --> AT["Assistive Technology (Screen Readers, Switches)"]
SwiftUI --> AT
Compose --> AT
| 特性 | Web (HTML/ARIA) | iOS (SwiftUI) | Android (Compose) |
|---|---|---|---|
| 主标签 | aria-label / <label> | .accessibilityLabel() | contentDescription |
| 辅助提示 | aria-describedby | .accessibilityHint() | Modifier.semantics { stateDescription = ... } |
| 操作角色 | role="button" | .accessibilityAddTraits(.isButton) | Modifier.semantics { role = Role.Button } |
| 实时更新 | aria-live="polite" | .accessibilityLiveRegion(.polite) | Modifier.semantics { liveRegion = LiveRegionMode.Polite } |
<form role="search">
<label for="search-input" class="sr-only">Search products</label>
<input type="search" id="search-input" placeholder="Search..." />
<button type="submit" aria-label="Submit Search">
<svg aria-hidden="true">...</svg>
</button>
</form>
Button(action: deleteItem) {
Image(systemName: "trash")
}
.accessibilityLabel("Delete item")
.accessibilityHint("Permanently removes this item from your list")
.accessibilityAddTraits(.isButton)
Switch(
checked = isEnabled,
onCheckedChange = { onToggle() },
modifier = Modifier.semantics {
contentDescription = "Enable notifications"
}
)
<div> 或 <span> 处理点击事件，但未添加角色和键盘支持。Escape 键或显式关闭按钮退出（WCAG SC 2.1.2）。Escape 键或关闭按钮）。frontend-patternsdesign-systemliquid-glass-designswiftui-patterns帮助开发者为代码代理配置性能优化、安全防护与研究优先工作流。
帮助团队在 VS Code 功能与界面开发中落实无障碍设计与可访问性要求。