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/ai-config
web-security
Enforce web security and avoid security vulnerabilities
109modern-best-practice-react-components
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage
73modern-best-practice-nextjs
Build modern Next.js apps with App Router and best practices
51clean-typescript
Write clean, efficient TypeScript code that follows common best practices
46modern-tailwind
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
32use-modern-browser-apis
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript
28