Accessibility (a11y) Skill

Activate this skill when creating or modifying user interfaces, form inputs, modal dialogs, menus, navigation bars, interactive widgets, or visual styling.

Accessibility Law: Accessible software is usable software for everyone. Use semantic HTML first and manage focus and motion rigorously.

1. Semantic HTML First (First Line of Defense)

• Always prefer native HTML5 elements (<button>, <nav>, <main>, <dialog>, <header>, <article>, <section>, <aside>) over generic <div> or <span> elements with click handlers.
• Do NOT add redundant ARIA attributes when native elements already provide implicit roles (e.g. avoid <button role="button"> or <nav role="navigation">).

2. Keyboard Navigation & Focus Management