fe-a11y-performance-audit

Audit frontend web pages for WCAG compliance and Core Web Vitals.

3|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/junchenghuo/openclaw-biz-agent --skill fe-a11y-performance-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fe-a11y-performance-audit
Source: https://github.com/junchenghuo/openclaw-biz-agent/tree/main/fe/.agents/skills/fe-a11y-performance-audit
Command: npx skills add https://github.com/junchenghuo/openclaw-biz-agent --skill fe-a11y-performance-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the critical need for accessible and high-performing web interfaces by providing a standardized audit process.

Core Features & Use Cases

  • Accessibility Audit: Checks for keyboard navigability, semantic correctness, color contrast, and form readability.
  • Performance Audit: Evaluates loading speed, resource optimization, and adherence to Core Web Vitals.
  • Use Case: Before deploying a new feature, run this audit to identify and prioritize accessibility and performance issues, ensuring a smooth user experience for all.

Quick Start

Run the fe-a11y-performance-audit skill to check the accessibility and performance of the provided webpage.

Frequently Asked Questions about fe-a11y-performance-audit

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

FAQPage Schema
How do I run an accessibility audit on a web page?

To run an accessibility audit, this skill checks keyboard navigability, semantic correctness, color contrast, and form readability. It evaluates your web page against WCAG compliance requirements to identify usability barriers.

What is the best way to check Core Web Vitals before deploying a feature?

The best way to check Core Web Vitals is running a performance audit before release. This skill evaluates loading speed, resource optimization, and adherence to Core Web Vitals benchmarks to ensure a smooth user experience.

Can I use this audit for pre-release quality gates?

Yes, you can use this audit for pre-release quality gates. It provides a standardized process to identify and prioritize accessibility and performance issues, satisfying requirements for WCAG compliance and Core Web Vitals benchmarks.

Does the accessibility review check for keyboard navigability and color contrast?

Yes, the accessibility review checks for keyboard navigability and color contrast. It also verifies semantic correctness and form readability to ensure your frontend interface is fully accessible to all users.

Why does my frontend need both WCAG compliance and performance optimization checks?

Frontend interfaces need both WCAG compliance and performance optimization checks to deliver a smooth user experience for all users. This combined audit identifies accessibility barriers and loading speed issues simultaneously.