Class presentation

1. Colour Blindness
and Website Assitive
technology
PRERANA KHATIWADA

2. Did you know that we are all born
colour blind?

3. Did you know everyone sees color a
little differently-including people
who don’t have color vision
deficiency?

4. The dress that
went Viral

5. Rochester Institute of Technology color scientists know why the color
of the dress that went viral has some people seeing blue/black and
others seeing white/gold.
“An aspect of color perception is interpreting the color and intensity of the illumination,” said Roy
Berns, R. S. Hunter Professor in Color Science, Appearance, and Technology at RIT
“If we interpret the lighting as bluish and dim, the dress is white and gold. If the light is yellowish and
bright, the dress is blue and black.”
That explains how a blue/black dress looks white/gold in an image, but
it doesn’t explain why different people see it differently.

6. What Is Colour Blindness?
Our vision slowly improves from birth, and most of us can see the
full-color spectrum when we reach six months of age.
Color Blindness is also known as Colour Vision Deficiency and is
defined as the decreased ability to see colors or differences in
colors.
The condition is mostly genetic and is incurable.
However, some people develop color blindness later in life due to
old age, head injuries, retinal detachment, diseases such as
diabetes and multiple sclerosis, radiation treatments, etc.

7. Facts

8. Colour Blindness is
Different for
Everyone

10. • Trichomacy: All three cones are present and working properly. This is
called full-color vision.
• Anomalous Trichomacy: All three cones are there but one type is not as
sensitive to light in its wavelength as it should be.
(partial vision)
• Dichromacy: One type of cone is missing
(absence of vision of specific color)
• Monochromacy: Have only one type of cone or no cone function. (See
the world in varying shades of gray)
General categories

12. • Choosing clothing
• Determining ripe from rotten food
• Understanding traffic lights
• Reading information online
around 60% experience
problems in everyday life
such as:

13. How Does Colour Blindness
Affect Internet Use?

14. Text size Font Spacing
Online reading can be
difficult
But for those who are color blind, the most significant
factor tends to be color contrast.
Low-quality monitors, bad lighting, and screen glare are some other factors that
influence that clarity of colour

15. Poor colour contrast
The picture below shows how a regular sighted person would view
these colours compared to someone with Protanopia (red colour
blindness).

16. Designing for color-blind people can be
easily forgotten because most designers
aren’t color-blind.
Unfortunately, there are not many forms of assistive technology for color blind people like
those for people who are legally blind or have low vision.

17. Network Rail and National Rail
websites turned from color to
greyscale in a tribute to the Duke of
Edinburgh, leaving partially sighted
people struggling.
One Twitter user said: “National Rail have
coloured their entire website grey to ‘mourn
Prince Philip’, rendering the whole website
completely useless to people with visual
impairments. The UK has completely lost the
plot.”

18. Robin Spinks, the innovation lead for the Royal National
Institute of Blind People, said: “As someone who is
registered severely sight impaired, good color contrast on a
website is incredibly important. A lack of this makes it
difficult for me to read the content and causes headaches
and eye strain. It leaves me feeling unwelcome as a
customer.

19. INCLUSIVE WEBSITE DESIGN
WebAim Contrast Checker – You can check colors against each other to gauge
contrast suitability.
Colour Oracle Colour Blindness Simulator – Provides demonstrations and examples
of how people with vision deficits view things differently.
Total Webpage Filter – Previews what web pages look like to people with various
forms of color blindness.

20. INCLUSIVE WEBSITE DESIGN Contd
Vsolve -Visolve is the software tool that transforms the colors of the computer display
into discriminable colors.
ColourBlindly - If your website is already launched and you want to check its color-
blind accessibility, you can use the free Chrome extension Colorblindly. It allows you
to simulate different types of color blindness to see how your website appears to
people with color vision deficiencies, like Tritanopia or blue blindness.

21. INCLUSIVE WEBSITE DESIGN Contd…

22. THANK
YOU