Skills
.Work. You
Rest

frontend-a11y

Community

Default to accessible HTML, CSS, and JS.

Software Engineering#html#javascript#css#semantic-html#aria#accessible#web-standards
Authormikemai2awesome
Version1.0.0
Installs0

System Documentation

What problem does it solve?

HTML, CSS, and JavaScript often get added without considering accessibility, leading to brittle interfaces and missed usability for assistive tech. This skill promotes a native-first approach that emphasizes semantic markup and accessible patterns to reduce the need for later ARIA-heavy work.

Core Features & Use Cases

  • Native-first: prioritize native HTML elements and semantics over non-semantic workarounds.
  • Accessibility guidance: applies to forms, buttons, dialogs, accordions, tabs, and web components across frameworks.
  • Framework-agnostic: usable in plain HTML/CSS/JS or within modern frameworks and CMS integrations, ensuring consistent accessibility practices.

Quick Start

Apply this skill to every HTML task to prioritize native semantics before adding ARIA or JavaScript enhancements.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-a11y
Download link: https://github.com/mikemai2awesome/agent-skills/archive/main.zip#frontend-a11y

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.