skills.rest
Tristan578
Tristan578COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-accessibility

Implement WCAG 2.1-compliant web interfaces with semantic HTML and ARIA.

5|1|Updated Feb 11, 2026
Search Tags:#accessibility#a11y#wcag#semantic-html#screen-reader#aria#keyboard-navigation
One-click install
npx skills add https://github.com/Tristan578/project-forge --skill web-accessibility-tristan578
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-accessibility
Source: https://github.com/Tristan578/project-forge/tree/main/.agents/skills/web-accessibility
Command: npx skills add https://github.com/Tristan578/project-forge --skill web-accessibility-tristan578

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web accessibility ensures your web interfaces are usable by people with disabilities, meeting WCAG guidelines to avoid exclusion and legal risk.

Core Features & Use Cases

  • Apply semantic HTML and proper landmarks to improve navigation for screen readers.
  • Implement ARIA attributes and focus management to enable keyboard-only users to operate interfaces.
  • Audit and fix accessibility issues across components, forms, and modals in real-world apps.

Quick Start

Audit your current UI against WCAG 2.1 criteria and implement semantic HTML and ARIA attributes to address identified issues.

Frequently Asked Questions about web-accessibility

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

FAQPage Schema
How do I audit my web UI against WCAG 2.1 accessibility guidelines?▼

Audit your web UI against WCAG 2.1 accessibility guidelines by reviewing components for semantic HTML, proper ARIA attributes, keyboard focus management, and color contrast. This process identifies exclusion risks and ensures interfaces are usable by people with disabilities.

How do I implement keyboard navigation and screen-reader compatibility for web interfaces?▼

Implement keyboard navigation and screen-reader compatibility by applying semantic HTML landmarks, proper ARIA attributes, and focus management. These techniques enable keyboard-only users to operate interfaces and screen readers to accurately interpret UI elements.

What is the role of semantic HTML and ARIA attributes in web accessibility?▼

Semantic HTML and ARIA attributes in web accessibility provide structural landmarks and dynamic content labels for screen readers. They improve navigation accuracy and ensure assistive technologies can interpret and operate interface elements correctly.

When do I need to manage focus for accessible modals and forms?▼

Manage focus for accessible modals and forms during UI development and audits to ensure keyboard-only users can operate interfaces. Proper focus management traps focus within active modals and restores it correctly upon closure.

Does fixing color contrast and semantic structure remove all web accessibility legal risks?▼

Fixing color contrast and semantic structure significantly reduces web accessibility legal risks by meeting WCAG 2.1 criteria. However, comprehensive compliance requires continuous auditing across all components, forms, and modals in real-world applications.

What is the best way to build accessible web interfaces for all users?▼

The best way to build accessible web interfaces for all users is applying semantic HTML, proper ARIA attributes, and keyboard focus management. This approach satisfies WCAG 2.1 requirements and prevents disability exclusion.

Related Skills

Explore More Design & Creative Skills→
EdWrldEdWrld

web-design-guidelines

Audit HTML, CSS, and JS UI code against Web Interface Guidelines.

Community
Intermediate
leboncoinleboncoin
92

check-accessibility

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

Official
Intermediate
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic
adityaarsharmaadityaarsharma
2

orbit-designer-dark-mode

Automate dark mode audits for WordPress plugins with CSS and WCAG AA checks.

Community
Intermediate