Visual Adjustment Area
This area includes headings, paragraphs, images, colors, links, and compact text so the overlay controls have visible material to modify.
Reading Sample
Clear typography, line spacing, letter spacing, contrast, and font choice all affect how quickly a visitor can read and understand a page. This paragraph gives the text-size, dyslexia-friendly font, line-height, letter-spacing, and plain-language controls enough content to change.
The form section, the comparison table, and this linked text can also be highlighted by the orientation tools.
Control Coverage
Each row below maps to controls available in the floating panel.
- Text and readabilityText size, dyslexia-friendly font, line height, letter spacing, and plain-language conversion.
- Color and contrastHigh contrast, inverted display, dark or light modes, grayscale, saturation, and color vision filters.
- Motion and pointer supportAnimation reduction, larger cursor options, and a reading guide that follows the pointer.
- Orientation and speechFocus highlighting, heading highlighting, link highlighting, generated image alt text, and selected-text speech.
Motion, Color, and Focus
Enable animation reduction, color filters, focus highlighting, and cursor resizing to see these elements respond.
Animation Target
The moving block below demonstrates the stop animations control.
Color Vision Target
The swatches make grayscale, saturation, and color vision filters easier to compare.
Structured Content
Table cells, headings, and links provide practical targets for text, contrast, spacing, and orientation controls.
| Area | Element on Page | Useful Control |
|---|---|---|
| Typography | Paragraphs, captions, labels, and table text | Text size, line height, letter spacing |
| Navigation | Links, form fields, buttons, and headings | Focus, heading, and link highlighting |
| Visual comfort | Images, color blocks, and dark interface surfaces | Contrast, grayscale, saturation, color filters |
| Reading support | Long-form copy and selectable text | Reading guide, plain language, text-to-speech |
Content Tools
Select text in this section after enabling text-to-speech, or enable plain language to test simplification where browser support is available.
Digital interfaces work best when visitors can adapt the presentation to their own reading, vision, motion, and navigation needs without losing access to the underlying content.
Keyboard and Form Target
Tab through these controls after enabling focus highlighting, then compare cursor, contrast, and spacing changes.