aria-patterns

ARIA Patterns & Keyboard Interaction Reference

Content Preview
# ARIA Patterns & Keyboard Interaction Reference

## Landmark Roles

Every page should have these landmarks:

```html
<header role="banner">         <!-- Site header — once per page -->
<nav role="navigation">         <!-- Navigation — can have multiple with aria-label -->
<main role="main">              <!-- Main content — once per page -->
<aside role="complementary">    <!-- Sidebar — related but not essential -->
<footer role="contentinfo">     <!-- Site footer — once per page -->
<form role
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/aria-patterns.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/a11y-audit/references/aria-patterns.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at engineering-team/a11y-audit/references/aria-patterns.md

Related Skills