{"id":9147,"date":"2019-06-17T16:59:21","date_gmt":"2019-06-17T20:59:21","guid":{"rendered":"https:\/\/blog.brainstation.io\/?p=9147"},"modified":"2019-09-24T11:20:19","modified_gmt":"2019-09-24T15:20:19","slug":"5-ways-to-make-your-content-more-accessible","status":"publish","type":"post","link":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible","title":{"rendered":"How to Make Your Content More Accessible"},"content":{"rendered":"

Web Accessibility has garnered lots of attention in recent years, as most interactions between people, organizations, products, and services are increasingly occurring online. In fact, <\/span>77 percent of Americans<\/span><\/a> are online on a daily basis, and 26 percent say they\u2019re online almost constantly, meaning many of our day-to-day interactions take place on the internet. <\/span><\/p>\n

Navigating this online space is no easy feat for many individuals around the world. Roughly <\/span>25 percent<\/span><\/a> of adults in the U.S. have some form of disability, a number that is only expected to increase as the overall population ages. It\u2019s important to be aware \u2013 particularly if you are an organization with an online presence \u2013 that one quarter of the market may struggle to access your services if you don\u2019t incorporate inclusive design elements.<\/span><\/p>\n

Why it Matters<\/b><\/h2>\n

Apart from fulfilling social responsibilities, web accessibility can provide many other benefits to an organization. <\/span><\/p>\n

Early implementation of accessible elements limits redesign work, which in turn shortens delivery time, and lowers costs. Additionally, inclusive design helps to make your content accessible to a larger, more diverse group of potential customers \u2013 and growing your audience is never a bad thing. <\/span><\/p>\n

Web Accessibility can seem daunting, but there are small changes that you can make now to start seeing a large shift towards a more accessible brand.<\/span><\/p>\n

We\u2019ve rounded up some of the easiest ways to make your content more accessible.<\/span><\/p>\n

1. Alt Text<\/h2>\n

One change that you can make right away is to include alt text on all of your images. Alt text is used within HTML code to summarize the appearance of an image, and it\u2019s also what screen readers use to describe images to visually impaired individuals. <\/span><\/p>\n

Adding alt text can be as simple as entering a description of the image into a field on WordPress, but if you aren\u2019t sure of how to incorporate alt text \u2013\u00a0find someone with knowledge of HTML to make the change for you. Not only can you add alt text to your website and blog content, but most social platforms have the option to add it to your content as well. For example, Instagram has an Advanced Settings menu which allows you to write your own alt text for every image posted. <\/span><\/p>\n

Once you have the process down, make sure to conduct an audit of your site and add image descriptions to all the photo content. This one habit will improve your overall website accessibility.<\/span><\/p>\n

2. Video Captioning<\/b><\/h2>\n

81 percent of businesses are now using video as part of their marketing strategy, an increase of <\/span>63 percent since 2018<\/span><\/a>. <\/span><\/p>\n

Videos have become a critical facet of content creation because, put simply, people love to watch them. In fact, <\/span>55 percent<\/span><\/a> of people watch online videos every single day. And they not only look at them, but they much prefer watching to reading \u2013\u00a059 percent of executives would <\/span>choose watching a video<\/span><\/a> over reading an article. <\/span><\/p>\n

One of the best ways to make your videos more inclusive is to create captions. This aids hearing impaired individuals by providing subtitles and context for the content of the video. <\/span><\/p>\n

Most video-hosting platforms, including Facebook and Youtube, have automatic captions that can be turned on for your brand\u2019s video. The only drawback with this strategy is that speech recognition software isn\u2019t the most accurate. If you do opt for automatic captions rather than transcribing your own, make sure to review them for accuracy and grammar.\u00a0<\/span><\/p>\n

3. Build Accessible Forms<\/b><\/h2>\n

Forms are used for countless web interactions, and if they aren\u2019t designed with accessibility in mind, they can be extremely difficult to navigate. <\/span><\/p>\n

Any existing forms on your page should be audited for ease of use to make the experience and interaction easier. The keys to designing accessible forms is to ensure that fields are clearly labeled, in logical alignment, and keyboard accessible. There are <\/span>resources available<\/span><\/a> that take you through step-by-step techniques on how to build better forms using accessible form controls and advanced labeling.<\/span><\/p>\n

4. Proper Page Flow<\/b><\/h2>\n

Structuring your page with clearly labelled headers is crucial to making your website easily navigable by screen readers and other assistive technologies.<\/span><\/p>\n

Heading structure should be applied correctly, using <h1>, <h2>, etc. to indicate the order and flow of the page. Screen readers use the heading structure embedded in the code to navigate the content on each page. Avoid skipping headings, as it causes confusion, and ensure that the headers accurately reflect the content of the web page. <\/span><\/p>\n

If you\u2019re unsure of how to structure your headings for more accessible design, review these <\/span>best practices<\/span><\/a>.<\/span><\/p>\n

5. Colors and Typeface<\/b><\/h2>\n

Perhaps one of the most commonly known principles of accessible design is the importance of using the right colors and typeface on your website. <\/span><\/p>\n

Using easy-to-read fonts and an appealing color scheme not only increases readability, but makes your website more accessible to those who have varying degrees of color-blindness or vision impairment. <\/span><\/p>\n

Color vision deficiency (CVD), or, color blindness, is more common than you might think. <\/span>One in twelve<\/span><\/a> men and one in two-hundred women around the world are color blind, and the most prevalent form of color blindness (red-green color deficiency) affects nearly <\/span>8 percent<\/span><\/a> of the population. Design for these groups by using high contrast colors \u2013 a general rule of thumb is to use dark text on a light background. There are also <\/span>tools<\/span><\/a> that evaluate color contrast to help you determine if your design is on the right track.<\/span><\/p>\n

Moving Forward With Accessible Design<\/b><\/h2>\n

While these tips are a great place to start, accessible design needs to be a priority for all businesses, from small startups to multinational enterprises. If you\u2019re looking to learn more about accessibility and how your business can start recognizing the benefits, BrainStation offers a <\/span>Web Accessibility<\/span><\/a> course for individuals and entire teams.<\/span><\/p>\n

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

Web Accessibility has garnered lots of attention in recent years, as most interactions between people, organizations, products, and […]<\/p>\n","protected":false},"author":7,"featured_media":9148,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1066,586],"tags":[945,111,946,587],"yoast_head":"\nHow to Make Your Content More Accessible | BrainStation\u00ae Blog<\/title>\n<meta name=\"description\" content=\"What is Web Accessibility, and how do I incorporate it onto my site? We've rounded up 5 simple ways to make your content more accessible.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible\" \/>\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 Content More Accessible | BrainStation\u00ae Blog\" \/>\n<meta property=\"og:description\" content=\"What is Web Accessibility, and how do I incorporate it onto my site? We've rounded up 5 simple ways to make your content more accessible.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible\" \/>\n<meta property=\"og:site_name\" content=\"BrainStation\u00ae Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-17T20:59:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-24T15:20:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2019\/06\/Brainstation_Accessibility_site.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3331\" \/>\n\t<meta property=\"og:image:height\" content=\"1149\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"BrainStation\" \/>\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\":\"WebSite\",\"@id\":\"https:\/\/brainstation.io\/blog\/#website\",\"url\":\"https:\/\/brainstation.io\/blog\/\",\"name\":\"BrainStation\u00ae Blog\",\"description\":\"The Digital Learning Company\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/brainstation.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#primaryimage\",\"url\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2019\/06\/Brainstation_Accessibility_site.png\",\"contentUrl\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2019\/06\/Brainstation_Accessibility_site.png\",\"width\":3331,\"height\":1149,\"caption\":\"illustration of accessible design\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#webpage\",\"url\":\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible\",\"name\":\"How to Make Your Content More Accessible | BrainStation\u00ae Blog\",\"isPartOf\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#primaryimage\"},\"datePublished\":\"2019-06-17T20:59:21+00:00\",\"dateModified\":\"2019-09-24T15:20:19+00:00\",\"author\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\"},\"description\":\"What is Web Accessibility, and how do I incorporate it onto my site? We've rounded up 5 simple ways to make your content more accessible.\",\"breadcrumb\":{\"@id\":\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/brainstation.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Make Your Content More Accessible\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\",\"name\":\"BrainStation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"caption\":\"BrainStation\"},\"description\":\"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.\",\"url\":\"https:\/\/brainstation.io\/blog\/author\/brainstation\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make Your Content More Accessible | BrainStation\u00ae Blog","description":"What is Web Accessibility, and how do I incorporate it onto my site? We've rounded up 5 simple ways to make your content more accessible.","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:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible","og_locale":"en_US","og_type":"article","og_title":"How to Make Your Content More Accessible | BrainStation\u00ae Blog","og_description":"What is Web Accessibility, and how do I incorporate it onto my site? We've rounded up 5 simple ways to make your content more accessible.","og_url":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible","og_site_name":"BrainStation\u00ae Blog","article_published_time":"2019-06-17T20:59:21+00:00","article_modified_time":"2019-09-24T15:20:19+00:00","og_image":[{"width":3331,"height":1149,"url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2019\/06\/Brainstation_Accessibility_site.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"BrainStation","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/brainstation.io\/blog\/#website","url":"https:\/\/brainstation.io\/blog\/","name":"BrainStation\u00ae Blog","description":"The Digital Learning Company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brainstation.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#primaryimage","url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2019\/06\/Brainstation_Accessibility_site.png","contentUrl":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2019\/06\/Brainstation_Accessibility_site.png","width":3331,"height":1149,"caption":"illustration of accessible design"},{"@type":"WebPage","@id":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#webpage","url":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible","name":"How to Make Your Content More Accessible | BrainStation\u00ae Blog","isPartOf":{"@id":"https:\/\/brainstation.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#primaryimage"},"datePublished":"2019-06-17T20:59:21+00:00","dateModified":"2019-09-24T15:20:19+00:00","author":{"@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11"},"description":"What is Web Accessibility, and how do I incorporate it onto my site? We've rounded up 5 simple ways to make your content more accessible.","breadcrumb":{"@id":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brainstation.io\/blog\/5-ways-to-make-your-content-more-accessible#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brainstation.io\/blog"},{"@type":"ListItem","position":2,"name":"How to Make Your Content More Accessible"}]},{"@type":"Person","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11","name":"BrainStation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","caption":"BrainStation"},"description":"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.","url":"https:\/\/brainstation.io\/blog\/author\/brainstation"}]}},"_links":{"self":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/9147"}],"collection":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/comments?post=9147"}],"version-history":[{"count":2,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/9147\/revisions"}],"predecessor-version":[{"id":9729,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/9147\/revisions\/9729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media\/9148"}],"wp:attachment":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media?parent=9147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/categories?post=9147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/tags?post=9147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}