Web Accessibility During Development

Use this skill when building or reviewing UI. Universal rules are inline below. Feature-specific patterns live in references/ files — read the matching file when you encounter that feature.

For Every Component

These apply to everything you build, no exceptions.

Semantic HTML first (SC 1.3.1, 4.1.2)

Use the native element that matches the behavior. <button> for actions, <a href> for navigation, <input> for data entry, <select> for selection, <dialog> for overlays. Never attach a click handler to a <div> or <span> and call it interactive. If no native element fits, add role, tabindex="0", and keyboard handlers (Enter, Space, arrow keys as appropriate).

Keyboard operability (SC 2.1.1, 2.1.2, 2.4.3)