Responsive Website Design

Dyslexic Compliance Checklist for Websites

People with dyslexia should generally avoid fonts that are highly decorative, overly stylized, or difficult to read due to intricate letter shapes. Serif fonts such as Times New Roman and Garamond should be avoided as their complex designs can make reading more challenging for individuals with dyslexia.

People with dyslexia have noted a preference for black text on Gray, Yellow, Peach or Orange backgrounds. This allows them to read and digest information in a more efficient way.

Font sizes should be between 12 and 14 pt is optimal for dyslexic readers. Although, in niche instances a larger font type may be required to improve user experience.

Clickable links and areas should be large to help users who cannot control a mouse with precision.

Examples of dyslexic friendly fonts are Arial, Calibri, Courier, Dyslexie, OpenDyslexic, Tahoma and Verdana.

Simplified Letter Shapes: Dyslexia-friendly fonts often have simpler, more straightforward letter shapes that reduce confusion between similar letters, such as “b” and “d.”

Clear Letter Spacing: Increased spacing between letters and words helps prevent crowding and overlapping, making it easier for readers to discern individual letters and words.

Uniform Letter Height: Fonts that keep letters at a consistent height can reduce the tendency for letters to be rotated or flipped, which is a common issue for some people with dyslexia.