Course Personalization

I designed this Learner Preferences Widget to bridge the gap between standard web design and true educational accessibility. Recognizing that every learner interacts with content differently, I created this tool to put environmental control directly into their hands—allowing for instant adjustments to visual contrast, readability, and linguistic context.

By centralizing these settings in one intuitive interface, we reduce cognitive load and visual strain, ensuring that the focus remains entirely on the educational material rather than the struggle to view it.

Key Benefits of This Widget

  • Inclusive Design: Supports users with visual impairments or neurodivergent learners who may find high-contrast or specific text scales more manageable.

  • Reduced Friction: Eliminates the need for users to dig into browser settings just to make a single page readable.

  • Enhanced Focus: Dark mode options help reduce "digital eye strain" during long study sessions or late-night browsing.

Scroll to try it yourself!

Adult learner sitting in front of a monitor, another student's hand points to the screen.

Customize Your Learning

Apply dark/light mode and change text size.

Theme
100%

Scales the whole page (including headings and body text).

This changes the widget + instructions text only.