MCP Directory
Home/Skills/Accessibility Checker
Back to Skills
Cursor
.cursorrules
Quality
Verified

Accessibility Checker

Ensures WCAG 2.1 AA compliance — semantic HTML, ARIA labels, keyboard navigation, and color contrast.

Cursor
Claude Code
Windsurf

Quick Info

File Type:.cursorrules
Platform:Cursor
Author:MCP Directory
Category:Quality

What This Skill Does

Web accessibility skill that ensures WCAG 2.1 AA compliance. Enforces semantic HTML, proper ARIA roles and labels, keyboard navigation support, color contrast requirements, screen reader compatibility, and focus management patterns.

Tags

#accessibility
#a11y
#wcag
#aria
#semantic

Skill Code Preview

Copy this code to your .cursorrules file

# Accessibility Checker
## WCAG 2.1 AA Requirements
- Semantic HTML: use <nav>, <main>, <article>, <section>
- All images must have alt text
- Interactive elements must be keyboard accessible
- Color contrast ratio minimum 4.5:1 for normal text
- Focus indicators must be visible
- ARIA labels for non-text content

Installation Instructions

For Cursor:

  1. Create a file named .cursorrules in your project root
  2. Copy the skill code above and paste it into the file
  3. Save and Cursor will apply these rules automatically

For Windsurf:

  1. Open Windsurf IDE settings
  2. Navigate to AI Rules / Custom Instructions
  3. Copy and paste the skill code above
  4. Save and apply the rules

Recommended MCP Servers

These MCP servers work great with this skill

puppeteer
Browse MCP Directory

Related Skills

Claude Code

Code Review Agent

Automated code review that checks for security vulnerabilities, performance issues, and best practices.

View Skill

Need More AI Skills?

Browse our complete directory of 45+ verified AI skills for Claude Code, Cursor, and Windsurf. Find the perfect skills to supercharge your AI coding assistant.

Browse All SkillsExplore MCP Servers