accessibility-baseline

Enforce WCAG 2.2 AA accessibility standards for UI components and keyboard navigation.

1|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/Seth-arc/myelin-platform --skill accessibility-baseline
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-baseline
Source: https://github.com/Seth-arc/myelin-platform/tree/main/primary_build_source/docs/skills/4/mnt/user-data/outputs/accessibility-baseline
Command: npx skills add https://github.com/Seth-arc/myelin-platform --skill accessibility-baseline

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill establishes and enforces the accessibility baseline for all learner-facing interfaces, ensuring compliance with WCAG 2.2 AA standards and providing a consistent, keyboard-navigable user experience.

Core Features & Use Cases

  • WCAG 2.2 AA Compliance: Defines mandatory requirements for contrast, text resizing, focus visibility, and error identification.
  • Keyboard Navigation: Enforces a strict keyboard navigation contract, including focus order and skip navigation links.
  • Focus Management: Manages focus for dynamic content like modals and notifications.
  • Captioning & Reduced Motion: Specifies requirements for video captions and respecting user preferences for reduced motion.
  • Use Case: Before developing any new UI component, consult this skill to ensure it meets all accessibility requirements, preventing costly retrofits and ensuring inclusivity for all users.

Quick Start

Use the accessibility-baseline skill to review the WCAG 2.2 AA requirements for a new UI component.

Frequently Asked Questions about accessibility-baseline

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

FAQPage Schema
How do I ensure my UI components meet WCAG 2.2 AA accessibility compliance?

To ensure WCAG 2.2 AA compliance, your UI components must meet mandatory requirements for contrast ratios, text resizing, visible focus, error identification, and keyboard navigation across all interactive elements, forms, and modals. This prevents costly retrofits and ensures inclusivity for all users.

What are the keyboard navigation requirements for accessible forms and modals?

Accessible forms and modals require a strict keyboard navigation contract, including logical focus order, skip navigation links, and proper focus management for dynamic content like notifications to keep interactive elements fully operable without a mouse.

When do I need to implement reduced motion policies and captioning for accessibility?

You need to implement reduced motion policies and video captioning when developing learner-facing interfaces that include dynamic visual content or multimedia. This ensures compliance with WCAG 2.2 AA standards by respecting user preferences and providing text alternatives.

Does WCAG 2.2 AA compliance require specific contrast ratios and text resizing behavior?

Yes, WCAG 2.2 AA compliance mandates specific contrast ratios for non-text content and functional text. It also enforces strict text resizing behavior and visible focus indicators to ensure information relationships remain clear and usable for visually impaired users.

What is the best way to manage focus order for dynamic content like notifications?

The best way to manage focus for dynamic content like notifications is to enforce a strict keyboard focus management contract. This ensures that when modals or dynamic elements appear, focus shifts appropriately and returns correctly upon closure, maintaining keyboard accessibility.