Complete AI Training

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.

All 22 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

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

  1. If any required context is missing, ask for it before starting.
  2. Simulate testing the {{target}} at various zoom levels (e.g., 200%, 400%) and text resizing settings.
  3. Check for issues such as overlapping text, cut-off content, broken layouts, or non-functional interactive elements.
  4. For each issue, describe the exact conditions (zoom level, browser) and the impact on the user.
  5. 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?