Skills
.Work. You
Rest

modern-accessible-html-jsx

Community

Write semantic, accessible HTML & JSX by default.

Design & Creative#html#accessibility#jsx#semantics#aria#keyboard-accessibility#web-standards
Authorddoman90
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Write semantic, accessible HTML by default and ensure accessibility is a baseline requirement.

Core Features & Use Cases

  • Semantics-first markup with header, nav, main, section, article, and footer
  • Accessibility emphasis: keyboard navigation, proper alt text, and ARIA minimization
  • Use case: when building new web interfaces, components, or design systems, start from accessible HTML

Quick Start

Refactor a sample page to replace non-semantic divs with semantic elements and add accessible names and alt text

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: modern-accessible-html-jsx
Download link: https://github.com/ddoman90/claude-code-intro/archive/main.zip#modern-accessible-html-jsx

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.