Increases readability of websites by changing to easier-to-read fonts and adding visual enhancements

Latest Version

Version
2.4.0
Update
October 2, 2024
Size
1.49MiB
Developer
dyslexiafriendly.dev
Category
Users
10,000+
Rating
4.21429 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Background
Storage
WebNavigation
See more

Dyslexia Friendly Extension

A simple-to-use open-source dyslexia helper extension for the Google Chrome browser.

✔ Change the font on websites to either OpenDyslexic or Comic Sans.
✔ Contrast between paragraphs of text is enhanced with different background color for even and odd paragraphs.
✔ Reading-ruler following the mouse cursor.

The above settings can be be configured to preference.

Feel free to leave a comment about your experience and how this could be further improved.

This extension is free and open-source. The source code can be found at:
https://github.com/javoire/dyslexia-friendly
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"description":"Increases readability of websites by changing to easier-to-read fonts and adding visual enhancements",
"version":"2.4.0",
"name":"Dyslexia Friendly",
"manifest_version":3,
"icons":{"16":"img/icon-16.png",
"128":"img/icon-128.png"},
"default_locale":"en",
"background":{"service_worker":"serviceWorker.js"},
"action":{"default_icon":{"19":"img/icon-19.png",
"38":"img/icon-38.png"},
"default_title":"Make the website dyslexia friendly",
"default_popup":"popup.html"},
"options_page":"options.html",
"content_scripts":[{"matches":["http://*/*",
"https://*/*"],
"css":["css/fonts.css",
"css/contentscript.css"],
"js":["contentscript.js"],
"run_at":"document_start",
"all_frames":false}],
"content_security_policy":{"extension_pages":"default-src 'self'; img-src 'self' data: w3.org/svg/2000"},
"permissions":["background",
"storage",
"webNavigation"],
"web_accessible_resources":[{"resources":["fonts/*"],
"matches":["*://*/*"]}]}
Read more

How to download and manually install Dyslexia Friendly extension for Chrome

Looking for a way to install Dyslexia Friendly extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Dyslexia Friendly extensions manually, this article outlines two simple methods to effortlessly install Dyslexia Friendly extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Dyslexia Friendly extension and manually install through Drag &Drop

If you ever need to manually install a Dyslexia Friendly extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Dyslexia Friendly Extension by clicking the "Download CRX" button on the website.

Look for the Dyslexia Friendly extension you wish to install. Go to the website and download the Dyslexia Friendly extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Dyslexia Friendly extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Dyslexia Friendly extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Dyslexia Friendly extension for Chrome and install in Developer Mode

This is another method to install Dyslexia Friendly extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Dyslexia Friendly extension file

Select and download the Dyslexia Friendly extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Dyslexia Friendly extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Dyslexia Friendly extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Dyslexia Friendly extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Dyslexia Friendly extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Clarify for Dyslexia Extension · Accessibility 10,000+ 0 ★ 70.64KiB

icon

OpenDyslexic for Chrome Extension · Productivity 10,000+ 209 ★ 304KiB

icon

OpenDyslexic Font for Chrome Extension · Productivity 10,000+ 7 ★ 134KiB

icon

Dyslexie Font: Dyslexia Accessibility Reader Extension · Accessibility 10,000+ 22 ★ 2.04MiB

icon

Dyslens Extension · Accessibility 10,000+ 3 ★ 1.12MiB

icon

dyslexia simulator Extension · Fun 10,000+ 5 ★ 47.58KiB

icon

Readable - dyslexia helper Extension · Accessibility 10,000+ 6 ★ 302KiB

icon

Dislexya Extension · Accessibility 10,000+ 1 ★ 9.06KiB

icon

Reading Ruler Extension · Productivity 10,000+ 61 ★ 37.38KiB

icon

Dyslexic Browser Extension · Accessibility 10,000+ 12 ★ 476KiB

icon

Dyslexia Reader Chrome Extension · Accessibility 10,000+ 14 ★ 104KiB

icon

Open Dyslexic Extension · Productivity 10,000+ 2 ★ 31.68KiB

icon

Helperbird: Accessibility & Productivity App Extension · Accessibility 10,000+ 156 ★ 11.68MiB

icon

Dyslexia Toolbox Extension · Accessibility 10,000+ 3 ★ 60.36KiB

icon

Easy Read Assit - Dyslexia Helper Extension · Productivity 10,000+ 2 ★ 855KiB

icon

BeeLine Reader Extension · Productivity 10,000+ 207 ★ 668KiB

icon

ReadingRuler Extension · Accessibility 10,000+ 13 ★ 50.6KiB

icon

ReadingLine Extension · Accessibility 10,000+ 32 ★ 177KiB

icon

WaspLine Reader Extension · Productivity 10,000+ 20 ★ 28.83KiB

icon

ColorVeil Extension · Accessibility 10,000+ 5 ★ 13.57KiB

icon

CraftyZoom Extension · Accessibility 10,000+ 10 ★ 75.43KiB

icon

ATbar Extension · Accessibility 10,000+ 11 ★ 16.69KiB

icon

Pixie Reading Ruler: Boost Reading Focus Tool Extension · Accessibility 10,000+ 5 ★ 192KiB

icon

ADHD Reader Extension · Accessibility 10,000+ 27 ★ 27.5KiB

User reviews

icon

Nick Lowery (ID: 000000baa35a10c0) Voted 5 ★ - Updated 09/13/2023 Love it so far. Clean implementation on the sites I regularly use it on, and the ruler feature is great.

icon

Brendan Cremers (BsCremers) (ID: 0000008d52cfe820) Voted 3 ★ - Updated 09/12/2023 good extention, like it. but the thing what puts me off is i like dark mode on a lot of websites and the high contrast mode will mess up the whole website. mabey it is nice to have a way to toggel high contrast mode on and off.

icon

Zelia teodor (ID: 0000003855371166) Voted 5 ★ - Updated 05/11/2023 Je recommande, Je suis dyslexique depuis des années, on m'a parlé de la police d 'écriture "open dyslexic" je ne pensais pas que ça allais me faciliter à ce point la lecture. En plus le "Ruler" (un ligne qui prends tout votre écran) est une très bonne idée. Je vous conseil de l'essayer. I recommend, I have been dyslexic for years, I was told about the "open dyslexic" font I didn’t think it would make it that easy for me to read. In addition, the "Ruler" (a line that takes all your screen) is a very good idea. I suggest you try it.

icon

Cindy Bahl (Cindy) (ID: 0000009be9acf12d) Voted 5 ★ - Updated 09/22/2022 Wow, this is great! And so easy to use! Thank you!

icon

Snow Riley (ID: 000000a288d02492) Voted 4 ★ - Updated 09/21/2021 Works well, but I only want the ruler and there's no way to turn the font changer off without turning off the ruler as well.