{"id":8228,"date":"2020-03-06T09:30:00","date_gmt":"2020-03-06T09:30:00","guid":{"rendered":"http:\/\/blogs.sussex.ac.uk\/tel\/?p=8228"},"modified":"2020-02-28T11:28:32","modified_gmt":"2020-02-28T11:28:32","slug":"accessibility-tips-creating-accessible-resources","status":"publish","type":"post","link":"https:\/\/blogs.sussex.ac.uk\/tel\/2020\/03\/06\/accessibility-tips-creating-accessible-resources\/","title":{"rendered":"Accessibility Tips: Creating accessible resources"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"683\" src=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-1024x683.png\" alt=\"\" class=\"wp-image-8230\" srcset=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-1024x683.png 1024w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-300x200.png 300w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-768x512.png 768w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-100x67.png 100w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-150x100.png 150w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-200x133.png 200w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-450x300.png 450w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-600x400.png 600w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2-900x600.png 900w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/My_Post-2.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It might feel daunting to create an accessible document from scratch. Luckily with just a few good design principles you can create wonderfully accessible documents in just a few simple steps.<\/p>\n\n\n\n<p>Making documents accessible isn\u2019t about making everything the same and restricting creativity, it\u2019s about creating a document that is inclusive.&nbsp; Designing a document poorly may mean that some students will not get the benefit of it, or may miss out on crucial information that other learners will be getting and therefore be disadvantaged.&nbsp;<\/p>\n\n\n\n<p>To help you with this, we have created our <a href=\"http:\/\/www.sussex.ac.uk\/tel\/accessibility\">Digital Accessibility Toolkit<\/a>, a collection of links and guides to best practice when it comes to making your resources digitally accessible. Below we\u2019ve highlighted our top three tips for getting started. Be sure to check out the <a href=\"http:\/\/www.sussex.ac.uk\/tel\/accessibility\">full toolkit<\/a> on our webpages.<\/p>\n\n\n\n<h1>3 top tips for creating accessible resources<\/h1>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/lh5.googleusercontent.com\/ibYQEcsl27p-Pvq7v0qp37y777d81KzrwfRaKWLfhfK5KqKPbmlCy4B_MdXgsurYaiD2S-HFtTfrfejVV-mgiopJeF7wADTD4sVJomH9JlhBOz5E3g8t3tiCq3HxgGW5bbQhASdj\" alt=\"\" \/><\/figure><\/div>\n\n\n\n<h3>Tip 1: Use Heading styles<\/h3>\n\n\n\n<p>Make your work more accessible and reduce your workload? Impossible I hear you say, not with heading styles. Unless you need to have specific fonts or colours, then selecting heading styles does some of the work for you, they style your text accordingly. Not only that they also markup the text so that someone who screen reader or navigates with a keyboard instead of a mouse can easily navigate the document.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"949\" height=\"255\" src=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation.jpg\" alt=\"Screenshot of ribbon in Microsoft Word with Styles highlighted\" class=\"wp-image-8232\" srcset=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation.jpg 949w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-300x81.jpg 300w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-768x206.jpg 768w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-100x27.jpg 100w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-150x40.jpg 150w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-200x54.jpg 200w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-450x121.jpg 450w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-600x161.jpg 600w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/Untitled-presentation-900x242.jpg 900w\" sizes=\"(max-width: 949px) 100vw, 949px\" \/><figcaption>Screenshot of ribbon in Microsoft Word with Styles highlighted.<\/figcaption><\/figure><\/div>\n\n\n\n<h3>Tip 2: Add Alternative text.<\/h3>\n\n\n\n<p>Videos and images are more popular on websites and modules sites than ever. It\u2019s easy to create rich media content, but it\u2019s just as easy to forget that there are some users who simply can\u2019t hear or see the great content you are sharing with them. Our second top tip is Alt text, this can be a description of an image or closed captions on a video. There are a range of tools to support you with this, you can find <a href=\"http:\/\/www.sussex.ac.uk\/tel\/accessibility\/accessibility-create\">guidance in the toolkit<\/a>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/unnamed.jpg\" alt=\"Arrows pointing to Options above an image and to the text field for adding alt text to images in Canvas.\" class=\"wp-image-8234\" width=\"467\" height=\"210\" srcset=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/unnamed.jpg 507w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/unnamed-300x135.jpg 300w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/unnamed-100x45.jpg 100w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/unnamed-150x67.jpg 150w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/unnamed-200x90.jpg 200w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2020\/02\/unnamed-450x202.jpg 450w\" sizes=\"(max-width: 467px) 100vw, 467px\" \/><figcaption>Alt text in Canvas.<\/figcaption><\/figure><\/div>\n\n\n\n<h3>Tip 3: Provide materials in advance.<\/h3>\n\n\n\n<p>Whilst not strictly a design point, it helps. A great one for all your students, it gives them the opportunity to prepare questions or to do some advance reading. It is particularly useful for students whose first language isn\u2019t English and students who may require more time for processing. It also gives opportunities for students to convert the materials into a format of their choosing, for example by using <a href=\"http:\/\/blogs.sussex.ac.uk\/tel\/2019\/11\/26\/alternative-formats-made-easy-with-sensusacesss\/\">SensusAccess<\/a> to convert a text document into an mp3 and listen to the reading on the bus on their way to the lecture.<\/p>\n\n\n\n<p>There is of course much more you can and should do when creating and providing documents, pages and resources for teaching and learning, but follow these top tips and you\u2019ll be making a great start.&nbsp;<\/p>\n\n\n\n<p>If you need further guidance, support or want some sessions for you and your colleagues, please get in touch with us <a href=\"mailto:tel@sussex.ac.uk\">tel@sussex.ac.uk<\/a>. We\u2019re more than happy to help.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It might feel daunting to create an accessible document from scratch. Luckily with just a few good design principles you can create wonderfully accessible documents in just a few simple steps. Making documents accessible isn\u2019t about making everything the same<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2020\/03\/06\/accessibility-tips-creating-accessible-resources\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":228,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[36],"tags":[36,137836,157044],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/8228"}],"collection":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/users\/228"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/comments?post=8228"}],"version-history":[{"count":6,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/8228\/revisions"}],"predecessor-version":[{"id":8253,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/8228\/revisions\/8253"}],"wp:attachment":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/media?parent=8228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/categories?post=8228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/tags?post=8228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}