LogoClawIndex
CasesSkillsAbout
LogoClawIndex

accessibility - Build WCAG 2.1 AA Compliant Accessible Websites

Create accessible websites with semantic HTML, proper ARIA, focus management, and screen reader support

Tags

Updated: 2026-02-09
accessibilityWCAGsemantic HTMLARIAkeyboard navigationscreen readercolor contrast

Capabilities

write semantic HTMLadd ARIA attributesmanage focus orderimplement keyboard navigation

Typical Inputs

HTML structureCSS stylesJavaScript functionality

Typical Outputs

WCAG 2.1 AA compliant codeaccessible HTML elementskeyboard navigable interface

What this skill does

  • write semantic HTML
  • add ARIA attributes
  • manage focus order
  • implement keyboard navigation
  • ensure color contrast
  • add text alternatives
  • create accessible forms
  • set aria-live regions
  • validate form inputs

Inputs

  • HTML structure
  • CSS styles
  • JavaScript functionality
  • WCAG 2.1 AA standards
  • design mockups

Outputs

  • WCAG 2.1 AA compliant code
  • accessible HTML elements
  • keyboard navigable interface
  • screen reader supported content
  • color contrast compliant designs

Requirements

  • HTML knowledge
  • CSS knowledge
  • JavaScript knowledge
  • browser development tools
  • screen reader testing tools

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.