{"id":22,"date":"2021-08-06T13:17:15","date_gmt":"2021-08-06T17:17:15","guid":{"rendered":"https:\/\/opentextbc.ca\/presentertoolkil\/?post_type=chapter&#038;p=22"},"modified":"2022-07-13T14:51:33","modified_gmt":"2022-07-13T18:51:33","slug":"slide-design","status":"publish","type":"chapter","link":"https:\/\/opentextbc.ca\/presentertoolkit\/chapter\/slide-design\/","title":{"raw":"Slide Design","rendered":"Slide Design"},"content":{"raw":"<a href=\"https:\/\/media.bccampus.ca\/id\/0_vfgo1obj?width=608&height=402&playerId=23449753\">Inclusive Design Webinar Series Part 2: Presentations<\/a>. This webinar on inclusive presentation provides more detailed information about the design of your slides and presentation.\r\n\r\nhttps:\/\/media.bccampus.ca\/id\/0_vfgo1obj?width=608&height=402&playerId=23449753\r\n\r\n&nbsp;\r\n<h1>Slide Titles<\/h1>\r\n<ul>\r\n \t<li>Put your slide title in the heading placeholder on your slide, not in a textbox or a general text placeholder.<\/li>\r\n \t<li>Every slide in your presentation should have a unique title that describes what is on the slide.<\/li>\r\n \t<li>These steps help people find content quickly and individuals using screen readers navigate through a presentation easily.<\/li>\r\n \t<li>For more, view 7:00-8:00 in the Inclusive Design Webinar Series video.<\/li>\r\n<\/ul>\r\n<h1>Slide Layout<\/h1>\r\n<ul>\r\n \t<li>Slide layouts use placeholders for different content types (headings, images, and text). This supports people using screen readers and ensures slide content is read in the correct order.<\/li>\r\n \t<li>Avoid using text boxes, as they are not accessible for people using screen readers.<\/li>\r\n \t<li>If in PowerPoint, use the Slide Master to customize the slide layout.<\/li>\r\n \t<li>For more, view 5:00-7:00 in the Inclusive Design Webinar Series video.<\/li>\r\n<\/ul>\r\n<h1>Font<\/h1>\r\n<ul>\r\n \t<li>Use large (at least 24 point), simple, sans serif fonts (e.g., Arial, Verdana, Helvetica), which can be easily read by most individuals from the back of a large room.<\/li>\r\n<\/ul>\r\n<h1>Colour<\/h1>\r\n<ul>\r\n \t<li>Use high-contrast colours that have a contrast ratio of at least 4.5:1. Use a <a href=\"https:\/\/contrastchecker.com\/\">contrast checker<\/a> to see if the colours meet the minimum contrast ratio.<\/li>\r\n \t<li>Information should not be conveyed by colour alone. For example, avoid saying \u201cthe red bar shows sales have increased.\u201d Instead, refer to where the information is located: \u201cthe far left bar shows sales have increased.\u201d<\/li>\r\n \t<li><a href=\"https:\/\/bccampus.ca\/2019\/05\/14\/accessibility-toolkit-colour-contrast\/\">Excerpt from the BCcampus Accessibility Toolkit: Colour Contrast<\/a><\/li>\r\n<\/ul>\r\n<h1>Images<\/h1>\r\n<ul>\r\n \t<li>Alt text is descriptive text that conveys the meaning and context of a visual item, such as an image, a graph, or a chart.<\/li>\r\n \t<li>A screen reader will read alt text it encounters aloud, allowing people to better understand what is on the screen if they cannot see it.<\/li>\r\n \t<li>Alt text should be short, concise, less than two sentences, and reflect what is important about the image, such as symbolic or metaphorical importance.<\/li>\r\n \t<li><a href=\"https:\/\/www.youtube.com\/watch?v=GKPmZTTqxJk\">Video: Adding Alt Text to Images in PowerPoint<\/a><\/li>\r\n \t<li><a href=\"https:\/\/support.office.com\/en-us\/article\/everything-you-need-to-know-to-write-effective-alt-text-df98f884-ca3d-456c-807b-1a1fa82f5dc2\">Everything you need to know to write effective alt text<\/a><\/li>\r\n \t<li><a href=\"https:\/\/adolab.com\/what-is-image-alt-text-beginners-guide\/\">Beginner\u2019s Guide to Alt Text<\/a><\/li>\r\n<\/ul>\r\n<h1>Videos<\/h1>\r\n<ul>\r\n \t<li>Captions are text versions of the spoken word presented within multimedia.<\/li>\r\n \t<li>Captions are useful to those who cannot hear the audio and people who are not fluent in the language of the audio.<\/li>\r\n \t<li><a href=\"https:\/\/webaim.org\/techniques\/captions\/\">Captions, Transcripts, and Audio Descriptions<\/a><\/li>\r\n \t<li><a href=\"https:\/\/www.washington.edu\/accessibility\/videos\/free-captioning\/\">Captioning Your Own Video for Free<\/a><\/li>\r\n<\/ul>\r\n<h1>Animations<\/h1>\r\n<ul>\r\n \t<li>Avoid unnecessary animations and flashy slide transitions.<\/li>\r\n \t<li>Animations or effects should be slow enough that you can describe what is happening to participants.<\/li>\r\n \t<li><a href=\"https:\/\/business.tutsplus.com\/articles\/powerpoint-animation-tips-and-tricks--cms-27552\">10 Simple PowerPoint Animation Tips and Tricks<\/a><\/li>\r\n<\/ul>\r\n<h1>Links<\/h1>\r\n<ul>\r\n \t<li>Ensure all links have text that describes the topic or purpose of the link.<\/li>\r\n \t<li>Avoid using \u201cclick here\u201d or \u201cread more,\u201d as these phrases do not make the purpose of the link clear.<\/li>\r\n \t<li><a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/chapter\/links\/\">Chapter on Links in the BCcampus Accessibility Toolkit<\/a><\/li>\r\n<\/ul>\r\n<h1>Sharing Your Presentation<\/h1>\r\n<ul>\r\n \t<li>Upload your presentation to the event platform one week before your presentation.<\/li>\r\n \t<li>If possible, upload multiple formats of your presentation (PowerPoint, an HTML file with speaking notes, or a PDF).<\/li>\r\n \t<li>You can <a href=\"https:\/\/support.google.com\/docs\/answer\/6199477?hl=en\">share your Google Slides presentation in HTML view<\/a> using the shortcut <strong>Ctrl + Alt + Shift + P<\/strong> (Windows or Chrome OS) or <strong>\u2318 + Option + Shift + P<\/strong> (Mac). This is helpful for people using screen readers.<\/li>\r\n<\/ul>","rendered":"<p><a href=\"https:\/\/media.bccampus.ca\/id\/0_vfgo1obj?width=608&#38;height=402&#38;playerId=23449753\">Inclusive Design Webinar Series Part 2: Presentations<\/a>. This webinar on inclusive presentation provides more detailed information about the design of your slides and presentation.<\/p>\n<p>https:\/\/media.bccampus.ca\/id\/0_vfgo1obj?width=608&#38;height=402&#38;playerId=23449753<\/p>\n<p>&nbsp;<\/p>\n<h1>Slide Titles<\/h1>\n<ul>\n<li>Put your slide title in the heading placeholder on your slide, not in a textbox or a general text placeholder.<\/li>\n<li>Every slide in your presentation should have a unique title that describes what is on the slide.<\/li>\n<li>These steps help people find content quickly and individuals using screen readers navigate through a presentation easily.<\/li>\n<li>For more, view 7:00-8:00 in the Inclusive Design Webinar Series video.<\/li>\n<\/ul>\n<h1>Slide Layout<\/h1>\n<ul>\n<li>Slide layouts use placeholders for different content types (headings, images, and text). This supports people using screen readers and ensures slide content is read in the correct order.<\/li>\n<li>Avoid using text boxes, as they are not accessible for people using screen readers.<\/li>\n<li>If in PowerPoint, use the Slide Master to customize the slide layout.<\/li>\n<li>For more, view 5:00-7:00 in the Inclusive Design Webinar Series video.<\/li>\n<\/ul>\n<h1>Font<\/h1>\n<ul>\n<li>Use large (at least 24 point), simple, sans serif fonts (e.g., Arial, Verdana, Helvetica), which can be easily read by most individuals from the back of a large room.<\/li>\n<\/ul>\n<h1>Colour<\/h1>\n<ul>\n<li>Use high-contrast colours that have a contrast ratio of at least 4.5:1. Use a <a href=\"https:\/\/contrastchecker.com\/\">contrast checker<\/a> to see if the colours meet the minimum contrast ratio.<\/li>\n<li>Information should not be conveyed by colour alone. For example, avoid saying \u201cthe red bar shows sales have increased.\u201d Instead, refer to where the information is located: \u201cthe far left bar shows sales have increased.\u201d<\/li>\n<li><a href=\"https:\/\/bccampus.ca\/2019\/05\/14\/accessibility-toolkit-colour-contrast\/\">Excerpt from the BCcampus Accessibility Toolkit: Colour Contrast<\/a><\/li>\n<\/ul>\n<h1>Images<\/h1>\n<ul>\n<li>Alt text is descriptive text that conveys the meaning and context of a visual item, such as an image, a graph, or a chart.<\/li>\n<li>A screen reader will read alt text it encounters aloud, allowing people to better understand what is on the screen if they cannot see it.<\/li>\n<li>Alt text should be short, concise, less than two sentences, and reflect what is important about the image, such as symbolic or metaphorical importance.<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=GKPmZTTqxJk\">Video: Adding Alt Text to Images in PowerPoint<\/a><\/li>\n<li><a href=\"https:\/\/support.office.com\/en-us\/article\/everything-you-need-to-know-to-write-effective-alt-text-df98f884-ca3d-456c-807b-1a1fa82f5dc2\">Everything you need to know to write effective alt text<\/a><\/li>\n<li><a href=\"https:\/\/adolab.com\/what-is-image-alt-text-beginners-guide\/\">Beginner\u2019s Guide to Alt Text<\/a><\/li>\n<\/ul>\n<h1>Videos<\/h1>\n<ul>\n<li>Captions are text versions of the spoken word presented within multimedia.<\/li>\n<li>Captions are useful to those who cannot hear the audio and people who are not fluent in the language of the audio.<\/li>\n<li><a href=\"https:\/\/webaim.org\/techniques\/captions\/\">Captions, Transcripts, and Audio Descriptions<\/a><\/li>\n<li><a href=\"https:\/\/www.washington.edu\/accessibility\/videos\/free-captioning\/\">Captioning Your Own Video for Free<\/a><\/li>\n<\/ul>\n<h1>Animations<\/h1>\n<ul>\n<li>Avoid unnecessary animations and flashy slide transitions.<\/li>\n<li>Animations or effects should be slow enough that you can describe what is happening to participants.<\/li>\n<li><a href=\"https:\/\/business.tutsplus.com\/articles\/powerpoint-animation-tips-and-tricks--cms-27552\">10 Simple PowerPoint Animation Tips and Tricks<\/a><\/li>\n<\/ul>\n<h1>Links<\/h1>\n<ul>\n<li>Ensure all links have text that describes the topic or purpose of the link.<\/li>\n<li>Avoid using \u201cclick here\u201d or \u201cread more,\u201d as these phrases do not make the purpose of the link clear.<\/li>\n<li><a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/chapter\/links\/\">Chapter on Links in the BCcampus Accessibility Toolkit<\/a><\/li>\n<\/ul>\n<h1>Sharing Your Presentation<\/h1>\n<ul>\n<li>Upload your presentation to the event platform one week before your presentation.<\/li>\n<li>If possible, upload multiple formats of your presentation (PowerPoint, an HTML file with speaking notes, or a PDF).<\/li>\n<li>You can <a href=\"https:\/\/support.google.com\/docs\/answer\/6199477?hl=en\">share your Google Slides presentation in HTML view<\/a> using the shortcut <strong>Ctrl + Alt + Shift + P<\/strong> (Windows or Chrome OS) or <strong>\u2318 + Option + Shift + P<\/strong> (Mac). This is helpful for people using screen readers.<\/li>\n<\/ul>\n","protected":false},"author":90,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-22","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/pressbooks\/v2\/chapters\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/wp\/v2\/users\/90"}],"version-history":[{"count":11,"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/pressbooks\/v2\/chapters\/22\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/pressbooks\/v2\/chapters\/22\/revisions\/60"}],"part":[{"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/pressbooks\/v2\/chapters\/22\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/pressbooks\/v2\/chapter-type?post=22"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/wp\/v2\/contributor?post=22"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/opentextbc.ca\/presentertoolkit\/wp-json\/wp\/v2\/license?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}