Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or modifying frontend components, HTML templates, React/Vue/Svelte components, forms, interactive elements, navigation menus, modals, or any UI elements.
Install
npx skills add maxritter/qualitylayer --skill standards-accessibilitynpx skills add maxritter/qualitylayer --skill standards-accessibility -a claude-code -gnpx skills add maxritter/qualitylayer --skill standards-accessibility -a codex -ggemini skills install https://github.com/maxritter/qualitylayer.git --path .claude/ccp/skills/standards-accessibilitygh skill install maxritter/qualitylayer standards-accessibilitygit clone --depth 1 https://github.com/maxritter/qualitylayer /tmp/maxritter__qualitylayer
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/maxritter__qualitylayer/.claude/ccp/skills/standards-accessibility ~/.claude/skills/standards-accessibility # Claude Code
cp -R /tmp/maxritter__qualitylayer/.claude/ccp/skills/standards-accessibility ~/.agents/skills/standards-accessibility # Codex, Cursor, Gemini CLI, Copilot, OpenCode