HIGH CONTRAST SCREEN

P796

Pick a preset, enlarge text and test focus visibility in fullscreen.

Exit fullscreen: ESC or tap/click screen.

PRESET

TEXT

28px

SPACING

LINE SPACE LETTER SPACE

FOCUS

RING LINKS

COMFORT

GLARE RULER

STATUS

READY → PRESET + TEXT SIZE

PREVIEW

FULLSCREEN MATCHES THIS

READING TEST

HIGH CONTRAST • P796

Tip: use fullscreen for a clean, real-view reading test.

Headings, paragraphs, buttons, links and input focus are shown here.

Headline — Can you read this easily?

The quick brown fox jumps over the lazy dog. 0123456789.

Short lines can make reading more comfortable.

PRIMARY SECONDARY

THIS IS A LINK(obvious?)

Fullscreen has no Teletext frame. ESC/tap exits.

WHAT THIS PAGE IS FOR

High Contrast Screen helps test readable colour, text size, line spacing and link clarity.

It is useful for low vision, glare comfort, keyboard focus checks and quick UI reviews.

The working controls stay on Page 1; this readable help panel avoids squeezed copy.

WHO USES IT?

Low-vision users, designers, developers, carers, screen testers and accessibility reviewers.

It helps compare high contrast modes before changing real app or operating-system settings.

COMMON SEARCHES

high contrast screen • low vision reading test • yellow on black text

white on black screen • accessible contrast preview • focus ring test

HOW TO USE

1) Pick a PRESET on Page 1.

2) Increase TEXT until reading feels comfortable.

3) Toggle focus ring, underlined links, spacing, glare or ruler.

4) Press FULLSCREEN for a clean screen test.

WHAT TO LOOK FOR

Readability: no squinting for headings or body text.

Focus: keyboard outline is clear around controls.

Links: underline means colour is not the only cue.

Glare: test comfort in bright rooms or low-light rooms.

DEVICE GUIDANCE

Phones: try portrait and landscape plus system text size.

Tablets: fullscreen helps judge distance and comfort.

TVs: use larger text and view from your normal seat.

FAQ

Best colours? Many people prefer yellow or white on black.

Why underline links? Colour alone is easy to miss.

What is focus ring? The outline shown when using keyboard/tab.

Exit fullscreen? ESC or tap/click screen.

MINI BLOG: HIGH CONTRAST

Contrast is only one part of readable design.
Text size and spacing can matter just as much.
Focus must be visible for keyboard users.
Links should be obvious without relying on colour alone.

COMMON USE CASES

Testing a low-vision reading setup before a long session.

Checking whether UI controls remain obvious at large text sizes.

Comparing black, white, yellow, cyan and green contrast schemes.

P797 Eye Focus Pattern • P798 Pixel Grid Overlay

Previous: P795 Camera Sync • Next: P797 Eye Focus

ACCESSIBILITY CHECKLIST

Use visible focus, underlined links, generous spacing and readable text size.

Check the same screen under normal lighting, bright glare and night brightness.

Avoid relying on colour alone when buttons, links or form fields need attention.

NAVIGATION

Footer links connect HOME, INDEX, PREVIOUS and NEXT.

The internal pager is always at the bottom of the main frame.

Internal pages keep help text large, readable and no-scroll safe.

SEO SUMMARY

Best folder: /high-contrast-screen/

Canonical URL matches the recommended folder exactly.

Tool, help, FAQ, related links and keyword copy are split into safe pages.

KEYWORDS

high contrast screen • accessibility high contrast • low vision reading test

focus ring visibility • large text test • yellow on black screen

readable UI test • white on black screen • link underline accessibility

PAGE STRUCTURE

Page 1: working high contrast tool, main controls and live preview.

Pages 2–6: readable help and SEO panels with no tiny boxes.

All internal pages use the same bottom pager style.