跳转到主要内容

Fixing Accessibility

技能 已验证 活跃

审计和修复 HTML 可访问性问题,包括 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误。在添加交互式控件、表单、对话框或审查 WCAG 合规性时使用。

目的

通过识别和解决常见的 HTML 可访问性问题,确保 Web 界面符合可访问性标准,使其适合所有人使用。

功能

  • 审计 HTML 中的可访问性违规行为
  • 修复 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误的问题
  • 提供具体的代码级修复建议
  • 按优先级和影响对问题进行分类

使用场景

  • 添加交互式控件、表单、对话框或选项卡
  • 审查 Web 内容的 WCAG 合规性
  • 改进键盘导航和焦点管理
  • 确保正确的表单错误处理和辅助文本关联

非目标

  • 重写大部分 UI
  • 迁移 UI 库
  • 在原生语义足够时添加 ARIA 属性

安装

npx skills add ibelick/ui-skills

通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。

质量评分

已验证
100 /100
1 day ago 分析

信任信号

最近提交7 days ago
星标1.7k
许可证MIT
状态
查看源代码

类似扩展

A11y Audit

100

Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets

技能
Aboudjem

Design Audit

100

Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan

技能
Aboudjem

Review Ux Ui

99

Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.

技能
pjt222

Epic Design

99

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.

技能
alirezarezvani

Screen Reader Testing

98

Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.

技能
wshobson

Web Coder

98

Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.

技能
github