skills.rest
sebafermanelli
sebafermanelliCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

sfermanelli-accessibility

Audit frontend code for accessibility gaps and propose WCAG remediation fixes.

1|Updated Mar 19, 2026
Search Tags:#accessibility#a11y#wcag#semantic-html#aria#keyboard-navigation
Ready to run
npx skills add https://github.com/sebafermanelli/sfermanelli-skills --skill sfermanelli-accessibility
💬 Prompt for ChatGPT / Claude Chat▼
Please help me install this Agent Skill.
Skill: sfermanelli-accessibility
Source: https://github.com/sebafermanelli/sfermanelli-skills/tree/main/sfermanelli-accessibility
Command: npx skills add https://github.com/sebafermanelli/sfermanelli-skills --skill sfermanelli-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits frontend code to identify accessibility gaps and proposes fixes to meet WCAG, ARIA, and semantic HTML best practices.

Core Features & Use Cases

  • Automated semantic HTML checks and ARIA mapping to improve keyboard navigation and screen reader support.
  • Color contrast analysis, focus management, and landmark usage guidance for inclusive UIs.
  • Use Cases: teams adopting WCAG compliance during UI reviews, code reviews, and accessibility remediation sprints.

Quick Start

Perform an accessibility audit on your frontend codebase to surface issues and recommended fixes.

Frequently Asked Questions about sfermanelli-accessibility

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

FAQPage Schema
How do I audit frontend code for WCAG and ARIA compliance issues?▼

Accessibility audits evaluate frontend codebases to detect WCAG and ARIA compliance gaps, delivering actionable remediation guidance for semantic HTML, keyboard navigation, and color contrast defects.

What are common semantic HTML and ARIA mapping issues in web applications?▼

Semantic HTML and ARIA mapping issues involve incorrect landmark usage, missing focus management, and improper roles, which hinder screen reader support and keyboard navigation across UI components.

Does this accessibility checking approach work with React, Vue, and Angular?▼

Yes, accessibility checking supports React, Vue, Angular, and vanilla JS codebases, evaluating UI components for WCAG conformance and providing targeted remediation guidance.

How do I integrate accessibility checks into an existing CI pipeline?▼

Integrate accessibility checks into CI pipelines by running automated audits on frontend code during builds, ensuring ongoing WCAG conformance and preventing new ARIA or semantic HTML defects.

What is the best way to fix color contrast and keyboard navigation gaps in UI components?▼

Fix color contrast and keyboard navigation gaps by applying actionable remediation guidance from accessibility audits, ensuring inclusive UIs meet WCAG standards and support screen readers.

Related Skills

Explore More Software Engineering Skills→
YavlProYavlPro
1

web-design-guidelines

Audit UI codebases against Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
civictechdccivictechdc
1

wcag-audit-patterns

Automate WCAG 2.2 accessibility audits and remediation guidance for websites.

Official
Advanced
nimadorostkarnimadorostkar
25

accessibility

Audit web interfaces for WCAG 2.2 AA conformance.

Community
Advanced
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced