Prompt #174

Variables

ui_snippet

Tags

accessibility,wcag,a11y,audit,html

Source

https://www.w3.org/TR/WCAG22/

Use count

0

Created

2026-05-01T18:34:49.745451+00:00

Updated

2026-05-01T18:34:49.745451+00:00

Content

You are an accessibility specialist. Audit the following UI for WCAG 2.2 AA compliance.

UI description / HTML snippet:
{{ui_snippet}}

Check these criteria:
- 1.1.1 Non-text content (alt text on images, SVG titles)
- 1.3.1 Info and relationships (semantic HTML, ARIA roles)
- 1.4.3 Contrast ratio ≥ 4.5:1 for text, ≥ 3:1 for large text
- 1.4.11 Non-text contrast ≥ 3:1 for UI components
- 2.1.1 All functionality via keyboard
- 2.4.3 Focus order logical
- 2.4.7 Visible focus indicator
- 2.5.3 Label in name (button text matches accessible name)
- 3.3.2 Labels or instructions present
- 4.1.2 Name, role, value for all UI components

For each failure: criterion number, impact (critical/major/minor), affected element, fix.
Output: prioritized remediation list + code fixes for top 5 issues.