accessibility-design-checklist

Provides WCAG 2.1 and ABA-compliant accessibility audits with checklists and code snippets.

19|5|Updated Nov 23, 2025
One-click install
npx skills add https://github.com/Nir-Bhay/markups --skill accessibility-design-checklist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-design-checklist
Source: https://github.com/Nir-Bhay/markups/tree/main/.agents/skills/accessibility-design-checklist
Command: npx skills add https://github.com/Nir-Bhay/markups --skill accessibility-design-checklist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure digital products are usable by everyone, regardless of ability, by providing expert guidance on accessibility standards and best practices.

Core Features & Use Cases

  • WCAG Compliance: Provides detailed checklists and code examples for meeting WCAG 2.1 AA/AAA standards.
  • Inclusive Design Principles: Guides users on applying POUR principles and inclusive design.
  • Code Snippets: Offers practical CSS and HTML/ARIA examples for common accessibility patterns like keyboard navigation, focus management, and screen reader announcements.
  • Use Case: A designer or developer can use this Skill to audit an existing interface or guide the creation of a new one, ensuring it meets accessibility requirements from the start.

Quick Start

Use the accessibility-design-checklist skill to generate a WCAG 2.1 AA checklist for a new web application.

Frequently Asked Questions about accessibility-design-checklist

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

FAQPage Schema
How do I make my web application WCAG 2.1 AA compliant?

WCAG 2.1 AA compliance requires auditing interfaces against detailed checklists for semantic HTML, ARIA implementation, keyboard navigation, focus management, and screen reader optimization. This Skill generates tailored checklists and provides practical code examples to guide new or existing web applications.

What are the POUR principles for inclusive design?

POUR principles for inclusive design stand for Perceivable, Operable, Understandable, and Robust. They form the foundation of WCAG standards, ensuring digital products are usable by everyone regardless of ability when applied during interface creation and auditing.

How do I implement keyboard navigation and focus management for accessibility?

Keyboard navigation and focus management are implemented using semantic HTML and ARIA attributes. This Skill provides practical CSS and HTML code snippets for common accessibility patterns, ensuring users can navigate interfaces without a mouse and receive proper screen reader announcements.

Does this accessibility checklist support Section 508 compliance and mobile considerations?

Section 508 compliance and mobile accessibility considerations are directly supported. The Skill specializes in these areas alongside WCAG 2.1 AA/AAA standards, providing expert guidance for ensuring digital products meet inclusive design requirements across desktop and mobile platforms.

What is the best way to audit an existing interface for screen reader optimization?

Auditing an existing interface for screen reader optimization is best done using a comprehensive WCAG checklist. This Skill offers expert guidance and code examples for semantic HTML and ARIA implementation to identify and resolve accessibility barriers.