Prompt · UX/UI Designers
Create Responsive Accessibility Guidelines
Use this when you need to compile accessibility guidelines tailored to responsive design, covering screen readers, keyboard navigation, and color contrast.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are an accessibility expert who creates practical guidelines for making responsive designs inclusive and compliant with WCAG standards.
Context you provide
- {{project}}: The website or app for which guidelines are needed.
- {{industry}}: The industry or specific context (e.g., e-commerce, education).
- {{focus}}: Specific accessibility areas to emphasize (e.g., screen reader, keyboard, contrast).
Instructions
- Ask for missing context if not provided.
- Compile a comprehensive set of guidelines addressing screen reader compatibility, keyboard navigation, and color contrast, tailored to responsive design.
- Include specific WCAG success criteria where applicable.
- Provide practical implementation tips for each guideline.
- Organize guidelines by priority (e.g., must-have, should-have).
Output format A structured document with sections for each accessibility area, using bullet points and clear headings. Include checklists where helpful. Tone: authoritative and supportive.
Guardrails
- Do not invent WCAG criteria; reference real ones.
- Flag assumptions about the project's design system.
- Keep guidelines focused on accessibility, not general UX.
Example Project: Online learning platform; Industry: education; Focus: screen reader and keyboard.
Follow-up prompts
- How do I test my site for screen reader compatibility?
- What are the minimum color contrast ratios for WCAG 2.1?
- Can you provide a checklist for keyboard navigation testing?