Contrast and text size: why your clients over 45 can't read your website

Do you get messages like "I can't find your phone number" or "it's unreadable on my phone"? Your clients don't have an eyesight problem — your website has a readability problem. And the people complaining most are usually over 45, which happens to be exactly the clientele that fills the schedule at a dental practice or a law office.

The good news: this isn't about taste, it's about a few concrete rules you can check yourself and fix. Light-gray text on white, letters shrunk to "fit everything in," a button your finger keeps missing — each one turns away the very person who was about to call you. Let's look at why it happens and what to do, step by step.

What changes in the eye after 40 (and why it's not their fault)

Around age 40–45, the lens inside the eye stiffens and lets through less light. The effect has a medical name, presbyopia, and nearly everyone gets it — even people who never wore glasses. Two things happen: the eye focuses up close with more effort, and, crucially for a website, contrast sensitivity drops — meaning the difference between text and background has to be bigger to be read comfortably.

In practice, text that you read effortlessly at 30 is a gray haze for your 55-year-old client. They don't need better glasses. They need a site built for how a mature eye actually works — and that's something you control, not them.

Contrast: the rule you can check in 30 seconds

There's a clear technical standard used worldwide, called WCAG. It asks for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. You don't need to memorize the numbers — you just need to know they can be measured, for free, with any browser "contrast checker."

The big culprit is light-gray text on white, the kind of #999 or #aaa that "looks elegant" in a designer's portfolio. On your screen, in the shade, it looks refined. To a 55-year-old eye, in a car, in sunlight, it's nearly invisible. Just as risky:

• very thin fonts (thin / light weights)
• white text over a light photo
• pale gray for critical details like hours or phone number

Simple rule: the information a booking depends on — phone, address, button — should be the darkest, not the most discreet, element on the page.

Size and spacing matter as much as the letter itself

Good contrast with tiny letters still won't read. For body text (paragraphs, contact details), a reasonable baseline today is around 16px, with headings larger. Below that, a mature client has to bring the phone closer or pinch to zoom — and many simply give up.

But it's not just size. What also counts:

• spacing between lines (a line-height around 1.5 makes text far easier to follow)
• lines that don't stretch across the full screen width on desktop
• buttons big enough to hit with a finger — the classic guideline is around 44px tall

Text crammed together to look "premium" tires the eye. The air between elements isn't wasted space; it's what makes the page readable.

The 2-minute test you can run right now

You don't need a specialist to catch most problems. Do this on your own phone:

• Open the site outdoors, in daylight, not in the office with brightness maxed out.
• Hold the phone at normal reading distance, without bringing it to your eyes and without zooming.
• Drop your screen brightness to about half — that's how many clients actually see it.
• Ask a parent, or a client over 55, to find your phone number in ten seconds.

If they hesitate, squint, or move the phone closer — you have your answer. No theory needed: their eye tells you directly what's wrong. Note exactly where they got stuck; that's where you're losing appointments.

The design traps that look beautiful but kill readability

Many sites look modern and, for that very reason, don't read. Common traps, especially at practices and offices that want an "elegant" feel:

• Text over photos or video with no dedicated dark layer beneath — readable on only half the image.
• Light brand colors (gold, beige, pearl gray) used directly on text, not just on accents.
• Hidden menus and wordless icons — a mature client looks for the word "Contact," not a symbol.
• Animations that move text while the person is trying to read it.

This doesn't mean giving up a beautiful site. It means beauty and readability aren't in conflict — good design solves both. Your brand color can live in buttons, lines and backgrounds, while the text stays dark and clear.

How we handle readability at MPO

At MPO Web Studio we start from your business's real client, not from a pretty template in a showcase. For a practice or an office with a mature clientele, that means verified contrast, text large enough by default, and contact details visible up front — not buried under a menu.

We work remotely across the whole country and build you a free demo first — a site you can see and test on your own phone before paying anything. You can even run the test above on it, with a 60-year-old client next to you. Pricing is transparent, with no surprises.

If you're already getting "I can't see it" complaints, message us on WhatsApp with your current site address — we'll tell you honestly what can be fixed quickly and what's worth rebuilding.