Accessibility Statement

All text meets WCAG AA contrast ratios. Primary text on the light theme achieves 8.2:1 contrast. On dark mode, primary text achieves 14.8:1. Brand-colored elements maintain a minimum 4.5:1 ratio in both modes.

Difficulty ratings use a purple gradient (light to dark) instead of the common red-yellow-green pattern, avoiding issues for users with color vision deficiencies. Color is never the sole indicator of meaning.

A full dark theme is available via the toggle in the navigation bar. The preference is saved in localStorage and applied immediately on page load to prevent flash.

If no preference is saved, HintPulse respects your operating system setting (prefers-color-scheme).

All interactive elements (links, buttons, hint accordions, answer reveals) are reachable via keyboard. Focus states use a visible 2px brand-colored outline.

A "Skip to content" link is available as the first focusable element on every page. It becomes visible on focus and jumps past the navigation bar.

Pages use semantic HTML elements: <nav>, <main>, <article>, <section>, and proper heading hierarchy (H1 through H3). ARIA labels are applied to navigation landmarks and breadcrumbs.

Interactive components like hint accordions use native <details> and <summary> elements for built-in screen reader support.

All animations respect the prefers-reduced-motion media query. When reduced motion is enabled, hover transitions, card entrance animations, and smooth scrolling are disabled.