Color blindness affects a large percentage of the population. Studies have shown that up to 8% of males and 0.5% of females of Northern European heritage are affected by red-green color blindness for instance. The ability to distinguish between colors gets worse with age as well.
As a webmaster, you may want to make sure that your site is accessible to visitors with color blindness, or difficulties distinguishing certain color patterns.
This gives those users a better experience on your site, and may prevent part of them from insta-closing the site when they run into accessibility issues.
Probably the best way of checking your websites quickly when it comes to accessibility for color blind visitors is to use a browser extension. Some sites and services may require more than that, but the extensions should be fine for the majority of webmasters out there.
RGBlind is a simple extension. It adds an icon to the main Firefox (or Chrome) toolbar on installation that you can click on to switch between two color blindness simulation modes.
You may switch to test Protanopia or Deuteranopia, and will notice that the color scheme of the site you are on changes immediately once you make a selection. The difference between the two forms is that in protanopia, the red retinal photoreceptors are missing, whereas in deuteranopia, it is the green photoreceptors that are missing.
Basically, what the test does is simulate color blindness, so that you can see how a color blind person would see the website.
Dalton for Chrome adds tests for eight different types of color blindness to the browser. Simple navigate to the website that you want to check for accesibility, click on the extension icon, and select one of the available types (Achromatomaly, Achromatopsia, Tritanomaly, Tritanopia, Deuteranomaly, Deuteranopia, Protanomaly, Protanopia)
The extension pains the colors of the site accordingly, so that you can verify what works, and what does not.
You need to click on each type separately to test them all. An option to rotate through all types automatically would be useful, but is not provided.
Another browser extension for Google Chrome that you may use to test a site#s accessibility for the color blind.
It works almost identical to Dalton above: click on the icon, select one of the available types, and watch as the site's color scheme gets modified accordingly by the extension. Supports the same eight types as Dalton.
Colorblind test extensions for Firefox and Chrome are helpful to webmasters and designers, as it allows them to test a site's or design's accessibility. The extensions are easy to use, and it should not take longer than a couple of minutes to run initial tests to find out how well, or not, the site displays for visitors affected by the various types of color blindness.
Now You: are you color blind? Are there many sites out there that don't show up correctly for you?
Summary
Article Name
Run color blindness tests on your websites
Description
Find out how to run color blindness tests on your websites or designs, to make sure they are accessible by people affected by the various types of color blindness.
Author
Martin Brinkmann
Publisher
Ghacks Technology News
Logo
You are here: Home > Development > Run color blindness tests on your websites
Read the original:
Run color blindness tests on your websites - gHacks Tech News - Ghacks Technology News
- 001 Burn Victim Eye Sight Restored with Stem Cell Therapy [Last Updated On: June 29th, 2010] [Originally Added On: June 29th, 2010]
- 002 Blindness Cured? - Video [Last Updated On: October 18th, 2011] [Originally Added On: October 18th, 2011]
- 003 Blindness Study Opens the Door for Further Stem Cell Trials [Last Updated On: January 28th, 2012] [Originally Added On: January 28th, 2012]
- 004 Stem Cell Treatment Helps on Blindness [Last Updated On: February 7th, 2012] [Originally Added On: February 7th, 2012]
- 005 Dame Judi Dench Battling Blindness [Last Updated On: February 22nd, 2012] [Originally Added On: February 22nd, 2012]
- 006 Stem cell repair kit for glaucoma could mean a treatment for the most common cause of blindness [Last Updated On: March 8th, 2012] [Originally Added On: March 8th, 2012]
- 007 Dublin team creates collagen and stem cell barrier against blindness [Last Updated On: March 12th, 2012] [Originally Added On: March 12th, 2012]
- 008 Irish research blindness breakthrough [Last Updated On: April 22nd, 2012] [Originally Added On: April 22nd, 2012]
- 009 Stem Cell Operation Attempts To Heal Corneal Blindness [Last Updated On: May 23rd, 2012] [Originally Added On: May 23rd, 2012]
- 010 Some Heavy Kids at Risk of Blindness [Last Updated On: May 25th, 2012] [Originally Added On: May 25th, 2012]
- 011 Blindness breakthrough as scientists turn stem cells into the tissue that allows humans to see [Last Updated On: June 14th, 2012] [Originally Added On: June 14th, 2012]
- 012 A Struggling Artist's Fall-Back Career: Curing Blindness [Last Updated On: June 18th, 2012] [Originally Added On: June 18th, 2012]
- 013 From Cloning 'Dolly the Sheep' to Curing Blindness, Scotland is on the Forefront of Life Science Discoveries [Last Updated On: June 18th, 2012] [Originally Added On: June 18th, 2012]
- 014 UW discovery could be cure for some blindness [Last Updated On: July 26th, 2012] [Originally Added On: July 26th, 2012]
- 015 Stem-cell research: $37 million [Last Updated On: September 7th, 2012] [Originally Added On: September 7th, 2012]
- 016 Stem cells improve visual function in blind mice [Last Updated On: October 2nd, 2012] [Originally Added On: October 2nd, 2012]
- 017 Blind Mice Get Experimental Stem Cell Treatment For Blindness [Last Updated On: October 3rd, 2012] [Originally Added On: October 3rd, 2012]
- 018 25. Medical Biotechnology: Part Ib. Stem Cells-Therapy and Medical Research NQ - Video [Last Updated On: November 6th, 2012] [Originally Added On: November 6th, 2012]
- 019 Perceptions of Promise art show opens at UAlberta - Video [Last Updated On: November 9th, 2012] [Originally Added On: November 9th, 2012]
- 020 ABC NEWS: Stem Cells Cure Blindness - Video [Last Updated On: November 25th, 2012] [Originally Added On: November 25th, 2012]
- 021 Stem Cell Treatment Restores Man's Vision - Video [Last Updated On: December 27th, 2012] [Originally Added On: December 27th, 2012]
- 022 Stem Cell Treatment Cures Blindness - Video [Last Updated On: May 30th, 2013] [Originally Added On: May 30th, 2013]
- 023 Trial to cure age related blindness to begin in London - Video [Last Updated On: July 6th, 2013] [Originally Added On: July 6th, 2013]
- 024 Can Stem Cells Cure Blindness? - Video [Last Updated On: July 24th, 2013] [Originally Added On: July 24th, 2013]
- 025 Stem-cell help for blindness - Video [Last Updated On: March 30th, 2014] [Originally Added On: March 30th, 2014]
- 026 Stem-cell treatment for blindness - Video [Last Updated On: March 30th, 2014] [Originally Added On: March 30th, 2014]
- 027 Stem Cells, Blindness And Why The Media Loves Miracle Cures - Video [Last Updated On: October 17th, 2014] [Originally Added On: October 17th, 2014]
- 028 Can Stem Cell Injections Cure Blindness? - Video [Last Updated On: October 20th, 2014] [Originally Added On: October 20th, 2014]
- 029 P-SPAN #411: "Treating Blindness with Stem Cells" - Video [Last Updated On: March 6th, 2015] [Originally Added On: March 6th, 2015]
- 030 Color blindness - Wikipedia, the free encyclopedia [Last Updated On: May 19th, 2015] [Originally Added On: May 19th, 2015]
- 031 Blindness (Blindness, #1) by Jos Saramago Reviews ... [Last Updated On: May 19th, 2015] [Originally Added On: May 19th, 2015]
- 032 Vision Impairment and Blindness: MedlinePlus [Last Updated On: May 19th, 2015] [Originally Added On: May 19th, 2015]
- 033 Blindness - Wikipedia, the free encyclopedia [Last Updated On: May 19th, 2015] [Originally Added On: May 19th, 2015]
- 034 Blindness (Harvest Book): Jose Saramago: Amazon.com: Books [Last Updated On: May 20th, 2015] [Originally Added On: May 20th, 2015]
- 035 Banner Blindness: Old and New Findings, 10-year research ... [Last Updated On: May 22nd, 2015] [Originally Added On: May 22nd, 2015]
- 036 Blindness - KidsHealth [Last Updated On: June 1st, 2015] [Originally Added On: June 1st, 2015]
- 037 Blindness (film) - Wikipedia, the free encyclopedia [Last Updated On: June 1st, 2015] [Originally Added On: June 1st, 2015]
- 038 Blindness: Get Facts About Causes of Vision Loss [Last Updated On: June 1st, 2015] [Originally Added On: June 1st, 2015]
- 039 How are color blindness see the rainbow? - For... [Last Updated On: June 15th, 2015] [Originally Added On: June 15th, 2015]
- 040 Prosopagnosia - Wikipedia, the free encyclopedia [Last Updated On: July 5th, 2015] [Originally Added On: July 5th, 2015]
- 041 The Four Frames of Color-Blindness Laura Bestler [Last Updated On: July 8th, 2015] [Originally Added On: July 8th, 2015]
- 042 Genre Blindness - TV Tropes [Last Updated On: July 8th, 2015] [Originally Added On: July 8th, 2015]
- 043 Glaucoma Service Foundation to Prevent Blindness [Last Updated On: July 12th, 2015] [Originally Added On: July 12th, 2015]
- 044 Onchocerciasis - Wikipedia, the free encyclopedia [Last Updated On: July 12th, 2015] [Originally Added On: July 12th, 2015]
- 045 Blindness (2008) - Rotten Tomatoes [Last Updated On: August 1st, 2015] [Originally Added On: August 1st, 2015]
- 046 Do you suffer from face blindness? Seven signs and ... [Last Updated On: August 5th, 2015] [Originally Added On: August 5th, 2015]
- 047 Inattentional blindness - Wikipedia, the free encyclopedia [Last Updated On: August 29th, 2015] [Originally Added On: August 29th, 2015]
- 048 Blindness in Dogs - WebMD [Last Updated On: September 1st, 2015] [Originally Added On: September 1st, 2015]
- 049 blindness | medical condition | Britannica.com [Last Updated On: September 1st, 2015] [Originally Added On: September 1st, 2015]
- 050 Blindness | ASPCA [Last Updated On: September 1st, 2015] [Originally Added On: September 1st, 2015]
- 051 Blindness | DO-IT - University of Washington [Last Updated On: September 1st, 2015] [Originally Added On: September 1st, 2015]
- 052 Blindness - RightDiagnosis.com [Last Updated On: September 1st, 2015] [Originally Added On: September 1st, 2015]
- 053 Blindness Symptoms, Diagnosis, Treatments and Causes ... [Last Updated On: September 1st, 2015] [Originally Added On: September 1st, 2015]
- 054 Blindness: Types, Causes & Symptoms - Healthline [Last Updated On: September 1st, 2015] [Originally Added On: September 1st, 2015]
- 055 Social-Security-Disability-Forum: Blindness and Vision ... [Last Updated On: September 16th, 2015] [Originally Added On: September 16th, 2015]
- 056 Vischeck: About Vischeck [Last Updated On: September 17th, 2015] [Originally Added On: September 17th, 2015]
- 057 Visual impairment - Wikipedia, the free encyclopedia [Last Updated On: September 25th, 2015] [Originally Added On: September 25th, 2015]
- 058 WHO | Micronutrient deficiencies [Last Updated On: October 26th, 2015] [Originally Added On: October 26th, 2015]
- 059 Blindness (2008) - Plot Summary - IMDb [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 060 Prevalence Color Blindness [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 061 318. On His Blindness. John Milton. The Oxford Book of ... [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 062 Free Oedipus the King Blindness Essays and Papers [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 063 Leading Causes of Blindness [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 064 Color Blindness Tests and Facts - Archimedes Laboratory [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 065 Is Acupuncture a Beneficial Treatment for Retinitis ... [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 066 Blindness and vision loss - NHS Choices [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 067 Blindness (novel) - Wikipedia, the free encyclopedia [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 068 Discover - Blindness and Vision Loss Research [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 069 Health Article - What causes blindness? 23 possible ... [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 070 Blindness - Kids Health: [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 071 Margaret Heffernan: The dangers of "willful blindness ... [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 072 Blindness (2008) - Full Cast & Crew - IMDb [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 073 Change blindness - Wikipedia, the free encyclopedia [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 074 Blindness - Medical Disability Guidelines [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 075 inattentional blindness (aka inattention blindness)- The ... [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 076 Eye on the Cure - Blog of the Foundation Fighting Blindness [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 077 Blindness Symptoms, Causes, Treatment - MedicineNet [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 078 BLINDNESS by Jose Saramago - Webster University [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 079 Inattentional blindness - Scholarpedia [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]
- 080 Prevention of Blindness and Visual Impairment - WHO [Last Updated On: August 4th, 2016] [Originally Added On: August 4th, 2016]