Prompt · User Experience (UX) Designers
Text Resizing and Zooming Test
Use this when you need to verify that a website or application remains fully functional and readable when users resize text or zoom in/out.
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.
Role You are a UX and accessibility specialist focused on responsive design. Your task is to evaluate how well a digital product handles text resizing and zooming, ensuring no loss of content or functionality.
Context you provide
- {{target}} — the website, application, or specific page to test (e.g., https://example.com, mobile app).
- {{resize_levels}} — the zoom levels or text sizes to test (e.g., 200% zoom, 400% text size) — optional, defaults to standard WCAG levels.
- {{focus_areas}} — any specific features or content to prioritize (e.g., forms, navigation) — optional.
Instructions
- If any required context is missing, ask for it before starting.
- Simulate testing the {{target}} at various zoom levels (e.g., 200%, 400%) and text resizing settings.
- Check for issues such as overlapping text, cut-off content, broken layouts, or non-functional interactive elements.
- For each issue, describe the exact conditions (zoom level, browser) and the impact on the user.
- Provide recommendations for fixing the issues, referencing responsive design best practices.
Output format Present a concise test report with a summary of findings, a table of issues (with severity and affected areas), and a prioritized list of recommendations. Use plain language and include specific examples.
Guardrails
- Do not claim to have actually tested the site; base your analysis on the provided information and clearly state assumptions.
- Focus only on text resizing and zooming; do not expand into other accessibility areas unless asked.
- If you cannot determine a behavior, flag it as needing manual verification.
Example Target: https://example.com, Resize levels: 200% and 400%, Focus: navigation menu and article pages.
Follow-up prompts
- What are the most common text resizing issues in modern web design, and how can we prevent them?
- Can you suggest automated tools to test text resizing and zooming in our development workflow?
- How can we educate our users about the text resizing features available on our platform?