--- title: Accessible Web Design for All Types of Vision description: Blindness isn't black and white. When people hear that I'm legally blind, they assume I must use a cane. Imagine their surprise! image: https://blog.usablenet.com/hubfs/IMG_2093%20(2).jpg --- - [skip to menu](https://blog.usablenet.com/accessible-web-design-for-all-types-of-vision-guest-blog#nav) - [skip to content](https://blog.usablenet.com/accessible-web-design-for-all-types-of-vision-guest-blog#main-content) - [skip to footer](https://blog.usablenet.com/accessible-web-design-for-all-types-of-vision-guest-blog#footer) Test the accessibility of your website for free! Try UsableNet AQA. [Test now!](https://usablenet.com/automated-accessibility-testing-tool) Close [![UsableNet home](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/logo.png?width=429&height=62&name=logo.png)](https://usablenet.com/) - [Solutions](https://usablenet.com) ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Explore which of our digital accessibility solutions is right for you [Watch a Demo](https://info.usablenet.com/choose-a-demo?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1737658630173.1737669055746.199&__hssc=181257784.7.1737669055746&__hsfp=3011104808) - [Resources](https://usablenet.com/resources) ## Resources - [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [Tools](https://usablenet.com/resources?contentType=Tools) - [All Resources](https://usablenet.com/resources) ## Essential Resources ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-1.png?width=100&height=100&name=resources-1.png) [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-2.png?width=100&height=100&name=resources-2.png) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-3.png?width=100&height=100&name=resources-3.png) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz) ![](https://blog.usablenet.com/hs-fs/hubfs/ADA%20Primer.png?width=100&height=100&name=ADA%20Primer.png) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance) - [Who We Serve](https://usablenet.com/strategic-relationships) ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/e-commerce-accessibility-solutions) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/eaa-en-301-549-compliance) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) Close Open Menu - Solutions ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Which accessibility remediation approach is right for me? [Take our Quiz](https://info.usablenet.com/website-accessibility-remediation-quiz) - Resources ## Resources [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) [Reports](https://usablenet.com/resources?contentType=Reports) [Webinars](https://usablenet.com/resources?contentType=Webinars) [Tools](https://usablenet.com/resources?contentType=Tools) [All Resources](https://usablenet.com/resources) ## Essential Resources [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) - Who We Serve ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/compliance-europe) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) # Accessible Web Design for All Types of Vision **By** [Brielle Cayer](https://blog.usablenet.com/author/brielle-cayer) on Dec 9, 2021 **Topics:** [Web Accessibility](https://blog.usablenet.com/topic/web-accessibility), [UX Research & Design](https://blog.usablenet.com/topic/ux-research-design) 0 Comments - - - ![Accessible Web Design for All Types of Vision](https://blog.usablenet.com/hubfs/IMG_2093%20(2).jpg) When I was initially asked if I was interested in writing about my accessibility experiences for UsableNet, my first thought was "But I'm not blind enough." As silly as that seems, I've always struggled to explain my condition to others and not for lack of trying! There's this misconception that blindness is black and white, no pun intended. When people hear that I'm legally blind, they assume I must use a cane and only see pitch black. Imagine their surprise when I stroll in with no physical signs of bad vision! ## **Blindness is a Spectrum** Too often, blindness is synonymous with unusable eyesight. Lots of people aren't even sure what it means when I use the term "[visually impaired](https://blog.usablenet.com/10-website-compliance-dos-and-donts-for-the-visually-impaired)." "Why won't she just wear glasses like everyone else?" they wonder. For those people, I like to explain my visual impairment by comparing myself to a person on crutches. Someone with a sprained ankle still has their legs, and they can walk around, just not perfectly. I still have my vision, it's just not up to par with people who have normal vision. ![The author, a woman in her 20s with waist-length brown hair, smiling in front of the Brooklyn Bridge.](https://blog.usablenet.com/hs-fs/hubfs/IMG_3687-2.jpg?width=400&height=276&name=IMG_3687-2.jpg)   The reality is that there are countless forms of sight! Out of the estimated [253 million people](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5820628/) that live with "moderate to severe visual impairments," only about 5% of these people cannot see at all. Most blind and visually impaired individuals have some visual perception, whether that be light, color, shapes, etc. It's important to remember that even those who use braille and screen readers usually still have some eyesight. Flexibility is key for web design that accounts for every user's unique needs. An accessible website benefits customers of all different vision types. Below, I've explained a few elements of vision that web developers should pay attention to. Website Accessibility: Things to Consider for Users with Low Vision Everyone sees differently, whether they have a diagnosed visual disability or not. Believe it or not, only 35% of the age 18+ population has [normal (20/20) vision](https://uihc.org/health-topics/what-2020-vision#:~:text=Only%20about%2035%20percent%20of,t%20see%20very%20well%2C%20Dr.). That means more than half of adults have some degree of vision loss. Regardless of the details of someone's condition, all people with vision loss can benefit from certain digital accessibility measures. [Universal design principles](https://blog.usablenet.com/designing-for-accessibility-eliminating-misconceptions-about-inclusive-design-blog) provide a great blueprint for developing an accessible website. When designing your site, don't forget that not every "blind" person uses a screen reader. In my first blog, I wrote about the [different accessibility tools](https://blog.usablenet.com/assistive-technology-what-it-is-and-how-it-helps-me) I use as someone with limited vision. Exploring assistive technology other than screen readers can give web designers an idea of common accessibility needs. It's also important to consider how people use vision. Visual acuity, color vision, depth perception, and peripheral vision are four helpful ways to measure eyesight. Understanding these aspects of sight can help web designers create more accessible sites. ### **Visual Acuity** Visual acuity is the ability to depict the shapes and details of what you see. Normal vision is 20/20 acuity. ![Vision charts on a white background. As you move to the right the charts are blurrier.](https://blog.usablenet.com/hs-fs/hubfs/Visual%20Acuity.png?width=413&name=Visual%20Acuity.png) My acuity is 20/200 in both my left and right eyes. This means that I have to be twenty feet away from an object to see it, while someone with normal vision can see the same object from two hundred feet away. Your visual acuity normally develops around six months of age. People who are nearsighted lack perfect acuity. They often discover this around age eight, however, my nearsightedness was apparent from childhood. I remember sitting in my kindergarten classroom, unable to read the words on the chalkboard. ### Color Vision Color vision is a bit more self-explanatory; it represents a person's ability to detect color. A more [in-depth definition](https://www.aoa.org/healthy-eyes/eye-and-vision-conditions/color-vision-deficiency?sso=y) would say that color vision occurs when the cones in your eyes recognize different colored light based on their wavelengths. ![Color pencils isolated over a white background](https://blog.usablenet.com/hs-fs/hubfs/Color%20pencils%20isolated%20over%20a%20white%20background.jpeg?width=413&name=Color%20pencils%20isolated%20over%20a%20white%20background.jpeg) I was born colorblind; people often mistakenly think this means I only see in monochrome. It might surprise many to know that very few people who are colorblind see no color. Instead, they have trouble differentiating between certain colors. The most popular form of colorblindness is red-green. With achromatopsia, I am missing a majority of the cones in my eyes. I mainly see with my rods, which are designed for nighttime vision. Therefore, I am extremely sensitive to light. When I go outside, I need magenta-tinted eyewear in order to see. My world is full of blinding bright light. Colors are sort of washed-out and less saturated. I struggle to discriminate between colors that appear “dark” to me. These include purple, brown, blue, green, and black. ### Depth Perception This term inspires frustrating childhood memories of gym class kickball; I always had such a hard time judging the distance of the ball! ![Three rectangles overlapping, creating the Depth Perception Logo](https://blog.usablenet.com/hs-fs/hubfs/DepthPerception.png?width=413&name=DepthPerception.png) Depth perception is the ability to see the world in three dimensions and accurately note how far away things are. Accurate depth perception usually requires balanced, two-eyed vision. Interestingly enough, it's been found that color vision also has a [significant effect](https://pubmed.ncbi.nlm.nih.gov/30518972/) on one's depth perception.  ### Peripheral Vision Peripheral vision is what you see outside of your central focus when you're looking straight ahead. A lack of peripheral vision is usually termed "tunnel vision." ![A city with blurred peripheral vision](https://blog.usablenet.com/hs-fs/hubfs/TunnelVision.jpg?width=413&name=TunnelVision.jpg) I have normal peripheral vision thankfully. However, when I use my magnification software, there is almost a "digital tunnel vision" effect, since I'm zoomed in on a specific part of the screen. This is something to remember for web designers who decide where to place website elements. ## Make Your Website More Accessible My achromatopsia isn't terribly apparent in everyday life. I look physically "normal," and I rely on auditory clues when needed. However, if you put me in front of a computer, the act will be up. I need digital accessibility as much as someone who is totally blind! My needs are simply different. At the end of the day, every person, regardless of their eyesight condition, should be able to rely on inclusive digital accessibility! By learning about different types of vision loss, web designers can better understand and adjust digital experiences to be more accessible. For more insight, take a look at [my other blogs](https://blog.usablenet.com/author/brielle-cayer) where I supply tips and anecdotes on web accessibility! ![Brielle Cayer](https://blog.usablenet.com/hubfs/Imported_Blog_Media/brielle.jpg) ### [Brielle Cayer](https://blog.usablenet.com/author/brielle-cayer) Brielle Cayer is a student at Fordham University’s Gabelli School of Business in New York City, pursuing a B.S. in Global Marketing and Consumer Insights, as well as an M.S. in Business Analytics. She is currently serving as UsableNet’s Marketing Intern for Spring 2021. In the future, she hopes to work in marketing research and data analysis. - - - - ### Related posts ![Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hotel-website-accessibility-check-in-and-in-stay-barriers-for-blind-guests) Jul 15, 2026 ![Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hotel-website-accessibility-browsing-room-options) Jul 14, 2026 ![Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/hubfs/Registration%20-%20Midyear%20Report.png) [Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/inside-the-2026-midyear-numbers-where-digital-accessibility-litigation-is-going) Jul 8, 2026 ![The Low-Cost Moves That Strengthen an ADA Website Defense](https://blog.usablenet.com/hubfs/The%20Low-Cost%20Moves%20That%20Strengthen%20an%20ADA%20Website%20Defense.png) [The Low-Cost Moves That Strengthen an ADA Website Defense](https://blog.usablenet.com/the-low-cost-moves-that-strengthen-an-ada-website-defense) Jun 16, 2026 ### Sign Up for the UsableNet Blog ### Recent Posts ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hotel-website-accessibility-check-in-and-in-stay-barriers-for-blind-guests) Jul 15, 2026 ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hotel-website-accessibility-browsing-room-options) Jul 14, 2026 ![feature image](https://blog.usablenet.com/hubfs/Registration%20-%20Midyear%20Report.png) [Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/inside-the-2026-midyear-numbers-where-digital-accessibility-litigation-is-going) Jul 8, 2026 ### Posts by Topic - [Web Accessibility (311)](https://blog.usablenet.com/topic/web-accessibility) - [User Experience (113)](https://blog.usablenet.com/topic/user-experience) - [ADA Lawsuits (45)](https://blog.usablenet.com/topic/ada-lawsuits) - [ADA Website Compliance (38)](https://blog.usablenet.com/topic/ada-website-compliance) - [European Accessibility Act (34)](https://blog.usablenet.com/topic/european-accessibility-act) - [Mobile Web (30)](https://blog.usablenet.com/topic/mobile-web) - [Mobile Apps (27)](https://blog.usablenet.com/topic/mobile-apps) - [Retail (27)](https://blog.usablenet.com/topic/retail) ![](https://blog.usablenet.com/hubfs/Consultation%20Icon.svg) Need to improve digital usability, accessibility or performance? We can help. [Partner with us. Get in touch..](https://usablenet.com/getintouch?hsCtaTracking=34f54ed4-8696-43c9-b740-a3982b4b5d91%7Cf4246c48-bf25-487f-9058-34abb838058e) ## Page Footer ### Have a question? **Contact Us** [Book a Consultation](https://calendly.com/usablenet-accessibility/introduction?month=2025-02) [Watch a Demo](https://info.usablenet.com/choose-a-demo) ### Solutions - [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) - [UsableNet AQA](https://usablenet.com/technology/aqa) - [Accessibility Audit & Support Services](https://usablenet.com/services) - [Pricing and Plans](https://usablenet.com/pricing) ### Resource Library - [Blog](https://blog.usablenet.com/) - [E-Books](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Test your website for accessibility](https://usablenet.com/automated-accessibility-testing-tool) - [ADA Monthly Lawsuit Tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [All Resources](https://usablenet.com/resources?all=true) ### Who We Serve - [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) - [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) - [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) - [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) - [Healthcare](https://info.usablenet.com/industries-healthcare) - [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) ### Compliance - [European Accessibility Laws](https://info.usablenet.com/compliance-europe) - [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) ### Company - [About Us](https://usablenet.com/about-us) - [LLM Resources](https://usablenet.com/for-ai-assistants) [Accessibility Support](https://blog.usablenet.com/support)| [Privacy Policy](https://blog.usablenet.com/privacy)| [Accessibility Statement](https://blog.usablenet.com/accessibility-statement)| [Diversity and Inclusion Statement](https://blog.usablenet.com/diversity-and-inclusion)| Accessibility Status | [Technology Patents](https://blog.usablenet.com/technology/patent) ## **Sign Up** for the **UsableNet Blog** Join our mailing list to receive email notifications when we publish a new blog, infographic, whitepaper or newsletter. Stay up-to-date on our insights, the latest tech news and digital trends. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Brielle Cayer", "url" : "https://blog.usablenet.com/author/brielle-cayer" }, "dateModified" : "2023-08-07T14:42:52.531Z", "datePublished" : "2021-12-09T14:30:00.000Z", "headline" : "Accessible Web Design for All Types of Vision", "image" : [ "https://blog.usablenet.com/hubfs/IMG_2093%20(2).jpg" ], "mainEntityOfPage" : { "@id" : "https://blog.usablenet.com/accessible-web-design-for-all-types-of-vision-guest-blog", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.usablenet.com/hubfs/UsableNet%20Logo_Black.png" }, "name" : "UsableNet Inc." } } ```