Build a prompt that reviews HTML for accessibility issues.
Create a prompt that takes HTML code and identifies WCAG accessibility issues. For each issue: explain what's wrong, which WCAG guideline it violates, and provide the corrected HTML. Rate overall accessibility score A/AA/AAA.
Your prompt is run on this input, and both the result and your prompt are graded against the goal below. Put {input} in your prompt where the sample should go, or just write instructions and the sample is sent right after them.
HTML with missing alt tags, poor contrast, no semantic elements
Goal: List of issues with WCAG references, corrected HTML, and accessibility score
Get personalized hints based on your current progress. Start with gentle hints and progress to more detailed ones.