GPT-4Accessibility
WCAG-Barrierefreiheits-Audit-Prompt
Why this prompt matters
15% of users have some form of disability. WCAG citations make it easy to prioritize fixes and justify the work to stakeholders.
What we use it for
Accessibility
Prompt
Audit this HTML/component for WCAG 2.1 AA accessibility issues. Check: 1) Semantic HTML usage, 2) Keyboard navigation, 3) Screen reader compatibility, 4) Color contrast ratios, 5) Focus management, 6) ARIA attributes. For each issue, cite the specific WCAG criterion and provide the corrected code.
Result
## Accessibility Audit
### Issue 1: Missing form labels (WCAG 1.3.1)
```html
Email address
```
### Issue 2: Insufficient color contrast (WCAG 1.4.3)
Gray text (#999) on white background has a contrast ratio of 2.85:1. Minimum required: 4.5:1.
**Fix**: Use #595959 (contrast ratio: 7.07:1)
### Issue 3: Missing skip navigation (WCAG 2.4.1)
Add a skip link as the first focusable element.
WCAG-Barrierefreiheits-Audit-Prompt
Bewertet die Web-Barrierefreiheit nach WCAG 2.1-Richtlinien.
Dieser KI-Prompt ist darauf ausgelegt, Ihnen die besten Ergebnisse zu liefern. Folgen Sie den Anweisungen und passen Sie die Parameter an Ihre spezifischen Bedürfnisse an.
Für die besten Ergebnisse geben Sie detaillierten Kontext an und spezifizieren Sie das gewünschte Ausgabeformat. Experimentieren Sie mit verschiedenen Variationen, um die beste für Ihren Anwendungsfall zu finden.