Let's Talk

Accessibility

Make any website easier to see, read and hear

Free color blind filter for websites, a colour vision test, read aloud in Hindi and Tamil, text size and high contrast. Settings stay only on your device.

Use the tool Release notes
Version
2026.10
Updated
Runs as
In your browser
Price
Free
Privacy policy

Try it live

Try the colour blind filter and read aloud

Turn on Accessibility mode, then pick a colour filter, text size, high contrast or read aloud. Changes show on this page as you go.

  • Every change applies to this whole site straight away.
  • Same settings as the Accessibility button at the top of every page.
  • Saved on this device only. No account, nothing uploaded.
Accessibility mode is off. Turn it on to use the settings.

Colour blind filter, text size, high contrast and read aloud

Settings for colour vision, reading, motion sensitivity and keyboard use. The colour check is its own page.

  • Colour blind filter

    Protanopia, deuteranopia and tritanopia, plus greyscale, with a strength slider so colours are easier to tell apart.

  • Text size

    Five steps from 90% to 150%, with A- and A+ and a one-tap reset.

  • High contrast

    Stronger text, borders and colours for low vision and bright rooms.

  • Underline links

    Links never rely on colour alone.

  • Text spacing

    More room between lines, words and letters, for easier reading.

  • Reduce motion

    Turns off animations and smooth scrolling.

  • Focus indicators

    A clear outline shows where you are when using the keyboard.

  • Read aloud

    Text to speech when you click any text, with tech words explained in simple English, Hindi (beta) or Tamil (beta).

  • Spoken guide

    Short spoken instructions as you change settings.

  • Colour check

    A free 3-minute screening, both eyes together or one at a time, that can suggest and apply your settings.

On this site, in Chrome, or on your own website

The same settings and wording everywhere, so you only learn them once.

  • On LasMind

    Open the Accessibility button at the top of any LasMind page. Your settings follow you across the site.

  • LasMind Vision for Chrome Coming soon

    The browser extension brings the same settings and colour check to every website, and syncs with LasMind. It is coming soon to the Chrome Web Store.

    Take the colour check

  • On your own website

    Add the same menu to any site with the free @lasmind/website-accessibility package. No framework needed.

    See the codeView on npm (opens in a new tab)

Add the accessibility menu to any website

A floating Accessibility button with the colour blind filter, text size, high contrast and read aloud. Settings are saved in each visitor's browser; nothing is sent anywhere. The colour check is not part of the widget.

npm
npm install @lasmind/website-accessibility

import { init } from "@lasmind/website-accessibility";

init({ side: "right" });
View on npm (opens in a new tab)
Script tag
<script
  src="https://cdn.jsdelivr.net/npm/@lasmind/website-accessibility@0/dist/website-accessibility.min.js"
  data-auto
  defer
></script>
View on jsDelivr (opens in a new tab)

A preference menu, not a compliance claim

The menu works with a keyboard and screen readers, keeps focus visible and respects your system's reduced motion setting. It helps visitors adjust pages. It does not make a website WCAG or ADA compliant. The eye test is a screening, not a medical diagnosis; for a diagnosis, see an eye care professional.

Accessibility basics (W3C guide, opens in a new tab)

How to use

How to use the colour blind filter, text size and read aloud

