Free to Use

Free Accessibility Infographics

Clear, research-backed visuals on dyslexia fonts, ADHD reading tools, and WCAG color contrast — free to use on your blog, resource page, or social media.

License — free to use, just credit us

Use any infographic on your website, blog, newsletter, or social media at no cost.
The only requirement is a visible credit link back to focusflowapp.in — the embed codes below include it automatically.
Please don't alter the images or remove the FocusFlow branding.

How to use: Copy an embed code → paste it into your post's HTML → done. The image and credit link appear together.

Dyslexia Font Comparison

The same sentence in OpenDyslexic, Lexend & Atkinson Hyperlegible.

Embed code

<a href="https://focusflowapp.in/blog/best-dyslexia-fonts-for-web"><img src="https://focusflowapp.in/blog/images/dyslexia-font-comparison.png" alt="Dyslexia font comparison — OpenDyslexic vs Lexend vs Atkinson Hyperlegible" width="680" style="max-width:100%;height:auto;border-radius:12px" /></a>
<p>Infographic by <a href="https://focusflowapp.in">FocusFlow</a> — a free dyslexia and ADHD reading tool</p>

Dyslexia Font vs Normal Font

Why weighted letterforms stop b/d and p/q confusion.

Embed code

<a href="https://focusflowapp.in/blog/best-dyslexia-fonts-for-web"><img src="https://focusflowapp.in/blog/images/dyslexia-font-vs-normal-font.png" alt="Dyslexia font vs normal font — how weighted letterforms prevent b/d/p/q confusion" width="680" style="max-width:100%;height:auto;border-radius:12px" /></a>
<p>Infographic by <a href="https://focusflowapp.in">FocusFlow</a> — a free dyslexia and ADHD reading tool</p>

Dyslexia-Friendly Typography Settings

Recommended font size, line height, letter & word spacing.

Embed code

<a href="https://focusflowapp.in/blog/best-dyslexia-fonts-for-web"><img src="https://focusflowapp.in/blog/images/dyslexia-friendly-typography-settings.png" alt="Dyslexia-friendly typography settings — font size, line height, letter and word spacing" width="680" style="max-width:100%;height:auto;border-radius:12px" /></a>
<p>Infographic by <a href="https://focusflowapp.in">FocusFlow</a> — a free dyslexia and ADHD reading tool</p>

7 ADHD Reading Tools

Focus Line, Reader Mode, Bionic Reading, and more.

ADHD reading tools infographic showing 7 free tools: Focus Line, Reader Mode, Bionic Reading, Reading Ruler, Color Overlays, ADHD fonts, and Text-to-Speech

Embed code

<a href="https://focusflowapp.in/blog/adhd-reading-tools"><img src="https://focusflowapp.in/blog/images/adhd-reading-tools-infographic.png" alt="7 ADHD reading tools — Focus Line, Reader Mode, Bionic Reading and more" width="680" style="max-width:100%;height:auto;border-radius:12px" /></a>
<p>Infographic by <a href="https://focusflowapp.in">FocusFlow</a> — a free dyslexia and ADHD reading tool</p>

WCAG Color Contrast Ratios

Real accessible color pairs with measured AA / AAA ratios.

WCAG color contrast infographic showing accessible color pairs with their measured contrast ratios and AA/AAA pass levels

Embed code

<a href="https://focusflowapp.in/blog/wcag-color-contrast-explained"><img src="https://focusflowapp.in/blog/images/wcag-color-contrast-ratios.png" alt="WCAG color contrast ratios — accessible color pairs with AA and AAA levels" width="680" style="max-width:100%;height:auto;border-radius:12px" /></a>
<p>Infographic by <a href="https://focusflowapp.in">FocusFlow</a> — a free dyslexia and ADHD reading tool</p>

Want to try these fonts & tools?

FocusFlow is a free Chrome extension that applies dyslexia-friendly fonts and reading tools to any website — the same ones shown in these infographics.

Add to Chrome — It's Free