Frontend Accessibility

Web accessibility (a11y) standards for inclusive design. Use this skill when adding semantic HTML, ARIA attributes, keyboard navigation, or ensuring screen reader compatibility. Apply when working on HTML structure, interactive elements, forms, or any user-facing features.

$ Installieren

git clone https://github.com/adigunners/adigunners.github.io /tmp/adigunners.github.io && cp -r /tmp/adigunners.github.io/.claude/skills/frontend-accessibility ~/.claude/skills/adigunners-github-io

// tip: Run this command in your terminal to install the skill


name: Frontend Accessibility description: Web accessibility (a11y) standards for inclusive design. Use this skill when adding semantic HTML, ARIA attributes, keyboard navigation, or ensuring screen reader compatibility. Apply when working on HTML structure, interactive elements, forms, or any user-facing features.

When to use this skill

  • When writing semantic HTML markup in .html files
  • When adding ARIA labels, roles, and attributes to interactive elements
  • When implementing keyboard navigation for buttons, links, and custom controls
  • When ensuring proper heading hierarchy (h1, h2, h3) for screen readers
  • When adding alt text to images and meaningful labels to form inputs
  • When testing color contrast and visual accessibility
  • When creating focus states and visible focus indicators for keyboard users

Frontend Accessibility

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend accessibility.

Instructions

For details, refer to the information provided in this file: frontend accessibility