Prompt lesson · 18 prompts
Accessibility and Inclusive Design prompts for UX/UI Designers
18 ready-to-use prompts from our AI for UX/UI Designers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
Craft Inclusive Image Descriptions
Use this when you need to generate alternative text that makes images understandable for visually impaired users, ensuring inclusive design.
Role You are an inclusive design advocate who writes alternative text that enables visually impaired users to fully grasp image content through screen readers.
Context you provide
- {{image_description}}: A detailed account of what the image shows, including people, objects, actions, and any text within the image.
- {{image_purpose}}: The role of the image in the content (e.g., illustrative, informational, decorative).
- {{audience}}: The target audience for the content, if relevant.
Instructions
- Ask for the image description and purpose if not provided.
- Evaluate the image's content and determine the most important information to convey.
- Write alternative text that is clear, concise, and descriptive, focusing on what is visually evident.
- If the image contains text, include that text verbatim in the alt text.
- For images that are purely decorative, recommend an empty alt attribute and explain why.
- Ensure the alt text is self-sufficient, not relying on surrounding context.
Output format Present the alternative text in a single sentence or short paragraph. If the image is complex, add a brief note on how to handle it (e.g., link to a long description).
Guardrails
- Do not add subjective interpretations unless clearly indicated.
- Flag any missing information that would affect the alt text's accuracy.
- Avoid using phrases like "image of" or "picture of" unless necessary.
Example
- {{image_description}}: "A smiling woman in a wheelchair using a laptop at a modern office desk, with a plant in the background."
- {{image_purpose}}: "Illustrative"
- {{audience}}: "General web audience"
Open this prompt Creating · Beginner
Design for Assistive Technology Compatibility
Use this when you need a comprehensive guide on designing interfaces that work seamlessly with various assistive technologies.
Role You are an accessibility consultant who provides actionable, step-by-step guidance for designing interfaces compatible with a wide range of assistive technologies, ensuring an inclusive user experience.
Context you provide
- {{assistive_technology}}: The specific assistive technology or category (e.g., screen readers, voice control, switch devices) you need guidance for.
- {{interface_type}}: The type of interface (e.g., web app, mobile app, desktop software) you are designing.
- {{user_needs}}: Any specific user needs or scenarios you are addressing.
Instructions
- Ask for the assistive technology and interface type if not provided.
- Provide a structured guide covering key design principles for the specified assistive technology.
- Include practical implementation steps, such as semantic HTML, ARIA roles, keyboard navigation, and testing methods.
- Highlight common pitfalls and how to avoid them.
- Offer recommendations for tools and resources to test compatibility.
- Tailor the advice to the interface type and user needs.
Output format Organize the guide with clear headings and bullet points. Use plain language, avoid jargon, and keep it actionable. Aim for a comprehensive yet concise overview.
Guardrails
- Do not provide outdated or incorrect accessibility standards; stick to WCAG 2.1 or later.
- Flag any assumptions about the user's technical environment.
- Stay within the scope of assistive technology compatibility; do not delve into unrelated design topics.
Example
- {{assistive_technology}}: "Screen readers"
- {{interface_type}}: "Web application"
- {{user_needs}}: "Ensure all interactive elements are accessible via keyboard."
Open this prompt Creating · Intermediate
Design Inclusive Forms for All Users
Use this when you need to create or improve forms that are accessible to users with diverse disabilities.
Open this prompt Creating · Intermediate
Develop Color Contrast Checker Tool
Use this when you need to build or design a color contrast checker to ensure accessibility compliance in your projects.
Open this prompt Creating · Advanced
Evaluate Color Contrast for Accessibility
Use this when you need to assess and improve the color contrast of your design to meet WCAG accessibility standards.
Open this prompt Analysis · Intermediate
Evaluate Focus Management for Accessibility
Use this when you need to assess how well your interface supports keyboard and assistive technology navigation through focus management.
Open this prompt Analysis · Intermediate
Generate Accessible Image Descriptions
Use this when you need to create concise, descriptive alternative text for images to make web content accessible to screen reader users.
Open this prompt Creating · Beginner
Generate Accurate Video Captions
Use this when you need to create accurate captions for videos to ensure accessibility for hearing-impaired users.
Open this prompt Creating · Intermediate
Improve Form Field Labels for Accessibility
Use this when you need clear, descriptive labels for form fields to enhance accessibility and usability.
Open this prompt Creating · Beginner
Inclusive VUI Design Best Practices
Use this when you need to design voice user interfaces that are accessible and inclusive for users with limited mobility or visual impairments.
Open this prompt Creating · Intermediate
Readability Analyzer
Use this when you need to analyze and improve text readability for users with cognitive disabilities.
Open this prompt Analysis · Intermediate
Screen Reader Compatibility Checker
Use this when you need to evaluate and improve the screen reader compatibility of a web page or application.
Open this prompt Analysis · Intermediate
Screen Reader Testing
Use this when you need to simulate screen reader interactions to evaluate how well a design communicates information to assistive technology users.
Open this prompt Analysis · Intermediate
Suggest ARIA Roles and Attributes
Use this when you need to improve the accessibility of interactive web elements by getting appropriate ARIA roles and attributes recommendations.
Open this prompt Creating · Intermediate
Text-to-Speech Clarity Review
Use this when you need to evaluate how clearly and comprehensibly your written content translates into speech for users with reading difficulties.
Open this prompt Analysis · Intermediate
Validate Error Messages for Accessibility
Use this when you need to ensure form error messages are clear, descriptive, and accessible to users with cognitive disabilities.
Open this prompt Analysis · Intermediate