skills.rest
agentset-ai
agentset-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

fixing-accessibility

Fix accessibility issues in web and app user interfaces.

2.0k|183|Updated Mar 10, 2025
Search Tags:#accessibility#a11y#keyboard navigation#contrast#screen readers#focus management#UI guidelines
One-click install
npx skills add https://github.com/agentset-ai/agentset --skill fixing-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fixing-accessibility
Source: https://github.com/agentset-ai/agentset/tree/main/.agents/skills/fixing-accessibility
Command: npx skills add https://github.com/agentset-ai/agentset --skill fixing-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill consolidates accessibility guidelines to help designers and developers build inclusive UIs with clear, actionable rules.

Core Features & Use Cases

  • Provides structured checks for accessible names, keyboard navigation, focus management, semantics, forms and errors, and contrast.
  • Use Case: When implementing a new component, consult this Skill to verify ARIA labeling, focus traps, and visual focus indicators.
  • Use Case: Audit existing interfaces for keyboard operability and screen reader compatibility.

Quick Start

Apply accessibility constraints to a UI element or screen: /fixing-accessibility <target>.

Frequently Asked Questions about fixing-accessibility

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

FAQPage Schema
How do I fix keyboard navigation and focus management issues in my web UI?▼

Fix keyboard navigation issues by enforcing keyboard operability, implementing focus traps for modals, and ensuring visible focus indicators across all interactive UI components.

What accessibility checks are needed for screen reader compatibility?▼

Screen reader compatibility requires semantic HTML structure, accessible names for elements, proper ARIA labeling, and correct error messaging to ensure assistive technologies interpret UI components accurately.

How do I ensure sufficient color contrast for accessible UI design?▼

Ensure sufficient color contrast by applying structured visual contrast checks to UI elements, verifying that text and interactive components meet accessibility guidelines for inclusive design.

How do I audit existing interfaces for accessibility compliance?▼

Audit existing interfaces by applying structured checks for keyboard operability, screen reader compatibility, accessible names, and focus management to identify and resolve accessibility barriers.

Does this Skill provide guidelines for accessible forms and error messaging?▼

Yes, it provides concrete requirements for accessible forms and error messaging, ensuring semantic HTML and proper labeling so users can navigate forms and understand errors effectively.

Can I use these accessibility guidelines for both web and app UI development?▼

Yes, these accessibility guidelines apply to both web and app UI design and development tasks, covering keyboard navigation, screen reader support, and visual contrast across components.

Related Skills

Explore More Design & Creative Skills→
hospitaljobsinhospitaljobsin
7

frontend-design

Create production-grade frontend interfaces with React, Vue, Svelte, or vanilla HTML/CSS/JS.

Official
Advanced
lexicalninjalexicalninja
2

accessibility-design-checker

Identify accessibility issues in UI designs, wireframes, and prototypes.

Community
Intermediate
alexander-kastilalexander-kastil

angular-a11y

Design Angular components conforming to WCAG 2.2 Level AA accessibility standards.

Community
Advanced
wredziowredzio

accessibility

Identify and remediate WCAG 2.1 AA accessibility issues in web pages.

Community
Advanced