{"id":108156,"date":"2020-11-09T16:28:34","date_gmt":"2020-11-09T13:28:34","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/heres-how-to-make-your-website-more-accessible\/"},"modified":"2023-01-27T17:43:16","modified_gmt":"2023-01-27T14:43:16","slug":"heres-how-to-make-your-website-more-accessible","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/heres-how-to-make-your-website-more-accessible\/","title":{"rendered":"#Here\u2019s how to make your website more accessible"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a2396d9ce18b\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a2396d9ce18b\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/heres-how-to-make-your-website-more-accessible\/#Heres_how_to_make_your_website_more_accessible\" >Here\u2019s how to make your website more accessible<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/heres-how-to-make-your-website-more-accessible\/#Here_are_the_facts\" >Here are the facts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/heres-how-to-make-your-website-more-accessible\/#Making_the_change\" >Making the change<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"Heres_how_to_make_your_website_more_accessible\"><\/span>Here\u2019s how to make your website more accessible<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>There are many things to consider when setting up a website, and accessibility is one factor that can sometimes be overlooked. An\u00a0<a href=\"https:\/\/www.itproportal.com\/features\/a-complete-guide-on-making-a-website-accessible\/\" target=\"_blank\" rel=\"nofollow noopener\">accessible website<\/a>\u00a0is one that\u2019s optimized for all people, including those with impaired vision or hearing, motor difficulties, or learning disabilities.<\/p>\n<p>Having an accessible website is not only a responsibility against discrimination, but it\u2019s also a legal requirement in several countries, and you\u00a0<a href=\"https:\/\/thenextweb.com\/news\/why-your-websites-lack-of-accessibility-options-is-opening-you-up-to-lawsuits\" target=\"_blank\" rel=\"noopener\">open yourself up to lawsuits<\/a>\u00a0by not adhering to the guidelines.<\/p>\n<p>Additionally, from a business marketing perspective, the design and functionality features mean that accessible websites perform better and are higher ranking in search engine lists. Your website is therefore more likely to gain attention from a larger potential audience when it\u2019s accessible to everyone.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Here_are_the_facts\"><\/span><b>Here are the facts<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>According to\u00a0<a href=\"https:\/\/www.who.int\/features\/factfiles\/disability\/en\/\" target=\"_blank\" rel=\"nofollow noopener\">WHO<\/a>, over a billion people in the world \u2013 15% of the global population \u2013 are living with some form of disability, and 40% of people living with disabilities don\u2019t receive the assistance they require for basic everyday activities. Factors such as an increase in chronic diseases and an aging population are resulting in increasing rates of disabilities across the world.<\/p>\n<p>The\u00a0<a href=\"https:\/\/www.abilitynet.org.uk\/news-blogs\/less-1-website-home-pages-are-likely-meet-accessibility-standards#:~:text=meet%20accessibility%20standards-,Less%20than%201%25%20of%20website%20home%20pages,likely%20to%20meet%20accessibility%20standards&amp;text=A%20new%20accessibility%20report%20%2D%20the,to%20meet%20standard%20accessibility%20requirements.\" target=\"_blank\" rel=\"nofollow noopener\">majority of websites<\/a>\u00a0and mobile <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>s don\u2019t meet the basic accessibility standards, due to having illegible text, unfavorable color contrasts, or poor navigation. This hurts not only the users but the website owners; if a website isn\u2019t accessible,\u00a0<a href=\"https:\/\/siteimprove.com\/en-gb\/accessibility\/what-is-accessibility\/#:~:text=While%2071%25%20of%20web%20users,presence%2C%20all%20your%20visitors%20benefit.\" target=\"_blank\" rel=\"nofollow noopener\">71% of people<\/a>\u00a0with disabilities will leave straight away.<\/p>\n<p>In December 2008, the\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"nofollow noopener\">Web Content Accessibility Guidelines<\/a>\u00a0(WCAG) was published, detailing a list of criteria for all public sector websites to meet. The guidelines have been revised several times and WCAG 2.2 is now scheduled to be published in 2021. As shown in this map, many major countries around the world have implemented WCAG standards:<\/p>\n<figure style=\"width: 1400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium\" src=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/10\/image1.jpg\" width=\"1400\" height=\"550\" \/><figcaption class=\"wp-caption-text\">Credit: <a href=\"https:\/\/learn.3playmedia.com\/blog-3play-media\/countries-that-have-adopted-wcag-standards-map\" target=\"_blank\" rel=\"noopener\">3PlayMedia<\/a><\/figcaption><\/figure>\n<div id=\"article-main-content\" class=\"c-richText c-richText--large\">\n<p>It\u2019s important to be aware of how local laws could affect your business if you don\u2019t\u00a0<a href=\"https:\/\/accessibe.com\/compliance\/wcag-21\" target=\"_blank\" rel=\"nofollow noopener\">comply with WCAG standards<\/a>. The necessary adjustments to become WCAG compliant include both front-end UI and design, which can be implemented by installing an Accessibility Interface on your website, as well as back-end code to ensure your website is set up in the most compatible way possible.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Making_the_change\"><\/span><b>Making the change<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When carrying out changes on an existing website, you have to consider the time and cost of making it more accessible, however for new web owners, starting off on the right foot will save you from having to change things later down the line, and will reduce the risk of running into any lawsuits.<\/p>\n<p>To meet the guidelines, your website or mobile app must be\u00a0<b>\u2018perceivable, operable, understandable, and robust.<\/b>\u2019 Here are a few tips on how to make your website accessible:<\/p>\n<p><strong>Perceivable<\/strong><\/p>\n<ol>\n<li>Present the user interface and all the text and visual information in a way that\u2019s easy for the audience to perceive. Improve distinguishability for low vision users by offering higher contrast options, increased zoom functionality, varied text-spacing options, and the ability to focus on content when hovering over it.<\/li>\n<li>Ensure adaptability for different orientations and size screens i.e. for mobile devices and ipads as well as computers.<\/li>\n<li>Provide text alternatives to visual information and enable captions and subtitles for audio content.<\/li>\n<\/ol>\n<p><strong>Operable<\/strong><\/p>\n<ol>\n<li>Create a website with navigation and user interface components that are straight-foward to operate, and allow the user enough time to digest the content.<\/li>\n<li>Enable keyboard navigation compatibility by including keyboard shortcuts, and the ability to access the keyboard through speech input and assistive technologies.<\/li>\n<li>Design content that\u2019s able to be presented differently through assistive technologies without losing any information.<\/li>\n<\/ol>\n<p><strong>Understandable<\/strong><\/p>\n<ol>\n<li>Ensure the operation and information on the website is easily understandable, by both users and assistive technologies.<\/li>\n<li>Set up the navigation of the website so that it\u2019s easily predictable and consistent.<\/li>\n<li>Incorporate input assistance to help correct user\u2019s mistakes by identifying and relaying errors, as well as suggesting solutions.<\/li>\n<\/ol>\n<p><strong>Robust<\/strong><\/p>\n<ol>\n<li>The website must be robust enough to support assistive technologies, and be adaptable to advances in <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/technology\/\" data-internallinksmanager029f6b8e52c=\"4\" title=\"Technology\" target=\"_blank\" rel=\"noopener\">technology<\/a> and different user agents.<\/li>\n<li>Implement\u00a0Accessible Rich Internet Applications (ARIA) tags, which improve screen reader compatibility by adding extra information to elements on your website.<\/li>\n<li>Enable adjustments to the user interface, with components and values that can be set by the user.<\/li>\n<\/ol>\n<p>For more details and specifics, the\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"nofollow noopener\">full guidelines<\/a>\u00a0as developed by the\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/\" target=\"_blank\" rel=\"nofollow noopener\">Web Accessibility Initiative<\/a>\u00a0(WAI) and the\u00a0<a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"nofollow noopener\">World Wide Web Consortium<\/a>\u00a0(W3C) are online and available for everyone to read.<\/p>\n<\/div>\n<div class=\"sponsored_legal\">\n<div class=\"sponsorDisclaimer dd\">\n<p>This article is brought to you by\u00a0<a href=\"https:\/\/accessibe.com\/accessscan\" target=\"_blank\" rel=\"noopener\">accessScan<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"https:\/\/ci3.googleusercontent.com\/mail-sig\/AIorK4yYuNy5huM-SJIQbZil3k18lLH9QAUUyVyuj64PlJGChjys4MwNgdcR8K-aIi1vXStuxghZNFc\" width=\"180\" height=\"100\" \/><\/p>\n<\/div>\n<\/div>\n<blockquote>\n<p style=\"text-align: center;\"><strong>For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener noreferrer\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/thenextweb.com\/dd\/2020\/11\/09\/heres-how-to-make-your-website-more-accessible\/\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here\u2019s how to make your website more accessible There are many things to consider when setting up a website, and accessibility is one factor that can sometimes be overlooked. An\u00a0accessible website\u00a0is one that\u2019s optimized for all people, including those with impaired vision or hearing, motor difficulties, or learning disabilities. Having an accessible website is not&#8230;<\/p>\n","protected":false},"author":1,"featured_media":108157,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/img-cdn.tnwcdn.com\/image\/tnw?filter_last=1&fit=1280,640&url=https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/10\/Untitled-design-15.jpg&signature=5bb280629097847d8e7df2cda8f8238a","fifu_image_alt":"#Here\u2019s how to make your website more accessible","footnotes":""},"categories":[18],"tags":[79296,117,71693,79297,70759,73504],"class_list":["post-108156","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-accessibility","tag-business","tag-discrimination","tag-navigation","tag-tech","tag-web-content"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/108156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=108156"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/108156\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/108157"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=108156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=108156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=108156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}