accessibility

Audit web content against WCAG 2.1 guidelines with HTML, CSS, and JavaScript.

Updated Feb 19, 2026
One-click install
npx skills add https://github.com/adrigonz-sfts/softour-fe-components__module --skill accessibility-adrigonz-sfts
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/adrigonz-sfts/softour-fe-components__module/tree/main/.cursor/skills/accessibility
Command: npx skills add https://github.com/adrigonz-sfts/softour-fe-components__module --skill accessibility-adrigonz-sfts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps identify and fix accessibility issues in web content, ensuring it can be used by people with disabilities, following WCAG 2.1 guidelines.

Core Features & Use Cases

  • WCAG Compliance Audits: Checks against Perceivable, Operable, Understandable, and Robust principles.
  • Code Examples: Provides practical HTML, CSS, and JavaScript snippets for common accessibility patterns.
  • Testing Checklists: Guides manual and automated testing for thorough accessibility evaluation.
  • Use Case: You've built a new web application and need to ensure it meets accessibility standards before launch. Use this Skill to audit your code and implement necessary fixes.

Quick Start

Use the accessibility skill to audit the provided webpage for WCAG 2.1 compliance.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit my web application for WCAG 2.1 compliance?

To audit web content for WCAG 2.1 compliance, evaluate your HTML, CSS, and JavaScript against Perceivable, Operable, Understandable, and Robust principles using provided testing checklists. This identifies common issues like color contrast and keyboard navigation barriers.

What is the best way to fix screen reader support issues in web content?

Fixing screen reader support involves applying HTML, CSS, and JavaScript best practices for inclusive design. You can use provided code examples to implement accessible patterns that ensure web content is usable by people with disabilities.

How do I test keyboard navigation for accessible web pages?

You test keyboard navigation by manually verifying that all interactive elements are reachable and operable without a mouse. Use testing checklists to guide your evaluation and apply HTML best practices to resolve any identified operability gaps.

Does fixing color contrast require specific CSS frameworks?

Fixing color contrast does not require specific CSS frameworks. You resolve contrast issues by applying standard CSS best practices to ensure your visual design meets WCAG 2.1 Perceivable guidelines for users with visual impairments.

When do I need to perform a web accessibility audit?

You need to perform a web accessibility audit when you have built a new web application or updated existing web content. It ensures your digital products meet accessibility standards and are usable by all people before launch.

What are the WCAG 2.1 principles for inclusive design?

The WCAG 2.1 principles for inclusive design are Perceivable, Operable, Understandable, and Robust. These principles guide how to structure web content and address issues like screen reader support, keyboard navigation, and color contrast.