Accessibility Settings

Customize your experience to make the platform more accessible and comfortable for you.

Reading Mode Preferences

Dyslexia-Friendly Mode

Typography

Adjust fonts and spacing for better readability

Enable Dyslexia-Friendly FontUses Atkinson Hyperlegible font

Increase Letter SpacingWide spacing between characters

Increase Line HeightExpanded vertical spacing (1.8x)

Reduce Line LengthCaps text width at 70 characters

Background Color

Choose a background tint that reduces visual strain

WhiteClean, standard background

CreamReduces glare, softer on eyes

Light BlueCalming, reduces visual stress

Live Preview

Neural Networks Learning

Neural networks learn from data by adjusting their internal weights. This process, known as backpropagation, minimizes the error between the network's predictions and the actual values. Through repeated training on thousands of examples, the network develops complex patterns and hierarchies of information.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt

Color & Contrast

Display Mode

Choose between standard colors and high visibility mode

High Contrast Mode

Force black text on white background with thick borders

Standard Mode

Sample Button: [ Submit ]

High Contrast Mode

BLACK TEXT

WHITE BG

SUBMIT

Color Blindness Support

Information is never conveyed by color alone

Status Indicators

Active(Icon + Color + Text)

Pending(Icon + Color + Text)

Failed(Icon + Color + Text)

"Our design system ensures all assessment results and progress indicators use distinct shapes or icons alongside color."

WCAG 2.1 Contrast Compliance

Verified color combinations against AA (4.5:1) and AAA (7:1) standards

Color Combination	Ratio	AA	AAA	Usage
Primary Blue on White	7.5:1	Pass	Pass	Main buttons, Links, Brand
Success Green on White	4.5:1	Pass	Fail*	Completion states, Correct answers
Warning Orange on White	5.2:1	Pass	Large OK	Alerts, Pending states
Error Red on White	6.1:1	Pass	Large OK	Errors, Destructive actions
Body Text on White	16.5:1	Pass	Pass	Standard paragraphs, Labels

* AAA requires 7:1 ratio. High Contrast mode exceeds all AAA requirements.

Test Custom Colors

Background Hex

Foreground Hex

Contrast Ratio

7.5:1

AAA ✓AA ✓

Motion & Animations

Reduced Motion

Minimize animations and transitions that can cause visual discomfort

Reduce Global Motion

Disables auto-playing videos, parallax effects, and smooth scrolls

Animation Demo

Hover over the box to see smooth transitions

Progress Transition ExampleSmooth Fill

Video Content Preferences

Configure how video captions are displayed

Enable Captions by Default

Size

Color

Settings apply and save automatically