accessibility

Audit web content against WCAG 2.1 guidelines and provide remediation strategies.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/toddbadams/SBFoundation --skill accessibility-toddbadams
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/toddbadams/SBFoundation/tree/main/.claude/skills/design/accessibility
Command: npx skills add https://github.com/toddbadams/SBFoundation --skill accessibility-toddbadams

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure digital products and content are usable by everyone, regardless of disability, by adhering to accessibility standards.

Core Features & Use Cases

  • WCAG Compliance: Provides guidance on meeting Web Content Accessibility Guidelines (WCAG) 2.1.
  • Auditing & Remediation: Identifies common accessibility issues (images, forms, color contrast, keyboard navigation) and suggests fixes.
  • Use Case: A designer needs to ensure a new website feature is usable by individuals with visual impairments. They can use this Skill to check color contrast ratios and ensure proper alt text is provided for all images.

Quick Start

Use the accessibility skill to check the color contrast of the provided text and background colors.

Frequently Asked Questions about accessibility

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

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

Audit WCAG 2.1 compliance by evaluating web content, forms, images, and keyboard navigation against the four core POUR principles: perceivable, operable, understandable, and robust. This process identifies accessibility issues and generates specific remediation strategies.

What is the best way to check color contrast ratios for accessibility?

Check color contrast ratios by comparing the provided text and background colors against WCAG 2.1 accessibility thresholds. This ensures digital content remains perceivable and usable for individuals with visual impairments, providing exact remediation steps if ratios fail.

Can I use this to test forms and keyboard navigation for screen reader compatibility?

Yes, you can test forms and keyboard navigation by simulating screen reader interactions and common accessibility tools. This identifies operability barriers and provides remediation strategies ensuring all users can navigate and submit forms effectively.

Does WCAG compliance cover both images and interactive web content?

WCAG compliance covers both images and interactive web content by requiring proper alt text for visuals and accessible operable states for interactive elements. This ensures digital products are robust and understandable for all users regardless of disability.

What are common accessibility issues when ensuring digital products are usable by everyone?

Common accessibility issues include missing alt text on images, insufficient color contrast, inaccessible form fields, and poor keyboard navigation. Auditing against WCAG 2.1 guidelines identifies these barriers and suggests targeted remediation strategies to ensure digital accessibility.

Why does my web content fail keyboard navigation tests?

Web content fails keyboard navigation tests when interactive elements lack proper focus management or operable states required by WCAG 2.1 guidelines. Auditing keyboard interactions identifies these barriers and provides remediation strategies to ensure full operability without a mouse.