skills.rest
Logos-Liber
Logos-LiberOFFICIAL
Explore all skills by this author →
WebsiteGitHub

accessibility

Guide web accessibility compliance with WCAG 2.1 standards.

17|5|Updated Feb 6, 2026
Search Tags:#accessibility#a11y#screen reader#keyboard navigation#wcag#contrast#aria
One-click install
npx skills add https://github.com/Logos-Liber/Atlas-Agent-Teams --skill accessibility-logos-liber
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/Logos-Liber/Atlas-Agent-Teams/tree/main/teams/design-ux/skills/accessibility
Command: npx skills add https://github.com/Logos-Liber/Atlas-Agent-Teams --skill accessibility-logos-liber

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need to make digital content and applications usable by everyone, including individuals with disabilities, by adhering to established accessibility standards.

Core Features & Use Cases

  • WCAG Compliance: Provides guidance on Web Content Accessibility Guidelines (WCAG) 2.1 principles, levels, and success criteria.
  • Assistive Technology Support: Details best practices for screen reader compatibility, keyboard navigation, and ARIA attribute usage.
  • Visual Accessibility: Covers color contrast requirements and visual design considerations for users with visual impairments.
  • Use Case: A web developer can use this Skill to ensure their new e-commerce site is navigable by keyboard-only users and that all images have descriptive alt text for screen reader users.

Quick Start

Use the accessibility skill to check color contrast ratios for text against its background.

Frequently Asked Questions about accessibility

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

FAQPage Schema
What are the WCAG 2.1 requirements for web accessibility compliance?▼

Web accessibility compliance requires meeting WCAG 2.1 principles and success criteria to ensure digital inclusivity. This Skill provides guidance on these standards, detailing specific technical thresholds for levels A, AA, and AAA.

How do I implement ARIA attributes and semantic HTML for screen reader compatibility?▼

Screen reader compatibility is achieved by implementing semantic HTML and appropriate ARIA attributes. This Skill details best practices for developers to ensure assistive technologies can accurately interpret and navigate digital content.

What is the minimum color contrast ratio needed to meet visual accessibility standards?▼

The minimum color contrast ratio for visual accessibility depends on WCAG success criteria. This Skill provides guidance on checking color contrast requirements and visual design considerations to accommodate users with visual impairments.

How do I test keyboard navigation for web applications?▼

Keyboard navigation testing ensures interactive elements are accessible without a mouse. This Skill outlines best practices for developers to verify that web applications are fully navigable by keyboard-only users.

Can I use this to make an e-commerce site accessible for users with disabilities?▼

Yes, you can use this guidance to make an e-commerce site accessible for users with disabilities. It addresses technical requirements for inclusive digital experiences, such as ensuring keyboard navigation and descriptive alt text for screen readers.

Related Skills

Explore More Design & Creative Skills→
RodrigoTomeESRodrigoTomeES
12

accessibility

Audit web interfaces for WCAG 2.1 compliance and accessibility issues.

Community
Intermediate
pacphipacphi
6

accessibility-testing

Perform WCAG 2.2 accessibility testing on web applications with axe-core.

Community
Advanced
dirnbauerdirnbauer
33

web-design-guidelines

Analyze frontend interfaces for accessibility, semantic HTML, and responsive design issues.

Community
Intermediate
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced