LogoClawIndex
CasesSkillsAbout
LogoClawIndex

Frontend Accessibility - Build Accessible User Interfaces with Semantic HTML and ARIA

Create accessible web interfaces following WCAG standards

Tags

Updated: 2026-02-13
frontend developmentaccessibilityWCAGHTMLARIAscreen readers

Capabilities

create semantic HTML markupadd ARIA attributes to elementsimplement keyboard navigation supporttest screen reader compatibility

Typical Inputs

HTML codeUI design specificationsWCAG guidelines

Typical Outputs

accessible HTML markupARIA-enhanced elementskeyboard-navigable interfaces

What this skill does

  • create semantic HTML markup
  • add ARIA attributes to elements
  • implement keyboard navigation support
  • test screen reader compatibility
  • ensure color contrast ratios
  • structure heading hierarchy
  • manage focus states
  • add alternative text to images

Inputs

  • HTML code
  • UI design specifications
  • WCAG guidelines
  • Screen reader testing tools

Outputs

  • accessible HTML markup
  • ARIA-enhanced elements
  • keyboard-navigable interfaces
  • screen reader compatible components

Requirements

  • modern web browser environment
  • screen reader testing tools (VoiceOver, NVDA, JAWS)
  • WCAG compliance knowledge

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.