modern-accessible-html-jsx
Installation
SKILL.md
Clean & Accessible HTML
We write semantic, accessible, standards-compliant HTML by default. Accessibility is a baseline requirement, not an enhancement.
Semantics First
- PREFER semantic elements (
header,nav,main,section,article,footer) - AVOID generic
div/spanusage when a semantic element exists - Use correct heading hierarchy (
h1→h6) without skipping levels
Accessibility
- ALWAYS ensure interactive elements are keyboard accessible
- PREFER native HTML elements over ARIA whenever possible
- DO NOT use ARIA to fix bad HTML semantics
- Provide accessible names for all interactive controls
- Labels for inputs
aria-labelor visible text where required
Related skills
More from academind/claude-code-course-resources
bun-first
Describes efficient usage of Bun and Bun APIs instead of Node.js (and its APIs)
1modern-tailwind
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
1clean-typescript
Write clean, efficient TypeScript code that follows common best practices
1web-security
Enforce web security and avoid security vulnerabilities
1use-modern-browser-apis
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript
1modern-best-practice-nextjs
Build modern Next.js apps with App Router and best practices
1