The method
Paste the HTML content of the webpage. Use this prompt to check if a webpage meets basic accessibility standards. It’s ideal for quick checks during development, or when reviewing existing pages for compliance. Ensure clean HTML input for best results.
The prompts
Prompt 1
Analyze the following HTML code for accessibility issues based on WCAG guidelines. Identify any violations related to color contrast, keyboard navigation, ARIA attributes, image alt text, form labels, and semantic HTML. Provide specific recommendations on how to fix each issue and improve the overall accessibility of the webpage.
[Paste HTML Code Here]
[Paste HTML Code Here]
Prompt 2
You are an expert web accessibility auditor. Review the following HTML code snippet and provide a detailed report outlining areas where the code fails to meet WCAG 2.1 AA standards. Focus on aspects like alternative text for images, proper heading structure, sufficient color contrast, keyboard accessibility, and the use of ARIA roles and attributes. Include code examples demonstrating how to correct the identified issues to ensure the content is accessible to users with disabilities.
[Paste HTML Code Here]
Additionally, provide a summary score from 0-100 on the accessibility of this code, where 100 means that it perfectly conforms to WCAG 2.1 AA standards.
[Paste HTML Code Here]
Additionally, provide a summary score from 0-100 on the accessibility of this code, where 100 means that it perfectly conforms to WCAG 2.1 AA standards.