The method
Use this prompt after a web design is complete. Paste the design's URL into the prompt. It will provide an accessibility report, highlighting areas needing improvement to meet WCAG standards. Ideal for final design review.
The prompts
Prompt 1
Analyze the website at [website URL] for accessibility issues according to WCAG 2.1 AA standards. Provide a detailed report outlining specific areas where the website fails to meet these standards, including the specific WCAG guideline that is violated. For each issue identified, suggest practical solutions to remediate the problem, including code examples where applicable. Focus on aspects such as keyboard navigation, alternative text for images, color contrast, form labels, and semantic HTML structure. Prioritize the most critical issues that significantly impact user experience for people with disabilities. The final output should be a clear and actionable list of recommendations for improving the website's accessibility. Consider the use of ARIA attributes appropriately and advise on their correct implementation to enhance accessibility without compromising the user experience.
Prompt 2
Conduct a comprehensive accessibility audit of the website hosted at [website URL], focusing on its conformance to WCAG 2.1 Level AA guidelines. Generate a report that not only identifies accessibility barriers but also proposes concrete, step-by-step solutions to address each issue. The solutions should include specific code snippets, ARIA attribute suggestions, and best practices for implementation. Assess the website's performance across various assistive technologies, such as screen readers and keyboard navigation, and identify any discrepancies or usability problems. Furthermore, evaluate the website's content structure and information architecture to ensure that it is logically organized and easily understandable for all users, including those with cognitive disabilities. Provide recommendations for improving the website's overall accessibility and usability, including considerations for color contrast, font sizes, and multimedia content. Ensure that all recommendations are aligned with the latest accessibility standards and guidelines.