{"id":4745,"date":"2019-09-18T13:57:10","date_gmt":"2019-09-18T12:57:10","guid":{"rendered":"https:\/\/www.lcn.com\/blog\/?p=4745"},"modified":"2021-06-17T10:26:45","modified_gmt":"2021-06-17T09:26:45","slug":"how-to-make-an-accessible-website","status":"publish","type":"post","link":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/","title":{"rendered":"Steps to take to make your website accessible for users"},"content":{"rendered":"

As the owner of a website, you will have spent time and money ensuring that the site has the right design<\/a> and is as visible as possible in the search engine results. You want to attract high volumes of targeted traffic, so SEO is an important factor to consider when you\u2019re updating your site.<\/p>\n

But have you ever stopped to consider whether all of those web visitors are truly being catered for? Is your website really as accessible as you think it is?<\/p>\n

In considering issues surrounding accessibility, the chances are that you confine your efforts to accommodating web visitors with visual impairments. But accessibility actually applies to far greater numbers of web visitors than you might imagine, such as those living with cognitive impairment dyslexia and temporary medical conditions that make using the internet more difficult.<\/p>\n

If this isn\u2019t something that you\u2019ve previously considered, there\u2019s no need to panic! We\u2019ll show you how to make a website<\/a> that offers genuine value to all of your visitors, whether or not they have any form of physical or cognitive impairment. Your web visitors will thank you, but that\u2019s not the only reward on offer, as the search engines may also improve your rankings when you adopt a more inclusive approach.<\/p>\n

 <\/p>\n

Choose colours with care<\/strong><\/p>\n

Approximately 8 per cent of the population suffers from colour-blindness, which makes it impossible to differentiate between red and green. But other web users can also experience difficulties with some colour combinations too, with visual impairment making it difficult to pick out text against certain coloured backgrounds, for example. So make sure that you use contrasting colour combinations that allow the text to stand out, and use one of the many online tools that will help you to select the best colour options to make your site accessible to the majority of your site visitors.<\/p>\n

 <\/p>\n

Always include alt text where images are used<\/strong><\/p>\n

Remember that some of your site visitors will be using screen readers to access the information within your website. And since screen readers can\u2019t provide visual descriptions, it\u2019s absolutely crucial to make sure that you include relevant alt text whenever an image appears. Don\u2019t forget to include this information on infographics too, since these images deliver up valuable text that can easily be lost to the visually impaired web visitor. And if your image is a clickable link, make doubly sure that your alt text provides all the information that your site visitor needs, so that they can make an informed decision as to whether to click on the link.<\/p>\n

 <\/p>\n

Include keyboard-only interactions<\/strong><\/p>\n

The majority of web visitors with accessibility issues will most probably use a keyboard-driven interface, without the use of a mouse. This means that every page across your website needs to respond to keystrokes. Check through every page of the site, ensuring that the \u2018Tab\u2019 button moves the cursor onto the next clickable field, and if it doesn\u2019t, take steps to rectify the situation as a matter of urgency.<\/p>\n

 <\/p>\n

Avoid cluttered web pages<\/strong><\/p>\n

You may have a wealth of useful information to impart to your web visitors, but trying to cram too much into one page quickly causes confusion. Bear in mind that some visitors will be viewing your site on a large screen, whilst others will be using much smaller devices, so keep your pages uncluttered and streamlined. Areas of white space around blocks of text allow your message to really stand out, whereas blocks of text jumbled together quickly become confusing and unpleasant to read.<\/p>\n

 <\/p>\n

Use headers appropriately<\/strong><\/p>\n

The variety of heading types are designed to follow a natural structure as the owner of a website, you\u2019re bound to spend time and money ensuring that your site is as visible as possible in the search engine results, with just one H1 title per page, followed by H2 headings, which are followed by H3 headings and so on. Never interfere with this natural progression, as the system is designed to work with screen readers to allow a natural flow of information.<\/p>\n

 <\/p>\n

Allow text to be resized<\/strong><\/p>\n

Visually impaired website users prefer to have the option of resizing text to suit their needs. For this to work effectively, the ability to resize text needs to be included at an early stage, so when discussing with your web design team as to how to make a website from the ground up, you should stress that font sizes must be relative, rather than absolute. So don\u2019t allow your designers to define text by pixel size, which could rapidly disrupt the flow of your pages when scaled up, but insist on user scalability instead.<\/p>\n

 <\/p>\n

Enhance your video and audio content<\/strong><\/p>\n

Videos are a hot trend in modern web design, with increasing numbers of website owners opting to include podcasts and audio clips within their web pages. But this can cause extra problems for web visitors with auditory or visual impairment, so it\u2019s important to consider ways in which they can also access the information. Make sure that you provide written transcripts, which can be accessed by screen readers, and include subtitles as a matter of course for any video content.<\/p>\n","protected":false},"excerpt":{"rendered":"

As the owner of a website, you will have spent time and money ensuring that the site has the right design and is as visible as possible in the search… Read more →<\/a><\/p>\n","protected":false},"author":31,"featured_media":3817,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,38],"tags":[],"class_list":["post-4745","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-user-experience-ux"],"yoast_head":"\nSteps to take to make your website accessible for users - LCN.com<\/title>\n<meta name=\"description\" content=\"As the owner of a website, you\u2019re bound to spend time and money so that your site is as visible as possible. So how can you make an accessible website?\" \/>\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.lcn.com\/blog\/how-to-make-an-accessible-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Steps to take to make your website accessible for users - LCN.com\" \/>\n<meta property=\"og:description\" content=\"As the owner of a website, you\u2019re bound to spend time and money so that your site is as visible as possible. So how can you make an accessible website?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Grow a successful website with the LCN Business Hub\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/lcndotcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-18T12:57:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-17T09:26:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"338\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nathan Preedy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@lcndotcom\" \/>\n<meta name=\"twitter:site\" content=\"@lcndotcom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nathan Preedy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/\"},\"author\":{\"name\":\"Nathan Preedy\",\"@id\":\"https:\/\/www.lcn.com\/blog\/#\/schema\/person\/e6493782266f4474f2c90dc96682d069\"},\"headline\":\"Steps to take to make your website accessible for users\",\"datePublished\":\"2019-09-18T12:57:10+00:00\",\"dateModified\":\"2021-06-17T09:26:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/\"},\"wordCount\":885,\"image\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg\",\"articleSection\":[\"Design\",\"User Experience (UX)\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/\",\"url\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/\",\"name\":\"Steps to take to make your website accessible for users - LCN.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg\",\"datePublished\":\"2019-09-18T12:57:10+00:00\",\"dateModified\":\"2021-06-17T09:26:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/#\/schema\/person\/e6493782266f4474f2c90dc96682d069\"},\"description\":\"As the owner of a website, you\u2019re bound to spend time and money so that your site is as visible as possible. So how can you make an accessible website?\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage\",\"url\":\"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg\",\"contentUrl\":\"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg\",\"width\":1000,\"height\":338,\"caption\":\"business communication\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"LCN.com\",\"item\":\"\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/www.lcn.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"User Experience (UX)\",\"item\":\"https:\/\/www.lcn.com\/blog\/category\/user-experience-ux\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Steps to take to make your website accessible for users\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lcn.com\/blog\/#website\",\"url\":\"https:\/\/www.lcn.com\/blog\/\",\"name\":\"Grow a successful website with the LCN Business Hub\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lcn.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.lcn.com\/blog\/#\/schema\/person\/e6493782266f4474f2c90dc96682d069\",\"name\":\"Nathan Preedy\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.lcn.com\/blog\/wp-content\/plugins\/wp-user-avatars\/wp-user-avatars\/assets\/images\/mystery.jpg\",\"url\":\"https:\/\/www.lcn.com\/blog\/wp-content\/plugins\/wp-user-avatars\/wp-user-avatars\/assets\/images\/mystery.jpg\",\"contentUrl\":\"https:\/\/www.lcn.com\/blog\/wp-content\/plugins\/wp-user-avatars\/wp-user-avatars\/assets\/images\/mystery.jpg\",\"caption\":\"Nathan Preedy\"},\"description\":\"Nathan has been with team.blue since 2005 and has a background in Technical Support. He is passionate about helping customers find the best product for them and use it to its full potential.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Steps to take to make your website accessible for users - LCN.com","description":"As the owner of a website, you\u2019re bound to spend time and money so that your site is as visible as possible. So how can you make an accessible website?","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.lcn.com\/blog\/how-to-make-an-accessible-website\/","og_locale":"en_GB","og_type":"article","og_title":"Steps to take to make your website accessible for users - LCN.com","og_description":"As the owner of a website, you\u2019re bound to spend time and money so that your site is as visible as possible. So how can you make an accessible website?","og_url":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/","og_site_name":"Grow a successful website with the LCN Business Hub","article_publisher":"http:\/\/www.facebook.com\/lcndotcom","article_published_time":"2019-09-18T12:57:10+00:00","article_modified_time":"2021-06-17T09:26:45+00:00","og_image":[{"width":1000,"height":338,"url":"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg","type":"image\/jpeg"}],"author":"Nathan Preedy","twitter_card":"summary_large_image","twitter_creator":"@lcndotcom","twitter_site":"@lcndotcom","twitter_misc":{"Written by":"Nathan Preedy","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#article","isPartOf":{"@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/"},"author":{"name":"Nathan Preedy","@id":"https:\/\/www.lcn.com\/blog\/#\/schema\/person\/e6493782266f4474f2c90dc96682d069"},"headline":"Steps to take to make your website accessible for users","datePublished":"2019-09-18T12:57:10+00:00","dateModified":"2021-06-17T09:26:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/"},"wordCount":885,"image":{"@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg","articleSection":["Design","User Experience (UX)"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/","url":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/","name":"Steps to take to make your website accessible for users - LCN.com","isPartOf":{"@id":"https:\/\/www.lcn.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage"},"image":{"@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg","datePublished":"2019-09-18T12:57:10+00:00","dateModified":"2021-06-17T09:26:45+00:00","author":{"@id":"https:\/\/www.lcn.com\/blog\/#\/schema\/person\/e6493782266f4474f2c90dc96682d069"},"description":"As the owner of a website, you\u2019re bound to spend time and money so that your site is as visible as possible. So how can you make an accessible website?","breadcrumb":{"@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#primaryimage","url":"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg","contentUrl":"https:\/\/www.lcn.com\/blog\/wp-content\/uploads\/2015\/09\/conversions.jpg","width":1000,"height":338,"caption":"business communication"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lcn.com\/blog\/how-to-make-an-accessible-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"LCN.com","item":"\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.lcn.com\/blog\/"},{"@type":"ListItem","position":3,"name":"User Experience (UX)","item":"https:\/\/www.lcn.com\/blog\/category\/user-experience-ux\/"},{"@type":"ListItem","position":4,"name":"Steps to take to make your website accessible for users"}]},{"@type":"WebSite","@id":"https:\/\/www.lcn.com\/blog\/#website","url":"https:\/\/www.lcn.com\/blog\/","name":"Grow a successful website with the LCN Business Hub","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lcn.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.lcn.com\/blog\/#\/schema\/person\/e6493782266f4474f2c90dc96682d069","name":"Nathan Preedy","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.lcn.com\/blog\/wp-content\/plugins\/wp-user-avatars\/wp-user-avatars\/assets\/images\/mystery.jpg","url":"https:\/\/www.lcn.com\/blog\/wp-content\/plugins\/wp-user-avatars\/wp-user-avatars\/assets\/images\/mystery.jpg","contentUrl":"https:\/\/www.lcn.com\/blog\/wp-content\/plugins\/wp-user-avatars\/wp-user-avatars\/assets\/images\/mystery.jpg","caption":"Nathan Preedy"},"description":"Nathan has been with team.blue since 2005 and has a background in Technical Support. He is passionate about helping customers find the best product for them and use it to its full potential."}]}},"_links":{"self":[{"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/posts\/4745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/comments?post=4745"}],"version-history":[{"count":5,"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/posts\/4745\/revisions"}],"predecessor-version":[{"id":5031,"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/posts\/4745\/revisions\/5031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/media\/3817"}],"wp:attachment":[{"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/media?parent=4745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/categories?post=4745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lcn.com\/blog\/wp-json\/wp\/v2\/tags?post=4745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}