{"id":7088,"date":"2023-05-17T11:26:00","date_gmt":"2023-05-17T10:26:00","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/ltdev\/?p=7088"},"modified":"2023-05-18T16:34:51","modified_gmt":"2023-05-18T15:34:51","slug":"creating-accessible-presentations","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/ltdev\/2023\/05\/17\/creating-accessible-presentations\/","title":{"rendered":"Creating Accessible Presentations"},"content":{"rendered":"\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"244\" src=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2023\/05\/gaad-full-text-logo-navy-1-3-2.png\" alt=\"\" class=\"wp-image-7097 size-full\" srcset=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2023\/05\/gaad-full-text-logo-navy-1-3-2.png 998w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2023\/05\/gaad-full-text-logo-navy-1-3-2-300x73.png 300w, https:\/\/blogs.ncl.ac.uk\/ltdev\/files\/2023\/05\/gaad-full-text-logo-navy-1-3-2-768x188.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-medium-font-size\"><strong>Accessibility week &#8211;<br>Day 2<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<p>This blog post outlines how to make presentations (Microsoft PowerPoint) accessible. PowerPoint presentations are one of the most popular tools for learning and teaching &#8211; especially to accompany lectures. <\/p>\n\n\n\n<p>But have you ever considered their accessibility? <\/p>\n\n\n\n<p>In this article, we&#8217;re going to outline some tips on creating inclusive and engaging presentations in Microsoft PowerPoint. While some of the accessibility tips may seem familiar from working with text documents, we&#8217;ll also mention a few special tricks for your presentations.<\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Presentation Design Fundamentals<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Slide Layout<\/strong><\/h3>\n\n\n\n<p>Most slide layouts should include a slide title, this is usually at the top of the slide. These layouts also include one or more placeholder areas where you are able to add content like images and text to a slide.<\/p>\n\n\n\n<p>Slide titles are treated as a heading in a screen reader and will be the first thing read on each slide. If a slide has a descriptive title, it will make it easier for screen reader users to understand the context the slide.<\/p>\n\n\n\n<p>Make sure slides are read in the order you intend using the Reading Order Pane within Microsoft PowerPoint.<\/p>\n\n\n\n<p><strong>Tip:<\/strong> Use the built-in slide designs. They are accessible, contain placeholders in a correct reading order, and predefined formatting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Headings and Sub-headings<\/strong><\/h3>\n\n\n\n<p>Use a unique title for each slide heading as detailed in Slide Layout above. This provides structure and assists with navigation. Headings assist screen reader users and also help with ease of navigation for all users.<\/p>\n\n\n\n<p>The font size for headings should be minimum 36pt. Sub-headings provide additional navigation when defining a move to a different point. <\/p>\n\n\n\n<p>This is useful when trying to get more than one point across or signals a break\/change for the reader.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Text and Font<\/strong><\/h3>\n\n\n\n<p>As with text documents use a Sans Serif font. (e.g. Arial, Calibri) as they are more accessible. These fonts are well defined and regular in shape and size and display better on computers and mobile devices.&nbsp; Most popular font styles, like Tahoma or Arial, are accessible; opt for the most popular fonts rather than decorative ones.<\/p>\n\n\n\n<p>It&#8217;s also best to keep your use of bold and italic text to a minimum<\/p>\n\n\n\n<p>Use a&nbsp;<strong>minimum<\/strong>&nbsp;<strong>point size of 24<\/strong>&nbsp;for all slide text and don\u2019t put too much text on slides.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Colour and Contrast<\/strong><\/h3>\n\n\n\n<p>As with text documents, do not use colour alone to convey meaning. If someone has a visual impairment, including colour blindness, the emphasis you&#8217;re trying to create by using colour will be lost.<\/p>\n\n\n\n<p>Additionally, when you use colours, please be mindful of the colour contrast. This means the colour contrast between background and foreground content should be great enough to ensure it is legible.<\/p>\n\n\n\n<p>If you want to check contrast, you can visit&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\">WebAIM&#8217;s Color Contrast Checker website<\/a>. (Links to an external site)<\/p>\n\n\n\n<p><strong>Tip: <\/strong>You can also go to View -&gt; Grayscale to have a quick check whether the contrast is great enough.&nbsp;&nbsp; The images below show the same presentation in the full-colour and grayscale view.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Hyperlinks<\/strong><\/h3>\n\n\n\n<p>When linking to a page or document via a hyperlink, use the hyperlink text to describe where the link will take the user. It is recommended that you create descriptive text about where the URL will take the user so it can be easily read by a screen reader.<\/p>\n\n\n\n<p>For example, if you link to additional resources in your slide, avoid using &#8220;read more&#8221; or &#8220;for more info&#8221;. Also avoid underlining text for emphasis, but rather use the&nbsp;<strong>bold<\/strong>&nbsp;function.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Alternative Text<\/strong><\/h3>\n\n\n\n<p>If you include an image in your presentation, if that image is essential to the context for the slide, always use alternative text (or \u2018alt text\u2019). When doing this provide a meaningful description of an image. Alt text allows screen readers and text-to-speech tools to read aloud the content of an image to the user.&nbsp;<\/p>\n\n\n\n<p>Alt text should be clear and concise (1-2 sentences) and explain the relevant content of an image. Alt text is limited to 125 characters, so use that wisely and try to describe the key elements of the image.<\/p>\n\n\n\n<p>If your graphic has text in it, this should be added to the alt text also. Alternatively, if the text is too long to fit in the alt text box (e.g. for charts, infographics), provide a text-only version on the slide.<\/p>\n\n\n\n<p>If an image is there only for appearance, you can mark it as decorative. For example, In Microsoft PowerPoint, select the \u201cMark as decorative box\u201d when the image is selected.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Tables \u2013 Use for Data not Never Layouts<\/strong><\/h3>\n\n\n\n<p>Tables can be great for organising information. However, if used incorrectly, they can be difficult for people to navigate using assistive technologies.<\/p>\n\n\n\n<p>If you add a table to your document, be sure to use it for data and not for layout or document design. <\/p>\n\n\n\n<p>For design, use the dedicated layout templates (e.g. two columns, three columns).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>8. Don&#8217;t go overboard with the animations<\/strong><\/h3>\n\n\n\n<p>Animations can make your presentation more engaging and are an easy tool to illustrate processes. However, don\u2019t use animations alone to convey meaning and keep in mind that some people can get vertigo or be sensitive to flashing or rapidly moving images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>9. Accessibility Checker<\/strong><\/h3>\n\n\n\n<p>Use built-in accessibility checker in PowerPoint to identify any accessibility issues in the presentation. <\/p>\n\n\n\n<p>These tools can help identify any accessibility issues in your documents, ensuring they meet the necessary standards. They will guide you, step by step, on how to make your document more accessible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>10. Captions and Transcripts for Video<\/strong><\/h3>\n\n\n\n<p>If you add videos to your presentation, you also need to make sure it&#8217;s accessible. With video content it is likely that the audio and visual content are both key to the meaning and delivery of the message.<\/p>\n\n\n\n<p>By adding captions\/subtitles will make material accessible to hearing and visually impaired users. This is also useful for users that are unable to watch video with sound.<\/p>\n\n\n\n<p>You can also add a link to transcript or include text-only version on your next slide.<\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Software Specific Guides<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Microsoft PowerPoint<\/strong><\/h3>\n\n\n\n<p>For specific guidance on how to make documents accessible in Microsoft PowerPoint visit the <a href=\"https:\/\/services.ncl.ac.uk\/itservice\/help-services\/accessibility-advice\/designingaccessiblecontent\/presentations\/\">Good Practice Guide for Microsoft PowerPoint.<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Further Resources<\/strong><\/h2>\n\n\n\n<p>For more information on accessibility please visit our webpages for <a href=\"https:\/\/www.ncl.ac.uk\/learning-and-teaching\/effective-practice\/digital-accessibility\/\">Digital Accessibility<\/a> and <a href=\"https:\/\/www.ncl.ac.uk\/learning-and-teaching\/effective-practice\/universal-design\/\">Universal Design<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accessibility week &#8211;Day 2 This blog post outlines how to make presentations (Microsoft PowerPoint) accessible. PowerPoint presentations are one of the most popular tools for learning and teaching &#8211; especially to accompany lectures. But have you ever considered their accessibility? In this article, we&#8217;re going to outline some tips on creating inclusive and engaging presentations &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.ncl.ac.uk\/ltdev\/2023\/05\/17\/creating-accessible-presentations\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Creating Accessible Presentations&#8221;<\/span><\/a><\/p>\n","protected":false},"author":8487,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7088","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/7088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/users\/8487"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/comments?post=7088"}],"version-history":[{"count":11,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/7088\/revisions"}],"predecessor-version":[{"id":7121,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/posts\/7088\/revisions\/7121"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/media?parent=7088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/categories?post=7088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/ltdev\/wp-json\/wp\/v2\/tags?post=7088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}