Websites & patient experience · Practical guide

Keep form buttons reachable when text is enlarged

A form's buttons can sit inside a fixed-height panel that becomes too short when text enlarges. Visitors can read the questions but cannot reach Continue or Cancel.

Healthcare website and appointment calendar displayed on devices at an empty clinic reception.
Make the website useful for the people who use your practice.

What to change

Ask your supplier to let form panels grow or scroll usefully when text becomes larger, including space for instructions, corrections and final actions.

A worked example

Illustrative example

A contact panel grows when its labels and instructions wrap. The visitor can still reach Send enquiry after correcting a displayed field error.

Healthcare website design showing connected desktop and mobile service and enquiry layouts.
Make the service and next step clear on every screen.
Healthcare website accessibility illustrated by a focus outline, keyboard key, contrast samples and form.
Review keyboard access, contrast and understandable form fields.

Why this matters to your practice

Larger text is useful only if people can still finish the task. A form may become readable while its final button disappears below a panel that cannot scroll. Ask your supplier to demonstrate a complete enquiry with enlarged text, including a correction message. Judge the whole journey rather than the first screen. The design should make room for the visitor's preferred text size instead of quietly shrinking it again to preserve an attractive box.

A practical review example

A contact panel may fit neatly with empty fields at the designer's default size. Add a long correction message and larger text, and the Send button may fall below a fixed boundary. Ask your supplier to complete that crowded version using a keyboard and a phone. Every relevant question and action should remain reachable without shrinking the visitor's text again. Review competing scroll areas carefully, because being able to move the outer page does not help if the hidden button is trapped inside another panel.

How to check the result

Accept when all information and actions remain available at the agreed enlarged settings without a hidden or unreachable lower edge.

A mistake to avoid

Reducing text size inside the panel to make it fit defeats the visitor's reason for enlarging the page.

Turn reading into a next step

Your action checklist

Work through these checks with your team or supplier. Tick the ones you have resolved and leave unknowns open.

Checks to discuss

Record what you know, what is still missing and the answer you need from your team or supplier.

Use project decisions only, without personal, patient or confidential details. Entries stay in this page and are not submitted to Kay & Co. Copy or download before leaving; this page does not save your notes.

Further reading

These sources provide background for the topic. The practice examples and checklist are illustrative planning suggestions from Kay & Co.

Related guides

Need help with this?

Tell us what is getting in the way. Kay & Co. can help you understand the options and turn the next step into something that works for your practice.

Explore websites & patient experience services or discuss your project.

Try the free Healthcare Digital Planner to find your starting priority.