Body font

{#each fontOptions as opt} {/each}

Pick whichever feels easier to read. Evidence on dyslexia-specific fonts is contested — this is preference, not prescription.

Font size

{prefs.accessibility.fontSize}px

updateAccessibility({ fontSize: rangeValue(e) })} class="w-full accent-accent" />

Letter spacing

{prefs.accessibility.letterSpacing.toFixed(2)}em

updateAccessibility({ letterSpacing: rangeValue(e) })} class="w-full accent-accent" />

Line height

{prefs.accessibility.lineHeight.toFixed(1)}

updateAccessibility({ lineHeight: rangeValue(e) })} class="w-full accent-accent" />

Transcript font size

{prefs.accessibility.transcriptSize}px

updateAccessibility({ transcriptSize: rangeValue(e) })} class="w-full accent-accent" />