{"id":3937,"date":"2020-10-01T14:58:51","date_gmt":"2020-10-01T14:58:51","guid":{"rendered":"https:\/\/www.flow20.com\/blog\/?p=3937"},"modified":"2025-02-28T11:01:42","modified_gmt":"2025-02-28T11:01:42","slug":"how-to-make-your-website-accessible-to-users-with-disabilities","status":"publish","type":"post","link":"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/","title":{"rendered":"How to Make Your Website Accessible to Users with Disabilities"},"content":{"rendered":"
<\/div>

Digital inclusion is a topic of growing importance for every marketer and business owner and if you have a website, you must make it accessible to people who are blind, deaf or have certain other disabilities.<\/span><\/p>\n

It\u2019s going to be the law.<\/span><\/p>\n

Legislation in EU, UK & USA<\/span><\/h2>\n

In 2016 the European Union passed a law (Web Accessibility Directive) which mandates that all public sector websites need to make necessary changes and become more accessible to people with disabilities.<\/span><\/p>\n

That law has taken effect just little more than a year ago, on September 23rd 2019, but only for websites made after September 2018. Older websites, those that were made before September 2018, became affected by the law just a week ago, on September 23rd 2020.\u00a0<\/span><\/p>\n

Mobile apps, on the other hand, must conform by June 23rd 2021.<\/span><\/p>\n

Last year, in 2019, the EU passed a complementary law (European Accessibility Act) which mandates that all <\/span>private companies<\/b> must also make their websites more accessible to people with disabilities. Member states must adopt and publish necessary laws, regulations and administrative provisions by 2022, and <\/span>the requirements of the European accessibility act must already have been implemented.<\/span><\/p>\n

In the UK, we already had a law that made it illegal not to provide services to a disabled person that is normally provided to others. Online services, such as ecommerce shopping or transportation ticket reservation, are also included.<\/span><\/p>\n

Besides that, the EU law continues to be applied in the UK during the transitional period.<\/span><\/p>\n

On the other side of the Atlantic, a similar law has existed for 30 years and it\u2019s called <\/span>Americans with Disabilities Act<\/span><\/a> (ADA.)\u00a0<\/span><\/p>\n

Even though it didn\u2019t mention websites or mobile apps when it was passed in 1990, the US Department of Justice holds that ADA applies to all segments of business, including websites or apps.<\/span><\/p>\n

Drive unparalleled digital success with Flow20. Enhance your <\/span>eCommerce SEO<\/span><\/a> with our expertise, leverage <\/span>Bing PPC services<\/span><\/a>, and conquer <\/span>Google Ads<\/span><\/a>. Don’t miss our <\/span>Google Ads training<\/span><\/a> to sharpen your skills. Click to start now!<\/span><\/p>\n

Why You Should Care<\/span><\/h2>\n

Apart from fines for breaking the law, marketers and business owners should also be aware of the fact that 15% to 20% of the population has some kind of disability.<\/span><\/p>\n

Therefore, if you develop a website that isn\u2019t accessible to deaf (e.g. no subtitles or transcripts for video and audio files) or blind users (e.g. no alt text to describe the image), you will practically close the door to every fifth visitor!<\/span><\/p>\n

Imagine losing one fifth of your revenue because you neglected accessibility during website development.\u00a0<\/span><\/p>\n

Such a waste, isn\u2019t it?<\/span><\/p>\n

5 ways to Make Your Website Accessible to Users with Disabilities<\/span><\/h2>\n

Luckily, making your website accessible doesn\u2019t have to be complicated. You can start implementing some changes today and below you can find 5 important and simple steps that will take you in the right direction.<\/span><\/p>\n

1. Enable Keyboard Navigation<\/span><\/h3>\n

Many assistive technologies use a keyboard to navigate the website. Most commonly it\u2019s done with the Tab key. The goal here is to make all your content accessible with a keyboard. You can test accessibility by unplugging the mouse and trying to navigate the website just by using the Tab key.<\/span><\/p>\n

2. Add Alt Text to Images<\/span><\/h3>\n

This step is not only going to make your website more accessible to visually imparied people who make use of screen readers to understand what your website is about, but also to search engines that are basically doing the same thing.\u00a0<\/span><\/p>\n

Both visually impaired people and search engines such as Google can\u2019t see the image, but only read its description. That\u2019s why adding alt text can also help your website rank better in search results. If you add a keyword to the alt text and someone searches for that keyword under the Images tab on Google, your image (and your website) might appear in search results.<\/span><\/p>\n

3. Choose Colours That Make Reading Easier<\/span><\/h3>\n

Text and background must be in contrast. This should be the rule independent of any laws and regulations; it should be common sense.\u00a0<\/span><\/p>\n

However, some people are color-blind while others, especially those with learning disabilities, greatly benefit from using colours to organize the content. You can satisfy both groups by simultaneously using colour and other visual indicators (arrows, question marks, etc.) and by adding white space between blocks of content.<\/span><\/p>\n

4. Use Headlines to Structure Your Content<\/span><\/h3>\n

This is another step that will make your content compliant with accessibility laws and better in terms of search engine optimisation. Both screen readers and search engines will use headlines to navigate the content.<\/span><\/p>\n

Use only one H1 header and then start adding H2 as subheadings while nesting others under it as H3, H4, etc.<\/span><\/p>\n

5. Make Audio and Video Files More Easily Accessible<\/span><\/h3>\n

For regular users, autoplay videos can be annoying, but for users with disabilities, they\u2019re even worse. For example, when using a screen reader, it can be hard to turn off that video or audio file.<\/span><\/p>\n

Besides avoiding autoplay, you should also add subtitles to video and transcript to audio files to make them accessible to deaf people.<\/span><\/p>\n

If you need help in understanding accessibility and implementing necessary changes to your website, feel free to get in touch and Flow20 will be happy to help.<\/p>\n

<\/div>","protected":false},"excerpt":{"rendered":"

Digital inclusion is a topic of growing importance for every marketer and business owner and if you have a website, you must make it accessible to people who are blind, deaf or have certain other disabilities. It\u2019s going to be the law. Legislation in EU, UK & USA In 2016 the European Union passed a […]<\/p>\n","protected":false},"author":1,"featured_media":3938,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"yoast_head":"\nHow to Make Your Website Accessible to Users with Disabilities - Online Marketing Blog | Flow20<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make Your Website Accessible to Users with Disabilities - Online Marketing Blog | Flow20\" \/>\n<meta property=\"og:description\" content=\"Digital inclusion is a topic of growing importance for every marketer and business owner and if you have a website, you must make it accessible to people who are blind, deaf or have certain other disabilities. It\u2019s going to be the law. Legislation in EU, UK & USA In 2016 the European Union passed a […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Marketing Blog | Flow20\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-01T14:58:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-28T11:01:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.flow20.com\/blog\/wp-content\/uploads\/2020\/10\/webdesign-3411373_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Shirish Agarwal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shirish Agarwal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/\",\"url\":\"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/\",\"name\":\"How to Make Your Website Accessible to Users with Disabilities - Online Marketing Blog | Flow20\",\"isPartOf\":{\"@id\":\"https:\/\/www.flow20.com\/blog\/#website\"},\"datePublished\":\"2020-10-01T14:58:51+00:00\",\"dateModified\":\"2025-02-28T11:01:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.flow20.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Make Your Website Accessible to Users with Disabilities\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.flow20.com\/blog\/#website\",\"url\":\"https:\/\/www.flow20.com\/blog\/\",\"name\":\"Online Marketing Blog | Flow20\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.flow20.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda\",\"name\":\"Shirish Agarwal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g\",\"caption\":\"Shirish Agarwal\"},\"description\":\"Shirish Agarwal is the founder of Flow20 and looks after the PPC and SEO side of things. Shirish also regularly contributes to leading digital marketing publications such as Hubspot, SEMRush, Wordstream and Outbrain. Connect with him on LinkedIn.\",\"url\":\"https:\/\/www.flow20.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make Your Website Accessible to Users with Disabilities - Online Marketing Blog | Flow20","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/","og_locale":"en_US","og_type":"article","og_title":"How to Make Your Website Accessible to Users with Disabilities - Online Marketing Blog | Flow20","og_description":"Digital inclusion is a topic of growing importance for every marketer and business owner and if you have a website, you must make it accessible to people who are blind, deaf or have certain other disabilities. It\u2019s going to be the law. Legislation in EU, UK & USA In 2016 the European Union passed a […]","og_url":"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/","og_site_name":"Online Marketing Blog | Flow20","article_published_time":"2020-10-01T14:58:51+00:00","article_modified_time":"2025-02-28T11:01:42+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.flow20.com\/blog\/wp-content\/uploads\/2020\/10\/webdesign-3411373_1920.jpg","type":"image\/jpeg"}],"author":"Shirish Agarwal","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shirish Agarwal","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/","url":"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/","name":"How to Make Your Website Accessible to Users with Disabilities - Online Marketing Blog | Flow20","isPartOf":{"@id":"https:\/\/www.flow20.com\/blog\/#website"},"datePublished":"2020-10-01T14:58:51+00:00","dateModified":"2025-02-28T11:01:42+00:00","author":{"@id":"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda"},"breadcrumb":{"@id":"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.flow20.com\/blog\/how-to-make-your-website-accessible-to-users-with-disabilities\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.flow20.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Make Your Website Accessible to Users with Disabilities"}]},{"@type":"WebSite","@id":"https:\/\/www.flow20.com\/blog\/#website","url":"https:\/\/www.flow20.com\/blog\/","name":"Online Marketing Blog | Flow20","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.flow20.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda","name":"Shirish Agarwal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g","caption":"Shirish Agarwal"},"description":"Shirish Agarwal is the founder of Flow20 and looks after the PPC and SEO side of things. Shirish also regularly contributes to leading digital marketing publications such as Hubspot, SEMRush, Wordstream and Outbrain. Connect with him on LinkedIn.","url":"https:\/\/www.flow20.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts\/3937"}],"collection":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/comments?post=3937"}],"version-history":[{"count":9,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts\/3937\/revisions"}],"predecessor-version":[{"id":5608,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts\/3937\/revisions\/5608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/media\/3938"}],"wp:attachment":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/media?parent=3937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/categories?post=3937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/tags?post=3937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}