Accessibility Statement

Quizzes use native radio and checkbox inputs; navigation uses real <button> and <a> elements. In quiz and flashcard sessions: Enter flips a flashcard, Space flags the current question or card for review, ← / → moves between items, and a–f selects a quiz answer choice. A Skip to main content link is the first Tab stop on every page, so keyboard users can bypass the header and navigation.

Pages use semantic HTML headings, descriptive link text, and aria-label on icon-only buttons (display settings, dark mode toggle, mobile menu, social links). Mermaid diagrams in study guides render as inline SVG so screen readers can traverse them. Sign-in and sign-up errors are announced and linked to the field they refer to.

A Display & accessibility panel in the header sets text size, line spacing, typeface (including Atkinson Hyperlegible, designed for low vision and dyslexia), reading width for study guides (full, or narrowed to about 100, 80 or 65 characters per line), light/dark/system theme, contrast, link underlining and motion. Changes apply instantly. Text size is a percentage of your browser's own default rather than a fixed pixel size, so it compounds with a default you have already raised. Links in paragraphs and in study-guide and blog content are underlined by default, so colour is never the only thing marking them; the link-underlining option extends that to links in other lists. Motion, contrast and theme each follow your operating system unless you override them — including prefers-reduced-motion, which now silences the flashcard flip and page transitions. Layouts reflow on mobile and tablet widths. Auto-scrolling testimonials have a visible Pause button, and stop entirely when reduced motion is on.