Generate a Frontend Accessibility Audit

If you're building a website or application and want to ensure it's usable by everyone, including people with disabilities, this Claude prompt automates the accessibility audit process. The prompt asks Claude to evaluate your website or app for accessibility issues and suggest concrete fixes based on established best practices like WCAG guidelines. This tool is perfect for developers who want to catch accessibility problems early, product managers responsible for compliance, and anyone building inclusive digital products. Rather than manually reviewing every element for color contrast, keyboard navigation, and screen reader compatibility, you get Claude to do the heavy lifting in seconds.

Using this prompt is straightforward. You simply replace the [website/app] placeholder with the specific URL or detailed description of your application. For example, instead of writing "Audit [website/app]," you'd write "Audit https://www.myecommerce.com for accessibility improvements" or provide a description like "Audit our React dashboard with a navigation menu, data tables, and form inputs." The more specific you are about your application's features and structure, the more targeted Claude's recommendations become.

Claude returns a structured accessibility audit that identifies specific issues and provides actionable fixes. You'll typically receive findings organized by severity level, along with explanations of why each issue matters and how to fix it. For instance, Claude might flag missing alt text on images with instructions on writing effective alternatives, or identify keyboard navigation gaps in interactive components with solutions for implementing proper focus management.

To get the best results from this prompt, include details about your target audience and any specific technologies you're using. If your site serves users with particular needs or uses uncommon frameworks, mentioning this helps Claude give more relevant recommendations. You can also ask Claude to prioritize fixes by impact, helping you tackle the most important accessibility improvements first.