Prompt lesson · 25 prompts
Accessibility Compliance prompts for Web Developers
25 ready-to-use prompts from our AI for Web Developers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
Accessibility Audit Report Generator
Use this when you need to generate, interpret, or improve accessibility audit reports for websites.
Role You are an accessibility expert and web developer. Your goal is to help me understand and create comprehensive accessibility audit reports that identify non-compliance and suggest practical improvements.
Context you provide
- {{website_url}}: The URL of the website to audit.
- {{audit_scope}}: The specific pages or components to focus on, if any.
- {{accessibility_standard}}: The standard to audit against (e.g., WCAG 2.1 AA, Section 508).
Instructions
- If any inputs are missing, ask for them before proceeding.
- Explain the key areas of accessibility that the audit will cover (e.g., color contrast, keyboard navigation, ARIA usage, form labels).
- Provide a step-by-step guide on how to conduct the audit, including tools and manual checks.
- Describe how to interpret the results, explaining severity levels (e.g., critical, serious, moderate, minor) and their impact on users.
- For each type of issue, suggest specific remediation techniques and explain why they are important.
Output format Present the information as a structured report template with sections: Executive Summary, Methodology, Findings (by severity), Recommendations, and Resources. Keep it clear and actionable.
Guardrails
- Do not claim to have actually audited the website; provide guidance on how to do it.
- Do not invent specific issues without data; focus on common issues and how to identify them.
- Stay within the scope of accessibility; do not provide general web development advice.
Example
- {{website_url}}: https://example.com, {{audit_scope}}: Homepage and checkout flow, {{accessibility_standard}}: WCAG 2.1 AA.
Open this prompt Analysis · Intermediate
Accessibility Best Practices Forum
Use this when you want to create or participate in a community forum focused on accessibility best practices in web development.
Role You are an accessibility advocate and community builder. Your goal is to help me establish and run an online forum where developers can discuss accessibility best practices, share experiences, and get expert advice.
Context you provide
- {{forum_platform}}: The platform you plan to use (e.g., Discourse, Reddit, Slack).
- {{target_audience}}: The type of developers you want to attract (e.g., frontend, full-stack, beginners).
- {{forum_goals}}: The primary goals for the forum (e.g., knowledge sharing, troubleshooting, networking).
Instructions
- If any inputs are missing, ask for them before proceeding.
- Outline a plan for setting up the forum, including structure (categories, tags), moderation guidelines, and onboarding materials.
- Provide a list of discussion topics to kickstart engagement, such as common challenges, tool recommendations, and case studies.
- Suggest strategies to encourage participation, such as weekly threads, expert AMAs, and recognition programs.
- Explain how to ensure diverse perspectives are represented, including guidelines for inclusive language and outreach.
Output format Provide a structured plan with sections: Setup, Content Strategy, Engagement Tactics, and Moderation. Use bullet points and keep it practical.
Guardrails
- Do not assume the forum platform; ask if not provided.
- Do not provide legal or compliance advice beyond general accessibility best practices.
- Stay focused on accessibility; do not expand into general web development topics.
Example
- {{forum_platform}}: Discourse, {{target_audience}}: Frontend developers, {{forum_goals}}: Share tips and get feedback on accessibility implementations.
Open this prompt Creating · Beginner
Accessibility Code Review Assistant
Use this when you need to review code for accessibility issues and get suggestions for improvement.
Open this prompt Analysis · Intermediate
Automate Accessibility Testing
Use this when you need to develop or understand automated testing for web accessibility compliance.
Open this prompt Automation · Advanced
Build Accessibility Compliance Checker
Use this when you need to design, build, or integrate an accessibility compliance checker for websites.
Open this prompt Creating · Advanced
Color Contrast Accessibility Check
Use this when you need to ensure text and background color combinations meet WCAG accessibility standards.
Open this prompt Analysis · Beginner
Content Readability Assessment
Use this when you need to evaluate and improve website content readability for users with cognitive disabilities.
Open this prompt Analysis · Intermediate
Create Accessibility Compliance Checklist
Use this when you need to develop an interactive checklist or guide to help developers ensure website accessibility compliance.
Open this prompt Creating · Intermediate
Create Accessible Validation Messages
Use this when you need to write form validation error messages that are clear, accessible, and user-friendly.
Open this prompt Creating · Beginner
Descriptive Link Text Review
Use this when you need to improve link text clarity and descriptiveness for screen reader users.
Open this prompt Analysis · Intermediate
Design an Accessibility Widget
Use this when you need to design and implement a customizable accessibility widget for websites.
Open this prompt Creating · Intermediate
Develop Accessibility Training Resources
Use this when you need to create an online course or platform to train developers on web accessibility.
Open this prompt Creating · Intermediate
Document Structure Accessibility Analysis
Use this when you need to evaluate and improve the structural accessibility of documents like PDFs for assistive technologies.
Open this prompt Analysis · Intermediate
Focus Indicator Visibility Evaluation
Use this when you need to assess and improve the visibility of focus indicators for keyboard-only users on your website.
Open this prompt Analysis · Intermediate
Generate Accessibility Documentation
Use this when you need to create clear, comprehensive accessibility documentation for a website, covering implemented features and content guidelines.
Open this prompt Creating · Intermediate
Generate Audio/Video Transcriptions
Use this when you need to create accurate transcriptions or captions for audio and video content to improve accessibility.
Open this prompt Writing · Intermediate
Generate Descriptive Alt Text
Use this when you need to create descriptive alternative text for images to improve web accessibility.
Open this prompt Writing · Beginner
Heading Hierarchy Accessibility Review
Use this when you need to analyze and improve the heading structure of a webpage for screen reader users.
Open this prompt Analysis · Intermediate
Inclusive Error Message Improvement
Use this when you need to craft error messages that are clear, actionable, and accessible to all users, including those with disabilities.
Open this prompt Creating · Intermediate
Integrate Accessibility Guidelines into IDE
Use this when you need to create a plugin or extension that brings accessibility guidelines into web development frameworks or IDEs.
Open this prompt Creating · Advanced
Screen Reader Compatibility Testing
Use this when you need to test a website's compatibility with screen reader software and improve the experience for visually impaired users.
Open this prompt Analysis · Advanced
Semantic HTML Accessibility Analysis
Use this when you need to analyze HTML code for missing or incorrect semantic elements that impact accessibility.
Open this prompt Analysis · Intermediate
Suggest ARIA Attributes
Use this when you need to improve the accessibility of web interfaces for screen reader users by adding ARIA attributes.
Open this prompt Analysis · Intermediate
Text Resize Compatibility Check
Use this when you need to evaluate and improve a website's accessibility for users with low vision by testing text resize compatibility.
Open this prompt Analysis · Intermediate