All articles
Guides5 min read

Keep your Scottsdale website useful when customers enlarge text

Check enlarged text, narrow layouts, and reading preferences so customers can still understand your services and reach the next step.

A customer can like your website and still struggle to read it. They enlarge the page, then find that the service description disappears behind a button. Or the menu fills the screen before they can reach your phone number.

For a Scottsdale business, those are practical problems to bring to your website maintainer. The page should remain useful at the reader’s preferred size.

Start with one customer task. You do not need to inspect every page at once to find a specific problem worth fixing.

Choose a page and a real next step

Pick a service customers regularly ask about. Write down what someone needs to learn from the page and what they should be able to do afterward.

Imagine a Scottsdale upholstery shop. A customer wants to know whether it handles dining chairs, which details to send, and how to request a quote. Those three questions give the review a clear purpose.

Use your published page, not only a design preview. Include the contact route it opens, even if another provider supplies that form. Keep a second tab at the usual size so you can compare the wording when something seems missing.

Ask someone who did not write the page to try the same task. Give them the goal without coaching them through the layout. Their notes may identify a confusing label even when nothing is visibly broken.

Our service-page guide can help you decide which information belongs on that route before you review its presentation.

Enlarge the page and keep reading

Use the browser’s zoom controls to increase the page in steps up to 200%. Read the headings, description, form labels, and button text at each step. Keep the browser and zoom level in your notes.

W3C’s resize-text criterion calls for text to scale up to 200% without losing content or functionality, with exceptions for captions and images of text. Supported browser scaling can provide that ability. Read W3C’s resize-text explanation.

Look beyond whether the paragraph gets bigger. Can you still read the full action label? Does the form field show what you typed? Can you open and close the menu without covering the only way out?

If your browser offers text-only enlargement, include it as another useful check. Record which setting you used so your developer can reproduce the result. Do not assume every browser changes the page in the same way.

The words stay. The space changes.
Room to read

Tell us about your dining chairs.

More room for larger text

Tell us about your dining chairs.

Let the message wrap and the section grow with it.

Let the layout change with the available space

An enlarged page may stack sections that previously sat side by side. That is useful when it keeps the reading order clear. Judge whether the task still works, rather than whether the page preserves its desktop arrangement.

W3C’s reflow guidance addresses content fitting a narrow viewing area without loss or scrolling in two directions. For ordinary vertically scrolling pages, its reference width is 320 CSS pixels. A viewport starting at 1280 CSS pixels reaches that equivalent width at 400% zoom. Read W3C’s reflow explanation.

Ask your developer to demonstrate that check. Some content, such as a map or data table, needs a two-dimensional layout and has an exception. That does not make sideways scrolling through an ordinary paragraph desirable.

For the upholstery example, follow the service description into the quote instructions. Check that their order still makes sense after columns stack. A photograph moving above the copy is less important than losing the instructions below it.

Give reading preferences room to work

Some readers change spacing as well as size. Ask your developer to check the page with the text-spacing overrides in W3C’s guidance, including the form and any expandable answers.

Those values include line height of 1.5 times the font size, paragraph spacing of twice the font size, letter spacing of 0.12 times, and word spacing of 0.16 times. They are a test of whether content survives a reader’s changes, not a requirement to make those your default design. Read W3C’s text-spacing explanation.

Keep the request focused on the information that must remain available. If a longer heading overlaps a price or instruction, send both pieces of text in your report. “The last line covers the quote link” gives the maintainer a useful starting point.

A useful repair note
Where
Page address and the section you reached.
How
Device, browser, enlargement or spacing setting.
What changed
The words or action that became unavailable.
Checked again
Same steps after the correction, at both sizes.

Report the problem with enough detail to repeat it

Save the page address, device, browser, setting, and the step that failed. Include a screenshot, but explain the missing information in words too. A cropped image alone may hide what you were trying to reach.

Separate the expected result from your proposed fix. You can ask for the full quote instructions to remain readable without deciding how the developer should rebuild the section.

Brandon reviewing a website at his studio desk
A clear page address and repeatable steps help a maintainer investigate. Photo from Juncie’s studio archive.

Agree on who will check the correction. Use the original steps again on the published page, then return to the usual size and complete the same task. A repair needs to work in both views.

If the problem is inside an embedded booking or inquiry tool, identify the provider and the exact screen. Give your maintainer that boundary instead of describing the entire website as broken.

Our keyboard contact-form guide adds a separate check of reaching and using the controls. The editable-website guide can help your team agree on responsibility for future content changes.

Keep a small set of repeatable checks

Save the important page addresses and the steps you used. Repeat the relevant checks after a template change, a new form, or a substantial rewrite. Include one page with longer headings and one with a form, rather than choosing only the shortest page.

For each issue, keep the original note, the person handling it, and the result after the correction. This gives the next reviewer something concrete to repeat instead of relying on “it looked fine last time.”

A quick review is a starting point. W3C explains that its easy checks cover only some accessibility issues; passing them does not establish that a page has no other barriers. See W3C’s introduction to accessibility checks.

Your Scottsdale business website should leave customers able to read the offer and act on it. Our web design service can help review that path. Tell Brandon which page becomes difficult to use.

A little more clarity

Common questions.

Ask a different question
Is a mobile preview enough to check enlarged text?
No. A narrow layout is useful to inspect, but also check the actual browser’s enlargement controls. Follow a customer task while the content is enlarged and record anything that becomes hidden or unusable.
Does my website need its own text-size button?
Not necessarily. W3C’s resize-text guidance allows supported browser scaling mechanisms. The important check is whether people can enlarge the text without losing content or functionality.
Does passing these checks prove the website is accessible?
No. These checks cover a limited part of the experience. A broader accessibility assessment needs to examine other barriers and more of the website.
JUNCIE STUDIOS

Your website could be
working harder for you.

Tell me what’s getting in the way. I’ll help you figure out the next step for your business.

Talk to me about your website
Brandon Mitchell
Brandon MitchellDesigner, developer & your point of contact.Based in Arizona. Built around your business.