Demo Test Page
This page tests all 12 accessibility widget toggles against realistic content.
Text & Typography
This paragraph tests bigger text, text spacing, line height, and text alignment toggles. The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
This paragraph has text-align: justify to test the Text Align toggle. When you activate it, this text should switch to left-aligned. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Links
Test the Highlight Links toggle. This link here should get an underline and outline when activated. Also try this link and this one too.
Icon-Only Buttons (Tooltips)
Cards Grid
Service One
Description of the first service. Short summary of what this service includes.
Service Two
Description of the second service. Short summary of what this service includes.
Service Three
Description of the third service. Short summary of what this service includes.
Images (Hide Images)
Animations (Pause Animations)
The spinning box below should stop when "Pause Animations" is active.
Table
| Doctor | Specialty | Availability |
|---|---|---|
| Dr. Julian Thorne | Internal Medicine | Mon–Fri |
| Dr. Saffron Mercer | Pediatrics | Tue–Sat |
| Dr. Elias Vance | Dermatology | Mon, Wed, Fri |
Form
Colors (Contrast & Saturation)
This page has blue (#005fcc) as the primary color. Activate Contrast to increase overall contrast. Activate Saturation to reduce colors to grayscale.
Low contrast text — this should become more readable with the Contrast toggle.
Dyslexia Friendly
When activated, all text switches to OpenDyslexic font with increased letter spacing and word spacing. This paragraph should look noticeably different.
Cursor
Activate the Cursor toggle to see a large circular cursor that follows your mouse. The default cursor is hidden.
Promisynx Accessibility Widget — Demo Test Page