# Frontend Accessibility

> This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they Use when this capability is needed.

- Skill: `tomevault-io/frontend-accessibility-5` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/frontend-accessibility-5`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/frontend-accessibility-5/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/frontend-accessibility-5

---


## 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](../../../agent-os/standards/frontend/accessibility.md)

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/adigunners) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-13 -->

