MagicSchool includes a built-in Accessibility Adjustments panel that allows users to customize their browsing experience. To access it, click the accessibility icon on the platform.
Accessibility Profiles
Accessibility Profiles
These toggles apply preset combinations of settings designed for specific needs:
Seizure Safety — Reduce motion and visual triggers
Low Vision Support — Improve clarity and contrast
ADHD Friendly — Support focus and reduce distractions
Reading & Cognitive Support — Simplify reading and navigation
Keyboard Navigation — Use the website with the keyboard
Screen Reader Compatibility — Optimize for screen readers
Older Adults — Enhance visibility and reading comfort
📄 Content Adjustments
📄 Content Adjustments
Fine-tune how content is displayed:
Content Scaling — Increase or decrease overall content size
Readable Font — Switch to a more legible font
Highlight Titles — Make headings easier to identify
Highlight Links — Make links more visually distinct
Text Magnifier — Magnify text on hover
Adjust Font Sizing — Increase or decrease font size
Adjust Line Height — Increase or decrease space between lines
Adjust Letter Spacing — Increase or decrease space between letters
Align Center / Align Left / Align Right — Change text alignment
🎨 Color Adjustments
🎨 Color Adjustments
Modify color and contrast settings:
Dark Contrast — Switch to a dark background
Light Contrast — Switch to a light background
High Contrast — Increase contrast for better readability
High Saturation — Boost color intensity
Monochrome — Remove color
Low Saturation — Reduce color intensity
Adjust Text Colors — Choose a custom text color
Adjust Title Colors — Choose a custom title color
Adjust Background Colors — Choose a custom background color
🧭 Orientation Adjustments
🧭 Orientation Adjustments
Tools to support navigation and focus:
Mute Sounds — Silence audio on the platform
Hide Images — Remove images from view
Read Mode — Simplify the page layout for reading
Reading Guide — Display a line guide to assist with tracking
Stop Animations — Pause all animations and motion
Reading Mask — Highlight one section at a time while dimming the rest
Highlight Hover — Highlight elements as you hover over them
Highlight Focus — Make the focused element more visible
Big Black Cursor — Switch to a large black cursor
Big White Cursor — Switch to a large white cursor
