---
title: "Keep a zoomed form readable and operable"
description: "Verify a form at a separately configured browser zoom retains its labels, input controls, validation, and final action without unintended clipping."
canonical_url: "https://vostride.com/agent-library/accessibility-flows/zoomed-form-reflow.md"
md_url: "https://vostride.com/agent-library/accessibility-flows/zoomed-form-reflow.md"
content_kind: "recipe"
topic: "accessibility-flows"
---

# Keep a zoomed form readable and operable

Verify a form at a separately configured browser zoom retains its labels, input controls, validation, and final action without unintended clipping.

## Risk

A narrow viewport is not identical to browser zoom, and screenshots do not prove text scaling semantics. Configure actual zoom through an approved manual or external browser procedure and record that configuration independently.

## Fixtures

- A test profile form includes a long display-name label, a timezone selector, an explanatory note, and Save.
- The prepared browser procedure sets the product-supported zoom level and records the resulting CSS viewport and zoom evidence.
- The expected layout permits vertical scrolling and requires every essential control and message to remain reachable without overlapping content.

## Steps

1. Open the fixture profile form at normal zoom and verify its initial values and visible control labels.
2. Apply the prepared actual-zoom procedure and verify the displayed label text is readable and no input is covered by neighboring content.
3. Move through the form using visible scrolling and verify the explanatory note and Save action remain reachable.
4. Trigger a required-field error and verify its message is visible without obscuring the field or Save.
5. Correct the field, save the fixture value, and verify the detail reflects the change; inspect the separate keyboard procedure if keyboard reachability is also required.

## Expected results

- The zoomed layout retains all essential form content and a usable save path.
- Validation messages remain associated visually with their fields without clipping or overlap.
- Independent configuration evidence proves actual zoom was used; separate semantic and keyboard audits remain necessary for broader accessibility conclusions.

## False-pass traps

- Resizing the viewport alone cannot substantiate a browser-zoom requirement.
- A screenshot of only the form top misses a clipped Save action lower on the page.

## Cleanup

- Restore browser zoom and the original profile field value after collecting evidence.

## Use with agent-qa

Adapt this test design to your application's acceptance criteria and configured target using the [recipe execution guide](/agent-library/software-factory/turn-a-recipe-into-an-agent-qa-test.md). External fixture setup and non-UI checks require your own supported hooks or test tooling. Validate the authored test, execute it, and inspect the completed evidence; this recipe is not a recorded test result.

## References

- [agent-qa test](/docs/agent-qa/configuration/test.md)
- [agent-qa first test](/docs/agent-qa/guides/first-test.md)
- [agent-qa web testing](/docs/agent-qa/guides/web-testing.md)

- [Accessibility workflow QA recipes](/agent-library/accessibility-flows.md)
- [Software factory QA library](/agent-library.md)