Good Citizens · Usability Harness · Simulator ·

Ageing eyes: the page your parents see

At sixty, the back of your eye receives about a third of the light it did at twenty. Almost everyone needs help reading up close by then.

Beside this is a page as it looks through eyes of different ages: softer, dimmer and a little yellow. Pale grey text is usually the first thing to disappear.

Corner BakeryMenu · Hours · Help

Sourdough loaf

$6.50 $8.00

● In stock ● Rye: sold out

That email address is missing its ending.

details

I · What happens

A lens that stiffens, a pupil that narrows

the retinaage 20all the lightage 60a third of it
A smaller pupil and a yellowing lens: at sixty, about a third of the light of twenty reaches the back of the eye.

Several changes arrive together, slowly enough that most people only notice them when they start holding their phone at arm’s length.

The lens of the eye stiffens, so it can no longer change shape to focus up close. This is presbyopia. It usually shows itself between 40 and 451, and by 60 nearly everyone has it, and it is worse in dim light.

The pupil gets smaller and the lens turns slowly yellow, so less light reaches the retina, about a third as much at 60 as at 20. Fine contrast is harder to see, and the eyes take longer to adjust to the dark, a little more with every decade. Cataracts cloud the lens further: by 80, more than half of Americans have one or have had one removed, and they make lights seem too bright and colours look faded7.

II · Who it affects

Nearly two billion people, and your future self

arm’s lengthbefore 40from 40 to 45by 60with reading glasses1.8 billionpeople had presbyopia, 2015
Presbyopia: the lens stiffens, so the page moves out, to arm’s length by about sixty, until reading glasses bring it back.

In 2015, about 1.8 billion people2 had presbyopia, and 826 million could not see well up close because they had no glasses, or not good enough ones.

The world is getting older. By 2030, one person in six4 will be over 60, and by 2050 the number of people over 80 will have tripled. Older people are online, too: in the United States, nine in ten8 people over 65 use the internet.

What happens when the web is not built for them is recorded plainly. In one study, people over 65 were 43% slower than younger adults and succeeded far less often, and when they failed they blamed themselves11 90% of the time. In Britain, nearly a third of over-60s told Age UK in 2025 that life had become harder because services had moved online.

III · The rule

Why the contrast rule is 4.5 to 1

3 : 14.5 : 11234.55673 : 1the old office minimum4.5 : 13 × 1.5, for 20/40 vision
Where 4.5 to 1 comes from: the old minimum, 3 to 1, times 1.5 for the contrast sensitivity lost with 20/40 vision.

The web’s best-known accessibility number was worked out for the eyesight of a typical eighty-year-old.

Older office standards asked for a contrast of at least 3 to 1 between text and its background. People with 20/40 vision, which the W3C notes9 is commonly reported as typical at about 80, lose about one and a half times their sensitivity to contrast. Three times one and a half is 4.5, the minimum for body text in the Web Content Accessibility Guidelines. It is a floor, worked out for people at the edge, not a target.

IV · What to do

What it means for your design

  1. 4.5
    01

    Treat 4.5 to 1 as the floor

    Meet it everywhere, and go well past it for reading text. Pale grey on white is the most common way a page shuts older readers out.

  2. Aa12 pxAa16 px
    02

    Set reading text at 16 pixels or more

    In one study, readers over 65 found 14-point text easier than 12 and preferred it. On a screen that means at least 16px for anything people must read.

  3. 03

    Let people zoom

    Text should grow to 200% without anything being cut off or overlapping (WCAG 1.4.4), and the layout should survive people adding their own line and letter spacing (1.4.12).

  4. 04

    Avoid pale blue and thin type

    A yellowing lens makes blues and greens harder to tell apart, and thin strokes lose the most contrast. Prefer sturdy weights and strong colour differences.

  5. 05

    Keep things where they were

    “I hate it when they change a steady information piece,” one older participant told researchers. Stable layouts and large, well-spaced targets help everyone who is not a daily user.

  6. 06

    Keep a way in that is not a screen

    For anything essential, such as health, money or government, keep a phone number or a desk. A website should be the easy way, not the only way.

V · Prototypes

Works on prototypes as they are

live siteFigma prototypeStorybook story

This tool changes the pixels you see, so it works on anything in a browser: a live site, a Figma prototype link, a Penpot or Sketch prototype, a Storybook story or a generated app.

Open the prototype, click the bookmark, and click through it. The earlier you catch a problem, the cheaper it is to fix.

VI · Myths

What people get wrong

The 4.5 to 1 rule is arbitrary
It is derived from typical vision at about age 80. It was always meant as a minimum.
Older people don’t go online
In the United States, nine in ten adults over 65 do, and most have a smartphone.
It happens at forty, all at once
Most people notice it between 40 and 45, and it keeps progressing until about 60. The light loss and contrast loss are gradual, decade by decade.
Older users make mistakes because they don’t try
They tend to blame themselves when a design fails them. The failure is usually the design’s.

Take it to any website

👓 Ageing eyes

↑ Drag it to your bookmarks bar

Click it on any page to see it through the eyes of someone around 50. Click again for 70, then 80 with an early cataract, and once more to switch it off. Watch which text fades first.

Works in Chrome, Safari, Firefox and Edge on a computer.

One Good Citizens folder with every tool in it. Download it, then import it:

  • Chrome: Bookmarks › Import bookmarks and settings › Bookmarks HTML file
  • Safari: File › Import From › Bookmarks HTML File
  • Firefox: Bookmarks › Manage bookmarks › Import and Backup › Import Bookmarks from HTML

Every time you check a design against the people who will use it, you are doing what Good Citizens is for. Thank you for that.

More tools: Fovea · Colour vision · Shaky hand · all 10

VII · Sources

The research behind this page

Every figure above comes from one of these 12 sources. The small numbers in the text point here, and each source points back.

  1. Reference

    Presbyopia

    StatPearls

    NCBI Bookshelf

    ncbi.nlm.nih.gov · cited in I

  2. Peer-reviewed study

    Global prevalence of presbyopia and vision impairment from uncorrected presbyopia

    Fricke and others ·

    Ophthalmology

    aao.org · cited in II

  3. Data

    Blindness and vision impairment

    World Health Organization

    Fact sheet

    who.int

  4. Data

    Ageing and health

    World Health Organization

    Fact sheet

    who.int · cited in II

  5. Article

    Ocular and refractive considerations for the aging eye

    Contact Lens Spectrum ·

    Contact Lens Spectrum

    clspectrum.com

  6. Review

    Aging and vision

    Owsley ·

    Vision Research

    pubmed.ncbi.nlm.nih.gov

  7. Reference

    Cataracts

    National Eye Institute

    nei.nih.gov · cited in I

  8. Survey

    Internet, broadband fact sheet

    Pew Research Center

    pewresearch.org · cited in II

  9. Standard

    Understanding WCAG 1.4.3: Contrast (Minimum)

    W3C

    Web Content Accessibility Guidelines 2.2

    w3.org · cited in III

  10. Peer-reviewed study

    The effects of font type and size on the legibility and reading time of online text by older adults

    Bernard, Liao and Mills ·

    CHI 2001 extended abstracts

    semanticscholar.org

  11. Guidance

    Usability for senior citizens: improved, but still lacking

    Nielsen Norman Group ·

    nngroup.com · cited in II

  12. Article

    One in three (31%) over-60s say life is harder than five years ago because more services are now online

    Age UK ·

    Press release

    ageuk.org.uk