Difference between revisions of "Category:Vision Disabilities"

From perpendicular angel knowledgebase
Jump to navigation Jump to search
(38 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[Category: Types of Disabilities]]
[[Category: Types of Disabilities]]


Visual disabilities range from mild or moderate vision impairment ("low vision" or "partial sight") to substantial and uncorrectable loss of vision in both eyes ("blindness"). Some people have color blindness or increased sensitivity to excessive brightness in colors. Color perception can be independent of visual acuity. When we talk about accessibility issues on the web we often think of visual disabilities first, because they often need the most accommodation to provide access. We often conflate visual disabilities with total blindness, and total blindness with the same sensation as having one's eyes closed, but it's important to understand that people who are blind very often are able to see colors and varying levels of light, just not clearly enough to function at the same level as those without visual disabilities. Similarly, those with low vision may be able to see their full field of view, but require correction, or they may have a constricted view, where part of their field of vision is blocked due to glaucoma, AMD, or similar issues.
Visual disabilities range from mild or moderate vision impairment ("low vision" or "partial sight") to substantial and uncorrectable loss of vision in both eyes ("blindness"). Some people have color blindness or increased sensitivity to excessive brightness in colors. Color perception can be independent of visual acuity.  


* [http://www.amd.org/what-is-macular-degeneration/experience-what-amd-looks-like/ Macular Degeneration simulator] and video
When we talk about accessibility issues on the web we often think of visual disabilities first, because they often need the most accommodation to provide access. These include:
* [https://www.aao.org/eye-health/diseases/glaucoma-vision-simulator Glaucoma simulator]
* Blind users, who rely on screen readers and other technology
* [http://www.cnib.ca/en/your-eyes/eye-conditions/eye-connect/Pages/EyeSimulator.aspx#diabetic-retinopathy Simulator for Macular Degeneration, Diabetic Retinopathy, Cataracts, and Glaucoma]
* [[Low Vision | Low vision users]], who rely on screen magnification and other technology
* [[Colorblindness | Colorblind users]]
 
We often conflate visual disabilities with total blindness, and total blindness with the same sensation as having one's eyes closed, but it's important to understand that people who are blind very often are able to see colors and varying levels of light, just not clearly enough to function at the same level as those without visual disabilities. Similarly, those with low vision may be able to see their full field of view, but require correction, or they may have a constricted view, where part of their field of vision is blocked due to glaucoma, AMD, or similar issues.
 
==Statistics on Prevalence==
* It is estimated that 10 million Americans are blind or visually impaired.
* As of 2014, 2.3% of the population of the United States ages 16-75+ had a significant visual disability.
* More than 70% of the blind population had a high school diploma or above, but only 40.4% were employed.
* From 2000 to 2010, there were 186,555 eye injuries worldwide in military medical facilities, according to the [https://vce.health.mil/Vision-Knowledge/Vision-Loss-101/Military-Eye-Trauma-Statistics Vision Center of Excellence].
* Because we cannot detect screen readers or similar technology (nor should we, necessarily), it is impossible to estimate exactly how many users with visual disabilities are using our website.


It is estimated that 10 million Americans are blind or visually impaired. As of 2014, 2.3% of the population of the United States ages 16-75+ had a significant visual disability. More than 70% of the blind population had a high school diploma or above, but only 40.4% were employed. Because we cannot detect screen readers or similar technology (nor should we, necessarily), it is impossible to estimate exactly how many users with visual disabilities are using our website.
== What people with low vision or blindness say about themselves ==
 
* [http://loveisvisuallyimpaired.tumblr.com The Things You Don't See] by a 21-year-old woman going blind is a blog where she discusses her experiences in life and answers questions on tumblr.
* [https://webaim.org/projects/screenreadersurvey7/ WebAIM Screen Reader User Survey #7] - includes quantitative and qualitative research directly from people using screen readers on how the web is doing (as of 2017)
* [http://www.salon.com/2011/02/19/going_blind_at_37_open2011/ What I learned by going blind] by [[Ingrid Ricks]] on [[Salon]] talks about retinitis pigmentosa. I don't condone of her approach to her doctor's advice, but it's her life to live.
* [https://www.huffingtonpost.com/entry/legally-blind-illustrator-designer_us_5b19589ce4b09d7a3d6fe7fa What It’s Like To Be A Legally Blind Illustrator And Graphic Designer] by [[Keith Rosson]] at [[Huffington Post]].
* [[Elsa Sjunneson-Henry]] wrote a column on [[Terrible Minds]] called [http://terribleminds.com/ramble/2016/04/20/elsa-henry-so-you-wanna-write-a-blind-character/ So You Wanna Write A Blind Character?] that covers what it's like to be blind from a blind person's point of view. Elsa explains how she uses [[Twitter]] (reading glasses and [[Dragon Speech Recognition | Dragon Naturally Speaking]]), social cues, statistics about blind folks, and guide dogs.
* [https://www.theatlantic.com/magazine/archive/2018/05/what-alexa-taught-my-father/556874/ Alexa is a revelation for the blind] by [[Ian Bogost]] on [[The Atlantic]] talks about how, for many blind people, being able to communicate with another human being without someone being a passthrough is a service they may have never had until VUI.
* [https://www.instagram.com/tv/B3sQLqZAbR0/?igshid=1atw30v44px8c How the Visually Impaired Experience Hubble Images] by [[NASA]] is a video of [[Denna Lambert]] at the Goddard Space Center describing using this book to learn about telescopes and stars and nebula and planets for the first time.
* [https://modus.medium.com/losing-my-sight-made-me-a-better-designer-da9e5150c513 Losing my sight made me a better designer] by [[Soren Hamby]] on [[Medium]]


== Impact of aging ==
== Impact of aging ==
Line 15: Line 34:
== Examples of technology for visual disabilities ==
== Examples of technology for visual disabilities ==


===General===
[https://findtheinvisiblecow.com Find the Invisible Cow] is a web-based game that only uses audio to play.  
Elsa S. Henry wrote a column on Terrible Minds called [http://terribleminds.com/ramble/2016/04/20/elsa-henry-so-you-wanna-write-a-blind-character/ So You Wanna Write A Blind Character?] that covers what it's like to be blind from a blind person's point of view. Elsa explains how she uses Twitter (reading glasses and Dragon Naturally Soeaking), social cues, statistics about blind folks, and guide dogs.


[https://findtheinvisiblecow.com Find the Invisible Cow] is a web-based game that only uses audio to play. [https://news.microsoft.com/stories/independence-day/ Independence Day] by Jennifer Warnick is about a prototype technology that uses wireless beacons and on-bone headphones to help blind participants navigate an area near Reading, UK. The technology is a partnership between Microsoft and Guide Dogs, a local charity.
[https://news.microsoft.com/stories/independence-day/ Independence Day] by [[Jennifer Warnick]] is about a prototype technology that uses wireless beacons and on-bone headphones to help blind participants navigate an area near Reading, UK. The technology is a partnership between [[Microsoft]] and [[Guide Dogs (Charity) | Guide Dogs]], a local charity.


<blockquote>“For me as a designer of interaction whose focus is always about the quality of the human experience, I found out very early on that if you want to understand something, you go to the extreme cases and try to understand things at the edges. In nearly all cases, what you learn people need while you’re there will also apply to the general population.” Bill Buxton, Microsoft  </blockquote>
<blockquote>“For me as a designer of interaction whose focus is always about the quality of the human experience, I found out very early on that if you want to understand something, you go to the extreme cases and try to understand things at the edges. In nearly all cases, what you learn people need while you’re there will also apply to the general population.” Bill Buxton, Microsoft  </blockquote>


===Voiceover===
* [http://finance.yahoo.com/news/david-pogue-on-iphone-voiceover-163733668.html The little-known iPhone feature that lets blind people see with their fingers] by [[David Pogue]] on [[Yahoo! Finance]]
* [https://help.apple.com/voiceover/info/guide/10.12/ VoiceOver Getting Started Guide] by [[Apple]]
<youtube>https://youtu.be/PvTicDOkOTA</youtube>
<youtube>https://youtu.be/PvTicDOkOTA</youtube>
===Voiceover===
[http://finance.yahoo.com/news/david-pogue-on-iphone-voiceover-163733668.html The little-known iPhone feature that lets blind people see with their fingers] by David Pogue


== Design considerations ==
== Design considerations ==
=== General ===


When we design for people with vision impairment we provide:
When we design for people with vision impairment we provide:
Line 35: Line 54:
* The ability to customize fonts, colors, and spacing
* The ability to customize fonts, colors, and spacing
* Properly-tagged semantic HTML understood by a screen reader or text-to-speech software
* Properly-tagged semantic HTML understood by a screen reader or text-to-speech software
* Audo descriptions of video in multimedia
* Audio descriptions of video in multimedia
* The ability to use a Braille reader
* The ability to use a Braille reader
* Forms and data tables where the information is easy to scan and understand even at 400x zoom
* Forms and data tables where the information is easy to scan and understand even at 400x zoom
Line 41: Line 60:
* Content that always relies on more than just color to communicate meaning
* Content that always relies on more than just color to communicate meaning
* Keyboard navigation
* Keyboard navigation
It's also important to recognize that someone with a visual disability may not know when a new window or browser tab is being opened.  If you don't have to open a new tab, don't.


=== Screen readers ===
=== Screen readers ===
Line 46: Line 67:
When designing for users of screen readers we need to:
When designing for users of screen readers we need to:


* Describe images and provide transcripts for vide
* Describe images and provide transcripts for video
* Follow a linear, logical layout
* Follow a linear, logical layout
* Structure content using HTML5
* Structure content using HTML5
Line 54: Line 75:
We need to avoid:
We need to avoid:


* Only showing information in an image or vide
* Only showing information in an image or video
* Spreading content all over a page
* Spreading content all over a page
* Relying on text size and placement for structure
* Relying on text size and placement for structure
Line 60: Line 81:
* Writing uninformative links and headings, for example, &quot;Click here&quot;.
* Writing uninformative links and headings, for example, &quot;Click here&quot;.


=== Low vision ===
A good metaphor for what it's like to use a screen reader can be found in [https://developer.paciellogroup.com/blog/2018/01/a-tale-of-two-rooms-understanding-screen-reader-navigation/ A Tale of Two Rooms] by [[Ryan Jones]] on [[The Paciello Group]].
 
When designing for users with low vision, we need to:
 
* Use good contrasts and a readable font size
* Publish all information on web pages (HTML)
* Use a combination of color, shapes, and text
* Follow a linear, logical layout and ensure text flows and is visible when text is magnified to 200%
* Put buttons and notifications in context.
 
We need to avoid:
 
* Using low color contrasts and small font sizes
* Burying information in downloads
* Only using color to convey meaning
* Spreading content all over a page and forcing a user to scroll horizontally when text is magnified to 200%
* Separating actions from their context
 
[https://www.invisionapp.com/blog/mobile-design-visually-impaired/ How to design mobile app experiences for the visually impaired] by Ayesha Zafar on Invision discusses steps specific to mobile interactions. [http://diveintoaccessibility.info/day_16_not_opening_new_windows.html Not opening new windows] by 30 Days to a More Accessible Website discusses why opening new windows constantly is bad.


== Tools ==
== Tools ==
Line 85: Line 88:


* [http://webaim.org/resources/contrastchecker/ WebAIM's Color Contrast Checker] - will tell you if two colors you enter pass accessibility guidelines
* [http://webaim.org/resources/contrastchecker/ WebAIM's Color Contrast Checker] - will tell you if two colors you enter pass accessibility guidelines
* [https://medialibrary.nei.nih.gov/search?keywords=&category=Eye%20Disease%20Simulations Eye disease simulators] in the form of pictures
* [https://www.aao.org/eye-health/diseases/glaucoma-vision-simulator Glaucoma simulator]


== Additional resources ==
== Additional resources ==


* [https://nfb.org/blindness-statistics Blindness statistics] by the National Federation of the Blind
* [https://nfb.org/blindness-statistics Blindness statistics] by the [[National Federation of the Blind]]
* [http://www2.ca.uky.edu/HES/fcs/FACTSHTS/HF-LRA.151.PDF Responding to Color] by the Cooperative Extension Service of the University of Kentucky.
*[https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/ Dos and Don'ts on designing for accessibility] and the accompanying posters on [https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/09/visually-impaired-screenreader.png designing for users of screen readers (image)] and [https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/09/visually-impaired-low-vision.png designing for users with low vision (image)] by [[Karwai Pun]] on the [[UK Accessibility in Government Blog]].
* [http://www.colourblindawareness.org/ Color Blind Awareness] website provides information on colorblindness including [http://www.colourblindawareness.org/colour-blindness/types-of-colour-blindness/ types of colorblindness].
* [http://www.scivis.org Space Camp for Interested Visually Impaired Students]
* Karwai Pun's [https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/ Dos and Don'ts on designing for accessibility] and the accompanying posters on [https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/09/visually-impaired-screenreader.png designing for users of screen readers] and [https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/09/visually-impaired-low-vision.png designing for users with low vision].
* [https://www.invisionapp.com/blog/writing-accessible-microcopy/ Writing Accessible Microcopy] by Kinneret Yifrah and Rotem Binheim on Invision's blog gives examples of good and bad microcopy within different applications and pages and how they can be improved.
 
== What people with low vision or blindness have to say ==
 
* [https://webaim.org/projects/screenreadersurvey7/ WebAIM Screen Reader User Survey #7] - includes quantitative and qualitative research directly from people using screen readers on how the web is doing (as of 2017)
* [http://www.salon.com/2011/02/19/going_blind_at_37_open2011/ What I learned by going blind] by Ingrid Ricks on Salon talks about retinitis pigmentosa. I don't condone of her approach to her doctor's advice, but it's her life to live.
* [http://loveisvisuallyimpaired.tumblr.com The Things You Don't See] by a 21-year-old woman going blind is a blog where she discusses her experiences in life and answers questions on tumblr.
 
== Design tips and guidelines ==
 
* [http://diveintoaccessibility.info/day_16_not_opening_new_windows.html Not opening new windows] by 30 Days to a More Accessible Website
 
== Training ==
 
* [https://help.apple.com/voiceover/info/guide/10.12/ VoiceOver Getting Started Guide] by Apple
* [http://www.victortsaran.net/quick-guide-to-using-voiceover-on-mac-os-x/?utm_content=buffer5d80f&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer Quick guide to using VoiceOver on Mac OS X] by Victor on victortsaran.net

Revision as of 15:02, 2 June 2020


Visual disabilities range from mild or moderate vision impairment ("low vision" or "partial sight") to substantial and uncorrectable loss of vision in both eyes ("blindness"). Some people have color blindness or increased sensitivity to excessive brightness in colors. Color perception can be independent of visual acuity.

When we talk about accessibility issues on the web we often think of visual disabilities first, because they often need the most accommodation to provide access. These include:

We often conflate visual disabilities with total blindness, and total blindness with the same sensation as having one's eyes closed, but it's important to understand that people who are blind very often are able to see colors and varying levels of light, just not clearly enough to function at the same level as those without visual disabilities. Similarly, those with low vision may be able to see their full field of view, but require correction, or they may have a constricted view, where part of their field of vision is blocked due to glaucoma, AMD, or similar issues.

Statistics on Prevalence

  • It is estimated that 10 million Americans are blind or visually impaired.
  • As of 2014, 2.3% of the population of the United States ages 16-75+ had a significant visual disability.
  • More than 70% of the blind population had a high school diploma or above, but only 40.4% were employed.
  • From 2000 to 2010, there were 186,555 eye injuries worldwide in military medical facilities, according to the Vision Center of Excellence.
  • Because we cannot detect screen readers or similar technology (nor should we, necessarily), it is impossible to estimate exactly how many users with visual disabilities are using our website.

What people with low vision or blindness say about themselves

Impact of aging

Our ability to discriminate between colors reaches full maturity around age 15 - at that point a child can tell colors apart about as well as an adult. From around age 30 onward, our ability to discriminate between colors then declines, first losing blues, then greens. This is thought to be due to yellowing of the eye's lens. Scores on color matching tests show a 70% decline by age 60 and an additional 56% change by age 80.

Examples of technology for visual disabilities

Find the Invisible Cow is a web-based game that only uses audio to play.

Independence Day by Jennifer Warnick is about a prototype technology that uses wireless beacons and on-bone headphones to help blind participants navigate an area near Reading, UK. The technology is a partnership between Microsoft and Guide Dogs, a local charity.

“For me as a designer of interaction whose focus is always about the quality of the human experience, I found out very early on that if you want to understand something, you go to the extreme cases and try to understand things at the edges. In nearly all cases, what you learn people need while you’re there will also apply to the general population.” Bill Buxton, Microsoft  

Voiceover

Design considerations

General

When we design for people with vision impairment we provide:

  • The ability to enlarge and reduce text size and images
  • The ability to communicate the meaning of visual content - pictures, charts, and icons - through a method other than visual display
  • The ability to customize fonts, colors, and spacing
  • Properly-tagged semantic HTML understood by a screen reader or text-to-speech software
  • Audio descriptions of video in multimedia
  • The ability to use a Braille reader
  • Forms and data tables where the information is easy to scan and understand even at 400x zoom
  • Color palettes and iconography that is compatible with colorblind vision
  • Content that always relies on more than just color to communicate meaning
  • Keyboard navigation

It's also important to recognize that someone with a visual disability may not know when a new window or browser tab is being opened. If you don't have to open a new tab, don't.

Screen readers

When designing for users of screen readers we need to:

  • Describe images and provide transcripts for video
  • Follow a linear, logical layout
  • Structure content using HTML5
  • Build for keyboard use only
  • Write descriptive links and headings, for example "Contact Us".

We need to avoid:

  • Only showing information in an image or video
  • Spreading content all over a page
  • Relying on text size and placement for structure
  • Forcing mouse or screen use
  • Writing uninformative links and headings, for example, "Click here".

A good metaphor for what it's like to use a screen reader can be found in A Tale of Two Rooms by Ryan Jones on The Paciello Group.

Tools

See Colorblindness for a list of tools for that specific condition.

Additional resources

Pages in category "Vision Disabilities"

The following 4 pages are in this category, out of 4 total.