{"id":899,"date":"2022-11-18T12:06:40","date_gmt":"2022-11-18T12:06:40","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=899"},"modified":"2023-06-27T15:04:32","modified_gmt":"2023-06-27T14:04:32","slug":"web-design-and-accessibility","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/","title":{"rendered":"Important considerations for accessibility in web design"},"content":{"rendered":"<p>Creating a stunning website that can be enjoyed and used by all users, should be the aim of every web designer. Unfortunately, too often the term &#8220;all users&#8221; is forgotten and missed out completely. But making your website available to everyone, doesn&#8217;t have to be too complicated.<\/p>\n<h2>Web Design and accessibility<\/h2>\n<p>Web design and accessibility is about making sure that browsing the web is a universal experience that can be enjoyed by everyone. Instead of being a challenge or a chore. And creating a website that is both responsive and well designed, and also accessible, can really make a big difference. This means being considerate of different needs, and taking steps to ensure that these needs can be met.<\/p>\n<h3>What are the most important considerations for accessibility in web design?<\/h3>\n<p>Some of the key considerations for providing a truly accessible website experience should be:<\/p>\n<ul>\n<li>design that meets the requirements of screen readers<\/li>\n<li>design that uses colour effectively<\/li>\n<li>design that uses typography effectively<\/li>\n<\/ul>\n<h3>Screen readers<\/h3>\n<p>One of the most common methods for people with a visual disability to access websites is through a screen reader. A screen reader is a web browser that can read the content of a website out loud. However, in many cases, even the most stunning of websites can be a challenge to listen to. As a result, you should consider:<\/p>\n<ul>\n<li><em><strong>your use of &lt;h1&gt; to &lt;h6&gt; tags-<\/strong><\/em> screen readers can use headings to organise information. So make sure your content is in the correct order.<\/li>\n<li><em><strong>using alt tags for images-<\/strong> <\/em>a screen reader can&#8217;t read an image. So fill in the alt tag to give a description of the image and help users understand what is being displayed.<\/li>\n<li><strong><em>use unique and descriptive names for links<\/em><\/strong>&#8211; instead of saying click here, use the actual page name to help with navigation<\/li>\n<\/ul>\n<h3>Colours<\/h3>\n<p>Colours can cause all kinds of effects. And if you want your website to be accessible, it needs to be legible. This means choosing a text colour that has a suitable contrast from the background colour. Otherwise users that are colourblind, or partially sighted, will be unable to make out the text from the background. In fact, the <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">Web Content Accessibility Guidelines<\/a>, specify that the contrast ration should be 4.5:1 for the perfect result.<\/p>\n<h3>Typography<\/h3>\n<p>Use your fancy fonts for embellishments only. Your main text, and your headings, need to be legible. This is important for all your users, and is not just a matter of accessibility. For people with a visual impairment, there are a variety of tools and plugins that can help to enlarge text.\u00a0 However, if your font sizes are based on pixels, this might not work. So make sure you use ems, instead, as these can be scaled up with ease.<\/p>\n<p>For more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.\u00a0<\/a>We are Manchester&#8217;s leading web design professionals and we work with companies in a range of industries, across Manchester and the surrounding region, including Wigan and Southport, to deliver high quality web design solutions for effective results.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating a stunning website that can be enjoyed and used by all users, should be the aim of every web designer. Unfortunately, too often the term &#8220;all users&#8221; is forgotten and missed out completely. But making your website available to everyone, doesn&#8217;t have to be too complicated. Web Design and accessibility Web design and accessibility [&#8230;]\n","protected":false},"author":2,"featured_media":763,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Important considerations for accessibility in web design - Pumpkin Web Design Manchester<\/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.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Important considerations for accessibility in web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Creating a stunning website that can be enjoyed and used by all users, should be the aim of every web designer. Unfortunately, too often the term &#8220;all users&#8221; is forgotten and missed out completely. But making your website available to everyone, doesn&#8217;t have to be too complicated. Web Design and accessibility Web design and accessibility [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-18T12:06:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-27T14:04:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/shutterstock_248823070.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"498\" \/>\n\t<meta property=\"og:image:height\" content=\"388\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/\",\"name\":\"Important considerations for accessibility in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2022-11-18T12:06:40+00:00\",\"dateModified\":\"2023-06-27T14:04:32+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Important considerations for accessibility in web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Important considerations for accessibility in web design - Pumpkin Web Design Manchester","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.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/","og_locale":"en_GB","og_type":"article","og_title":"Important considerations for accessibility in web design - Pumpkin Web Design Manchester","og_description":"Creating a stunning website that can be enjoyed and used by all users, should be the aim of every web designer. Unfortunately, too often the term &#8220;all users&#8221; is forgotten and missed out completely. But making your website available to everyone, doesn&#8217;t have to be too complicated. Web Design and accessibility Web design and accessibility [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2022-11-18T12:06:40+00:00","article_modified_time":"2023-06-27T14:04:32+00:00","og_image":[{"width":498,"height":388,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/shutterstock_248823070.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/","name":"Important considerations for accessibility in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2022-11-18T12:06:40+00:00","dateModified":"2023-06-27T14:04:32+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Important considerations for accessibility in web design"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/899"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=899"}],"version-history":[{"count":3,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/899\/revisions"}],"predecessor-version":[{"id":11639,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/899\/revisions\/11639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/763"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}