fec-accessibility-check

Identify frontend accessibility issues and generate a WCAG 2.2 AA review report.

21|3|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/bovinphang/frontend-craft --skill fec-accessibility-check
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fec-accessibility-check
Source: https://github.com/bovinphang/frontend-craft/tree/main/localized/zh-CN/skills/fec-accessibility-check
Command: npx skills add https://github.com/bovinphang/frontend-craft --skill fec-accessibility-check

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

前端无障碍审查和改进的自动化工具,帮助团队确保界面对残障用户可访问并符合 WCAG 2.2 AA 要求。

Core Features & Use Cases

  • 语义结构审查:检查 landmark、标题层级、表单标签以及按钮/链接的可访问名称。
  • 键盘导航与焦点管理:验证 Tab 顺序、焦点可见性、模态对话框、抽屉等组件的无障碍交互。
  • 动态状态与屏幕阅读器支持:确保 loading、empty、error、toast 等动态内容对屏幕阅读器可感知且公告到位。
  • 视觉对比度与自适应:输出对比度评估并提供改进建议,支持缩放与动效偏好。

Quick Start

在你的前端项目中运行无障碍审查并输出改进清单。

Frequently Asked Questions about fec-accessibility-check

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my frontend code for WCAG 2.2 AA compliance?

To check WCAG 2.2 AA compliance, this Skill audits semantic HTML structure, ARIA labeling, and keyboard navigation, then generates a remediation report saved as a timestamped markdown file in your reports directory.

How do I verify keyboard navigation and focus management in modal dialogs?

Verifying keyboard navigation and focus management involves checking Tab order, visible focus, and accessible interactions for components like modals and drawers to ensure they meet WCAG 2.2 AA standards.

How do I ensure dynamic UI states are announced to screen readers?

Ensuring screen reader announcements for dynamic UI requires validating that loading, empty, error, and toast states are perceivable and properly communicated via correct ARIA usage and semantic HTML.

What is the best way to audit semantic HTML and ARIA labeling for accessibility?

Auditing semantic HTML and ARIA labeling involves reviewing landmark structures, heading hierarchies, form labels, and accessible names for buttons and links to enforce correct accessibility markup.

Can I get a contrast compliance evaluation for my frontend UI components?

You can get a contrast compliance evaluation that assesses visual contrast ratios against WCAG 2.2 AA requirements and provides actionable improvement suggestions for better adaptive accessibility.

What limitations exist when automating frontend accessibility reviews?

Automating frontend accessibility reviews focuses on semantic structure, ARIA, keyboard navigation, and contrast, but may require manual testing to fully validate complex dynamic state changes and real-world screen reader behavior.