Accessibility First

Use whenever creating or modifying UI, websites, apps, dashboards, forms, buttons, navigation, modals, interactive components, or visual interfaces. Ensures readability, contrast, keyboard navigation, focus states, labels, and usable controls.

bruhxax Updated

File contents

Accessibility First

Make UI readable, accessible, and usable by default.

Use readable text sizes, strong contrast, clear hierarchy, comfortable line-height, and clear labels.

Buttons, links, inputs, and controls must be easy to click and tap.

Interactive elements should have visible hover, active, and focus states.

Do not remove focus outlines without replacing them with visible focus styles.

Use semantic HTML when possible.

Icon-only buttons should have aria-label.

Do not communicate important information only through color.

Before finishing, check readability, contrast, focus states, keyboard usability, tap targets, forms, and labels.

bruhxax/codex-skills-pack/tree/main/.codex/skills/accessibility-first commit 401df64507

Frequently asked questions

npx skillmds@latest add bruhxax/accessibility-first