skills.rest
Kajabi
KajabiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

sage-a11y-review

Identify and report accessibility gaps in sage-lib React components and SCSS.

26|3|Updated Sep 23, 2020
Search Tags:#accessibility#a11y#react#semantic-html#aria#focus-management#sage-lib
One-click install
npx skills add https://github.com/Kajabi/sage-lib --skill sage-a11y-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sage-a11y-review
Source: https://github.com/Kajabi/sage-lib/tree/main/.claude/skills/sage-a11y-review
Command: npx skills add https://github.com/Kajabi/sage-lib --skill sage-a11y-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Sage accessibility reviews ensure sage-lib React components and SCSS meet inclusive standards, preventing a11y regressions across consuming apps.

Core Features & Use Cases

  • Clear criteria: evaluates keyboard navigation, ARIA correctness, focus management, semantic HTML, and color contrast for sage-lib components.
  • Actionable outputs: produces blockers, fixes, and recommendations to engineering teams.
  • Use Case: when updating sage-react components or styles in sage-assets, run the review to catch accessibility issues early.

Quick Start

Run an accessibility review on sage-lib components to surface a11y gaps and produce actionable fixes.

Frequently Asked Questions about sage-a11y-review

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

FAQPage Schema
How do I run an accessibility review on React components?▼

To run an accessibility review on React components, the Skill evaluates keyboard navigation, ARIA correctness, focus management, semantic HTML, and color contrast, then produces a structured report with blockers and actionable fixes.

What does an accessibility review check for in semantic HTML and ARIA?▼

An accessibility review checks semantic HTML and ARIA correctness by evaluating interactive patterns, verifying proper roles, states, properties, and focus management to ensure Sage UI components meet inclusive standards.

Can I use this to catch a11y regressions in sage-lib components?▼

Yes, you can use this to catch a11y regressions in sage-lib components by running the review checklist against sage-react components and sage-assets SCSS to surface accessibility gaps early.

How do I evaluate color contrast and keyboard navigation in sage-lib?▼

To evaluate color contrast and keyboard navigation in sage-lib, the Skill applies a review checklist across interactive patterns, identifying accessibility gaps and detailing recommended fixes aligned with Sage guidelines.

What's the best way to get actionable fixes for Sage UI accessibility issues?▼

The best way to get actionable fixes for Sage UI accessibility issues is running this review, which produces a structured report detailing blockers, recommended fixes, and verifiable criteria for engineering teams.

Does this accessibility review work with sage-react and sage-assets?▼

Yes, this accessibility review works with sage-react and sage-assets, applying an a11y review checklist across components and SCSS to identify and report accessibility gaps in interactive patterns.

Related Skills

Explore More Software Engineering Skills→
KajabiKajabi
26

sage-run-gauntlet

Launch parallel reviewer agents to analyze sage-lib diffs and consolidate feedback by severity.

Official
Intermediate
codigodoleocodigodoleo
13

superpowers-sage:reviewing

Audit Sage/Acorn codebases for convention conformance and design alignment.

Official
Advanced
ucdavisucdavis
8

react-native

Implement and audit accessibility in React Native and Expo apps per WCAG 2.1 AA.

Official
Intermediate
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate