skills.rest
josephblais
josephblaisCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

framework-accessibility

Provides framework-specific accessibility fixes for React, Vue, Angular, Svelte, and Tailwind CSS.

Updated Mar 10, 2026
Search Tags:#accessibility#web development#react#angular#vue#tailwind css#svelte
One-click install
npx skills add https://github.com/josephblais/jeeby-cms --skill framework-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: framework-accessibility
Source: https://github.com/josephblais/jeeby-cms/tree/main/.github/skills/framework-accessibility
Command: npx skills add https://github.com/josephblais/jeeby-cms --skill framework-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses common accessibility pitfalls and provides solutions for building more inclusive web applications across various popular frameworks.

Core Features & Use Cases

  • Framework-Specific Guidance: Offers detailed insights into accessibility challenges and fixes for React/Next.js, Vue, Angular, Svelte, and Tailwind CSS.
  • Pitfall Identification: Lists common anti-patterns that can hinder accessibility.
  • Code Fix Templates: Provides ready-to-use code examples for implementing accessibility best practices.
  • Use Case: When developing a new feature in a React application, use this Skill to ensure interactive elements are keyboard accessible and that dynamic content updates are announced to screen readers.

Quick Start

Use the framework-accessibility skill to find and fix accessibility issues in your React components.

Frequently Asked Questions about framework-accessibility

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

FAQPage Schema
How do I fix common web accessibility issues in React and Next.js components?▼

Fix React and Next.js web accessibility issues by applying framework-specific patterns that ensure interactive elements are keyboard accessible and dynamic content updates are announced to screen readers using provided code templates.

What are common accessibility anti-patterns when using Tailwind CSS?▼

Common Tailwind CSS accessibility anti-patterns include missing keyboard focus states and unannounced dynamic content updates. Identify these pitfalls using framework-specific checks and apply ready-to-use code fix templates to ensure inclusive design.

Does this accessibility guidance support Vue, Angular, and Svelte frameworks?▼

Yes, accessibility guidance supports Vue, Angular, and Svelte frameworks. It provides framework-specific patterns, identifies common anti-patterns, and offers actionable code examples to achieve WCAG compliance across these popular web development tools.

How do I make dynamic web content accessible to screen readers?▼

Make dynamic web content accessible to screen readers by implementing framework-specific patterns that announce content updates. Use the provided code fix templates for your specific framework to satisfy WCAG compliance and inclusive design requirements.

What is the best way to ensure WCAG compliance across different JavaScript frameworks?▼

Ensure WCAG compliance across JavaScript frameworks by applying framework-aware accessibility fixes and checking framework-specific anti-patterns. This approach provides actionable code examples tailored to React, Vue, Angular, Svelte, and Tailwind CSS.

Related Skills

Explore More Software Engineering Skills→
MacPhobosMacPhobos

Headless UI - Accessible Component Primitives

Generate accessible React and Vue 3 component primitives with ARIA attributes.

Community
Intermediate
samjhechtsamjhecht
4

frontend-accessibility-verification

Verify frontend UI accessibility compliance with axe-core, keyboard, screen reader, and Lighthouse audits.

Community
Advanced
cosmixcosmix
53

accessibility

Audit web UI accessibility gaps with WCAG-aligned patterns for ARIA and keyboard navigation.

Community
Advanced
nvimcraftnvimcraft

wcag-audit

Audit web interfaces for WCAG compliance and remediation requirements.

Community
Advanced