home/coding/wcag-standards-instructions

Wcag Standards.instructions

GPTClaudeDeepSeek··1,327 copies·updated 2026-07-14
wcag-standards-instructions.prompt
# WCAG Compliance Standards

Automatically apply WCAG 2.1 Level AA standards to all code.

## Always Implement

### Semantic HTML
- Use proper heading hierarchy (h1 → h6)
- Use semantic elements (nav, main, article, section)
- Use landmarks (role="navigation", role="main")

### Keyboard Accessibility
- All interactive elements must be keyboard accessible
- Provide visible focus indicators
- Logical tab order
- Skip navigation links

### Color & Contrast
- 4.5:1 minimum for normal text
- 3:1 minimum for large text (18pt+)
- Don't rely on color alone for information
- Provide text alternatives

### Forms
- All inputs must have associated labels
- Required fields marked with aria-required
- Error messages linked with aria-describedby
- Group related fields with fieldset/legend

## Code Templates

when to use it

Community prompt sourced from the open-source GitHub repo AmadeusITGroup/ai-primitives-hub (Apache-2.0). A "Wcag Standards.instructions" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.

tags

codingcommunitydeveloper

source

AmadeusITGroup/ai-primitives-hub · Apache-2.0