LasMind Vision is a colour blind filter and reading menu. It recolours pages for deuteranopia, protanopia and tritanopia, changes text size, raises contrast and reads text aloud, including Hindi and Tamil in beta. A separate colour check looks at both eyes together (or each eye, if you choose) and can suggest settings. Everything stays on your device.

  1. Step 01

    Turn on the menu

    Switch on Accessibility mode in the panel above, or from the Accessibility button at the top of any LasMind page. The colour blind filter, text size and read aloud only apply while the mode is on.

    Tip: Both places share one set of settings, so a change in one shows up in the other.

  2. Step 02

    Choose a colour blind filter

    Pick the vision type that matches how colours look to you: protanopia (red), deuteranopia (green), tritanopia (blue) or greyscale. Then move the correction strength until colours are easier to tell apart.

    Tip: Not sure which one fits? Take the colour check in step 5 first.

  3. Step 03

    Change text size and high contrast

    Use A- and A+ to change the text size between 90% and 150%, and A to go back to normal. Then switch on high contrast, underlined links, text spacing, reduced motion or focus indicators. Every change applies to the whole site straight away.

  4. Step 04

    Turn on read aloud

    Switch on Read aloud on click, choose the meaning language, then click any text to hear it with text to speech. Technical words are explained in simple English, with Hindi and Tamil in beta.

    Tip: Turn on the Spoken guide to hear short instructions while you use the settings.

  5. Step 05

    Take the colour check

    It takes about 3 minutes, checks each eye on its own, and can apply suggested settings in one step. You can retake it or delete the result at any time.

    Open the colour check

    Tip: It is a screening for red-green colour differences, not a medical diagnosis. For a diagnosis, see an eye care professional.

  6. Step 06

    Add the menu to your website

    Install the @lasmind/website-accessibility package, or paste the script tag shown below the tool. Visitors get the colour blind filter, text size, high contrast and read aloud. The colour check is not part of the widget.

FAQ

Questions about the colour check and colour blind filter

Still stuck? Contact us and we'll help.

What is LasMind Vision?

A colour blind filter and reading menu. It adjusts colours for deuteranopia, protanopia and tritanopia, changes text size, raises contrast and reads text aloud. A separate colour check can suggest settings. There is no account.

Is the colour check a medical diagnosis?

No. It is a screening for red-green colour differences, and it checks both eyes together by default, or each eye separately if you choose. Screens are not calibrated like clinical test books. For a diagnosis, see an eye care professional.

Which types of colour blindness does the filter cover?

You can choose red colour blindness (protanopia), green colour blindness (deuteranopia), blue colour blindness (tritanopia) or greyscale, and set the correction strength. The colour check looks for red-green differences and can suggest protanopia or deuteranopia settings. Tritanopia and greyscale are chosen by hand.

Does read aloud work in Hindi and Tamil?

Read aloud uses your browser's built-in text to speech. Tech words can be explained in simple English, with Hindi and Tamil in beta, when your device has a voice for that language.

Where are my settings stored?

In your browser's local storage on this device. Your settings and colour check result are never uploaded to LasMind.

Does this menu make my website WCAG or ADA compliant?

No. It lets visitors change colour, text size, contrast and read aloud. It does not make a website WCAG or ADA compliant. The menu itself is keyboard friendly, labelled for screen readers, with visible focus and large touch targets.

How do I add this menu to my own website?

Install @lasmind/website-accessibility from npm and call init(), or add the script tag shown on this page. It works with any framework or none. The widget is the preference menu. The colour check stays on this site and in the LasMind Vision extension, because its results are health data.

Does it work on other websites?

On LasMind pages, yes. The LasMind Vision browser extension will bring the same settings and colour check to every website, and it syncs with this page. It is coming soon to the Chrome Web Store.

Release notes

What's new in LasMind Vision.

We update tools often, so each month's changes are grouped together.

  1. October 2026LatestFirst releasev2026.10 ·

    LasMind Vision on this page: a live colour blind filter, text size, high contrast, read aloud with simple-language meanings, a colour check, and an npm widget for your own site.

    Features

    • Colour blind filter for protanopia, deuteranopia and tritanopia, plus greyscale, with adjustable strength
    • Text size from 90% to 150% with A- and A+
    • High contrast, underlined links, text spacing, reduced motion and stronger focus indicators
    • Read aloud on click, with tech words explained in simple English, Hindi (beta) or Tamil (beta)
    • Spoken guide that reads short instructions as you change settings
    • 3-minute colour check, both eyes together or one at a time, that can apply suggested settings
    • Settings sync with the LasMind Vision browser extension on LasMind pages
    • @lasmind/website-accessibility npm package to add the same menu to any website

    Privacy and security

    • Settings and colour check results stay in your browser; nothing is uploaded
    • No account, analytics or tracking in the menu

More free tools

Keep the work moving.

See all tools