{"id":174,"date":"2021-12-17T18:28:32","date_gmt":"2021-12-17T23:28:32","guid":{"rendered":"https:\/\/openstudio.pub\/hqoc\/chapter\/3-5-presenting-the-content-event-4\/"},"modified":"2023-07-07T23:06:18","modified_gmt":"2023-07-08T03:06:18","slug":"3-5-presenting-the-content-event-4","status":"publish","type":"chapter","link":"https:\/\/openstudio.pub\/qualitycourses\/chapter\/3-5-presenting-the-content-event-4\/","title":{"raw":"3.5 Presenting the content (Event 4)","rendered":"3.5 Presenting the content (Event 4)"},"content":{"raw":"<h1>Select content that supports learning outcomes<\/h1>\nAlthough content is often the first thing we think about when we approach course design, Gagn\u00e9 placed it fourth in his sequential framework, notably <strong>after <\/strong>defining learning outcomes(\/objectives) and activating prior learning.\n\n<img class=\"wp-image-161 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples.png\" alt=\"Image Description found below\" width=\"1001\" height=\"619\">\n<p class=\"copyright-caption\">Caption: In Gagn\u00e9\u2019s Nine Events of Instruction framework, Event 4 focuses on presenting the content.\nCredit: University of Waterloo |<a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/Gagnes-Nine-Events-of-Instruction-Event-1-6-1.pdf\" target=\"_blank\" rel=\"noopener\"> Image Description<\/a><\/p>\nThis reminds us that content should <strong>serve learning outcomes and build on prior learning<\/strong>. Content should equip learners with the resources and information they need to develop the skills identified in the learning outcomes (Barber et al., 2020) and to build on their prior learning.\n<div class=\"list-box-history\">\n<h3>Connection to prior learning<\/h3>\nModule 1.5 describes how <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/section-2-event-2-inform-learners-of-the-objective-a-closer-look-at-backwards-design\/\" target=\"_blank\" rel=\"noopener\">Using backward design<\/a> ensures that course learning activities (including content), help learners successfully achieve the course learning outcomes.\n\n<\/div>\nIn addition to supporting the course learning outcomes and building on prior learning, content should also be designed to facilitate learning. The <strong>User Experience Design for Learning (UXDL) framework<\/strong> provides guidance on how to do this.\n<h1>Use the UXDL framework to design learner-centred content<\/h1>\n<div class=\"learner-box-outer\">\n<div class=\"learner-content-left\">\n\nThe <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/index.aspx\" target=\"_blank\" rel=\"noopener\">User Experience Design for Learning (UXDL) Honeycomb<\/a> is a content design framework developed by the Centre for Extended Learning at the University of Waterloo to provide guidance on how to create quality online content that facilitates learning. The framework was inspired by Peter Morville\u2019s User Experience (UX) Honeycomb (available on Semantic Studio\u2019s <a href=\"https:\/\/semanticstudios.com\/user_experience_design\/\" target=\"_blank\" rel=\"noopener\">User Experience Design<\/a> page) and adapted for a teaching and learning context with permission from the author.\n\nEach cell in the UXDL framework is grounded in psychological research in cognition and learning and presents evidence-based principles for creating online content that is <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">useful<\/a>, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/desirable.aspx\" target=\"_blank\" rel=\"noopener\">desirable<\/a>, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/accessible.aspx\" target=\"_blank\" rel=\"noopener\">accessible<\/a>, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/credible.aspx\" target=\"_blank\" rel=\"noopener\">credible<\/a>, and <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/intuitive.aspx\" target=\"_blank\" rel=\"noopener\">intuitive<\/a> (i.e., findable and usable), together with numerous examples of how to implement the principles presented.\n\n<\/div>\n<div class=\"learner-references-right\"><strong>Who is Peter Morville?<\/strong>\nPeter Morville is a pioneer in the fields of information architecture and user experience. Read <a href=\"https:\/\/semanticstudios.com\/about\/\" target=\"_blank\" rel=\"noopener\">Peter Morville\u2019s biography<\/a> to learn more about him.<\/div>\n<\/div>\n<img class=\"wp-image-162 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/honeycomb-e1639769833887.png\" alt=\"The UXDL Honeycomb framework includes 6 cells (Useful, Desirable, Accessible, Credible, Findable, and Usable) that provide guidance on how to create valuable online learning experiences for learners. \" width=\"565\" height=\"584\">\n<p class=\"copyright-caption\">Caption: The UXDL framework provides guidance on how to create online learning experiences that are useful, desirable, accessible, credible, findable, and usable for learners.\nCredit: \u00a9 Peter Morville, adapted by the University of Waterloo with permission<\/p>\nWe encourage you to explore the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/index.aspx\" target=\"_blank\" rel=\"noopener\">UXDL Honeycomb site<\/a> in its entirety, but for the purposes of this course, we will focus on creating online content that is <strong>useful<\/strong> and <strong>accessible<\/strong>.\n<h1><a id=\"Design-useful-online-content\" href=\"\"><\/a>Design useful online content<\/h1>\nIn Module 2.6 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-6-building-community-through-activities-assessments\/\" target=\"_blank\" rel=\"noopener\">Building Community Through Activities &amp; Assessments<\/a>, we looked at ways to engage learners with their peers and with you as their instructor. Here, we turn our attention to ways to engage learners effectively with online content. The useful cell of the UXDL honeycomb provides guidance on how to design online content that is <strong>useful for learning<\/strong>.\n<h2>Why the design of online content matters<\/h2>\n<div class=\"learner-box-outer\">\n<div class=\"learner-content-left\">\n\nAs described by educational psychologist John Sweller (1988), the ability of humans to process information in working memory is extremely limited; if the information exceeds our ability to process it, <strong>cognitive overload<\/strong> occurs, which impedes learning.\n\nPresenting information in ways that <strong>avoid cognitive overload<\/strong> is therefore an important goal when designing online content. But it\u2019s only the first step.\n\nIn order for meaningful learning to occur, cognitive psychologist Richard Mayer (2009) explains that online content should further be designed to facilitate the cognitive processes of\n\n<\/div>\n<div class=\"learner-references-right\"><strong>Who is John Sweller? <\/strong>\nJohn Sweller is an educational psychologist who formulated <strong>cognitive load theory<\/strong> (CLT). Read the biography of <a href=\"https:\/\/en.wikipedia.org\/wiki\/John_Sweller\" target=\"_blank\" rel=\"noopener\">John Sweller<\/a> to learn more about him.<\/div>\n<\/div>\n<div class=\"box-img-content\">\n<div class=\"box-img\"><img class=\"aligncenter size-full wp-image-163\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/selecting.png\" alt=\"selecting\" width=\"200\" height=\"200\"><\/div>\n<div class=\"box-content\">\n<h3><strong>selecting<\/strong> relevant information,<\/h3>\n<\/div>\n<\/div>\n<div class=\"box-img-content\">\n<div class=\"box-img\"><img class=\"aligncenter size-full wp-image-164\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/organizing.png\" alt=\"organizing\" width=\"200\" height=\"200\"><\/div>\n<div class=\"box-content\">\n<h3><strong>organizing<\/strong> it into a coherent framework, and<\/h3>\n<\/div>\n<\/div>\n<div class=\"box-img-content\">\n<div class=\"box-img\"><img class=\"aligncenter size-full wp-image-165\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/integrating.png\" alt=\"integrating\" width=\"200\" height=\"200\"><\/div>\n<div class=\"box-content\">\n<h3><strong>integrating<\/strong> it with prior knowledge.<\/h3>\n<\/div>\n<\/div>\n<p class=\"copyright-caption\">Caption: In order for meaningful learning to occur, learners should be able to select relevant information, organize it into a coherent framework, and integrate it with prior knowledge.\nCredit: University of Waterloo, UXDL Honeycomb, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">How Do We Create Useful Online Learning Experiences?<\/a> | <a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/Aspects-of-meaningful-learning.pdf\" target=\"_blank\" rel=\"noopener\">Image Description<\/a><\/p>\n\n<div class=\"learner-box-outer\">\n<div class=\"learner-content-left\">\n\nAccording to Mayer\u2019s <strong>cognitive theory of multimedia learning<\/strong>, when learners select, organize, and integrate information, they are better able to construct meaning and retain knowledge (Mayer, 2009). For more information about Mayer\u2019s cognitive theory of multimedia learning, see the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">How Do We Create Useful Online Learning Experiences?<\/a> page of the UXDL Honeycomb site.\n\nBelow we present some simple strategies for designing online content in ways that avoid <strong>cognitive overload<\/strong> and <strong>help learners effectively select, organize, and integrate information<\/strong>.\n\n<\/div>\n<div class=\"learner-references-right\"><strong>Who is Richard Mayer? <strong>\n<\/strong><\/strong>Richard Mayer is a cognitive psychologist who developed the <strong>cognitive theory of multimedia learning<\/strong>. Read <a href=\"https:\/\/en.wikipedia.org\/wiki\/Richard_E._Mayer\" target=\"_blank\" rel=\"noopener\">Richard Mayer\u2019s biography<\/a> to learn more about him.<\/div>\n<\/div>\n<h2><a id=\"Content-design-strategies-to-avoid-cognitive-overload-and-help-learners-select-organize-and-integrate-information\" href=\"\"><\/a>Content design strategies to avoid cognitive overload and help learners select, organize, and integrate information<\/h2>\n<h3>Minimize distraction<\/h3>\nTo minimize distraction\n<ul>\n \t<li>get right to the point, leaving out unnecessary words, sounds, and pictures (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#coherenceprinciple\" target=\"_blank\" rel=\"noopener\">coherence<\/a> principle);<\/li>\n \t<li>point out important information (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#signalingprinciple\" target=\"_blank\" rel=\"noopener\">signalling<\/a> principle);<\/li>\n \t<li>avoid duplicating narration with on-screen text (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#redundancyprinciple\" target=\"_blank\" rel=\"noopener\">redundancy<\/a> principle); and<\/li>\n \t<li>place images and related text close together (the <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-9-references\/\" target=\"_blank\" rel=\"noopener\">spatial contiguity<\/a> principle) and have them appear at the same time (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#spatialtemporal\" target=\"_blank\" rel=\"noopener\">temporal contiguity<\/a> principle).<\/li>\n<\/ul>\n<h3>Help learners process new material<\/h3>\nCognitive overload can also occur when essential material is complex, or when learners are novices. To help learners process complex (and essential) material more efficiently\n<ul>\n \t<li>break content into shorter segments (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#segmentingprinciple\" target=\"_blank\" rel=\"noopener\">segmenting<\/a> principle),<\/li>\n \t<li>introduce key terms and concepts first (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#pretrainingprinciple\" target=\"_blank\" rel=\"noopener\">pretraining<\/a> principle), and<\/li>\n \t<li>pair narration with images, not text (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#modalityprinciple\" target=\"_blank\" rel=\"noopener\">modality<\/a> principle).<\/li>\n<\/ul>\nWhy is segmenting important? Nilson and Goodson (2018) explain that\n<blockquote>[s]egmented chunks reduce complexity, prevent students from feeling overwhelmed, and make the content easier to grasp, even if the amount of information remains the same\" (p. 42).<\/blockquote>\n<h3>Help learners construct a model\/schema<\/h3>\nTo help learners organize and integrate information with relevant prior knowledge,\n<ul>\n \t<li>use a mix of media: pair words with images rather than using words alone, and when selecting images, focus mainly on organizational and other visuals that are conducive to learning (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#multimediaprinciple\" target=\"_blank\" rel=\"noopener\">multimedia<\/a> principle);<\/li>\n \t<li>use a conversational style (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#personalizationvoiceprinciples\" target=\"_blank\" rel=\"noopener\">personalization &amp; voice<\/a> principles); and<\/li>\n \t<li>use human demonstration when it supports the learning task (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#imageprinciple\" target=\"_blank\" rel=\"noopener\">image<\/a> principle).<\/li>\n<\/ul>\n<div class=\"note-box\"><strong>Video tip<\/strong>: video can be resource-intensive to produce, so <strong>start small<\/strong>. A good entry point is to use video to explain or demonstrate concepts that learners typically find challenging (instructional bottlenecks) or are cognitively complex. <strong>Keep video segments short<\/strong>: no more than five or six minutes. These videos can simply present you explaining\/demonstrating a concept, or can provide a voice-over screen capture of a concept map you created, or can explain an image.<\/div>\n<div class=\"advanced\">\n\nQuality Advanced\n<h4><a id=\"An-example-of-how-the-multimedia-principle-works\" href=\"\"><\/a>An example of how the multimedia principle works<\/h4>\nThe following video, from the University of Pittsburgh\u2019s Centre for Teaching and Learning does a good job of both describing Mayer\u2019s principles of multimedia design and using the principles in the design and creation of the video.\n\n[embed]https:\/\/youtu.be\/bJZnIqQphN0[\/embed]\n<p class=\"copyright\">Transcript for <a href=\"https:\/\/www.youtube.com\/watch?v=bJZnIqQphN0\" target=\"_blank\" rel=\"noopener\">Mayer\u2019s Principles of Multimedia Design<\/a> is available on YouTube. | Video length ~ 9 mins.<\/p>\n\n<\/div>\n<h3>Provide worked examples and opportunities for retrieval practice<\/h3>\n<a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#renklsprinciple\" target=\"_blank\" rel=\"noopener\">Worked examples<\/a> (demonstrating how to arrive at solutions to problems) <strong>reduce cognitive load<\/strong> by <strong>making problem-solving techniques visible<\/strong> (Ayres, 2015). As learners progress, this scaffolding can gradually fade to partially worked examples and finally to open-ended questions.\n\n<a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#testingeffect\" target=\"_blank\" rel=\"noopener\">Retrieval practice<\/a> (i.e., assessing learners, or providing opportunities for them to test themselves) helps leaners <strong>retain new knowledge longer<\/strong>, and <strong>transfer it to new contexts better<\/strong> (Roediger &amp; Butler, 2010). Interpolating opportunities for retrieval practice throughout content has also been shown to help learners sustain their attention to learning material, reduce mind wandering, and increase note-taking activities (Szpunar et al., 2013).\n<h2><a id=\"Examples-of-how-designing-content-with-UXDL-principles-could-work\" href=\"\"><\/a>Examples of how designing content with UXDL principles could work<\/h2>\nThe <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">How Do We Create Useful Online Learning Experiences?<\/a> page of the UXDL Honeycomb site provides examples of each of the principles outlined above. In addition to these discrete examples, below we offer examples of <strong>online modules designed with UXDL principles<\/strong>.\n<div class=\"advanced\">\n\nQuality Advanced\n<h4>Example 1: The scientific method module<\/h4>\nThe Scientific Method module is an open resource describing how the scientific method works by using global climate change as an example. It uses the following UXDL principles to help learners select, organize, and integrate relevant information:\n<ul>\n \t<li><strong>multimedia<\/strong>: the resource includes a combination of text, images, video, and interaction, which helps learners to attend to and stay focused on the material but also to learn it efficiently, as they organize and integrate the visual and verbal representations and actively engage in meaning-making;<\/li>\n \t<li><strong>coherence<\/strong>: content is well-structured and uses lots of white space; images do a great job of depicting spatial relationships and are used to enhance understanding or otherwise contribute to the experience of reading the text;<\/li>\n \t<li><strong>segmenting<\/strong>: text-based content is broken into easily readable chunks with images, video, and interactions interspersed throughout to aid understanding; and<\/li>\n \t<li><strong>signalling<\/strong>: done with icons and call-out boxes.<\/li>\n<\/ul>\n<a href=\"https:\/\/contensis.uwaterloo.ca\/\/sites\/open\/topics\/ScientificMethod\/toc\/modules\/the-scientific-method.aspx\" target=\"_blank\" rel=\"noopener\">The Scientific Method<\/a>\n<p class=\"copyright\">Credit: Dr. Keith Delaney, Faculty of Earth and Environmental Sciences, and Centre for Extended Learning, University of Waterloo<\/p>\n\n<\/div>\n<div class=\"advanced\">\n\nQuality Advanced\n<h4>Example 2: Introduction to experimental uncertainty for physics lab courses<\/h4>\nIntroduction to experimental uncertainty is a series of open modules designed to prepare learners for physics lab courses. They use the following UXDL principles to help learners select, organize, and integrate relevant information:\n<ul>\n \t<li><strong>multimedia<\/strong>: organizational visuals paired with text help learners construct a schema of the concepts introduced, actively engaging them in meaning-making<\/li>\n \t<li><strong>coherence<\/strong>: content is well-structured and uses lots of white space; images are used to depict spatial relationships, and to signal and segment content<\/li>\n \t<li><strong>segmenting<\/strong>: text-based content is broken into easily readable chunks with images interspersed to aid understanding<\/li>\n \t<li><strong>signalling<\/strong>: done here with definition call-out boxes, bolding, and images<\/li>\n \t<li><strong>retrieval practice<\/strong>: learners have the opportunity to get feedback on their learning through \u201cTest your understanding\u201d concept-check questions<\/li>\n<\/ul>\n<a href=\"https:\/\/open.science.uwaterloo.ca\/9?gid=37\" target=\"_blank\" rel=\"noopener\">Introduction to Experimental Uncertainty <\/a>\n<p class=\"copyright\">Credit: Dr. Meg Ward, Department of Physics and Astronomy, and Centre for Extended Learning, University of Waterloo<\/p>\n\n<\/div>\n<div class=\"advanced\">\n\nQuality Advanced\n<h3><a id=\"Strategies-for-synchronous-sessions\" href=\"\"><\/a>Strategies for synchronous sessions<\/h3>\nIf you are using live sessions, these can create an opportunity to use strategies like helping learners process new material, constructing models and schemas, and providing worked examples, all in real time. For instance, consider working through a problem together with the students, inviting questions along the way. Or have students help construct a model of the course content together. Or simply invite students to identify their greatest points of confusion with course concepts, using their feedback to help clarify the muddiest points in the course in real time.\n\nKeep in mind that highly structured live sessions will help reduce distractions for students. Focus on having a clear plan for your time and sharing your plan with your students.\n\nSynchronous sessions are also a great way to build community and create social presence in your course. For more information about how to design synchronous sessions for these purposes effectively, see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-5-fostering-social-presence-during-term#Using-synchronous-sessions\" target=\"_blank\" rel=\"noopener\">Using Synchronous Sessions<\/a> in Module 4.5 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-5-fostering-social-presence-during-term\/\" target=\"_blank\" rel=\"noopener\">Fostering Social Presence During Term<\/a>.\n\n<\/div>\n<div class=\"box\">\n<h2><a id=\"Activity-Create-an-online-content-storyboard-for-one-topic\" href=\"\"><\/a>Activity: Create an online content storyboard for one topic<\/h2>\n<strong>Learning outcomes:<\/strong>\nThis activity is directly aligned with <strong>Course Learning Outcome (CLO) 6<\/strong>: Structure and present your online content and assessments in ways that facilitate student learning and foster a sense of community.\n\n<strong>Instructions:<\/strong>\nBuild on the <strong><a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-4-gaining-learner-attention-event-1#Activity-Attend-to-this-topic\" target=\"_blank\" rel=\"noopener\">Attend to This Topic!<\/a><\/strong>\u00a0activity in section 3.4 by designing a content storyboard for one of your course topics.\n<div class=\"box\">\n\n<strong>What is an online content storyboard?<\/strong>\n\nThe term <strong>storyboard<\/strong> comes from the film industry where storyboards are used as planning tools to visualize film sequences using a series of still images. In an online learning context, a storyboard is a document that presents your plan for how a topic will be presented in your course, including the on-screen text and how it will be segmented with headings, visuals, video, audio and\/or other interactive elements.\n\n<\/div>\nStart with your text, and clearly indicate where you will add\n<ul>\n \t<li>gain-attention elements (quotes, visuals, video, etc.) to introduce the topic;<\/li>\n \t<li>headings and subheadings (if using Word, use <strong>Styles <\/strong>to format heading levels);<\/li>\n \t<li>signalling elements (e.g., bolding, definition\/key concept call-out boxes, etc.);<\/li>\n \t<li>video or audio components, including alternative\/accessible options; and<\/li>\n \t<li>activities (e.g., concept-check questions, reflections, discussions, etc.).<\/li>\n<\/ul>\nYou may use any tool you are comfortable with to create your storyboard, including Word (and equivalents), PowerPoint (and equivalents), or other programs\/applications with which you are familiar.\n\nDownload the <strong><a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/HQOC_M3_Create_An_Online_Content_Storyboard_Worksheet.docx\" target=\"_blank\" rel=\"noopener\">Content Storyboard<\/a><\/strong> [DOCX] to create a Word version to complete offline.\n\nPlease note that this activity doesn't have an in-line counterpart.\n\n<\/div>\n<h1><a id=\"Design-accessible-online-content\" href=\"\"><\/a>Design accessible online content<\/h1>\nThe Accessible cell of the UXDL honeycomb provides guidance on how to design online content that is <strong>accessible for learning<\/strong>. Accessibility is a primary consideration when designing online content, because learning is a nonstarter if learners are not able to access it.\n\nAs highlighted in Module 1.3 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/introduction-what-is-quality-in-online-learning\/\" target=\"_blank\" rel=\"noopener\">What is Quality in Online Learning?<\/a> , an important starting place when designing learner-centred courses is to recognize that <strong>our learners are diverse<\/strong>, with <strong>various needs, goals, and constraints<\/strong>. To ensure that we address this diversity in ways that minimize barriers to learning, we create <strong>flexible paths to learning<\/strong>, paths that give every learner meaningful opportunities to learn.\u202fThat\u2019s the essence of the <a href=\"https:\/\/udlguidelines.cast.org\/\" target=\"_blank\" rel=\"noopener\">Universal Design for Learning (UDL) guidelines:<\/a>\u00a0UDL provides a research-based framework to help us design learning experiences that provide meaningful <strong>content, activity, and assessment options<\/strong> for learners.\n\nBelow, we focus on UDL strategies that provide learners with <strong>meaningful options for online content<\/strong>.\n<h2><a id=\"Strategies-for-designing-accessible-online-content\" href=\"\"><\/a>Strategies for designing accessible online content<\/h2>\n<h3>Provide multiple means of representation<\/h3>\n[caption id=\"attachment_168\" align=\"alignright\" width=\"300\"]<img class=\"wp-image-166 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-representation.png\" alt=\"Multiple Means of Representation A monitor is depicted, with icons symbolizing text, audio, video, and pictures appearing on-screen\" width=\"300\" height=\"200\"> (\"Social\" icon by Akbar azis; \u201cexam\u201d icon by Loritas Medina; \u201cVisual Assets\u201d by Melvin; \u201cAudio\u201d icon by Alice Design; \u201cfont size\u201d icon by Gregor Cresnar; and \u201ccomputer screen\u201d icon by Sunan, from the Noun Project. Used under CC BY 3.0 license.)[\/caption]\n\nIn other words, we need to present content and information in different ways.\n\nThis includes\n<ul>\n \t<li>providing <strong>options for displaying information<\/strong>, including alternatives for audio and visual presentations (e.g., captions and transcripts);<\/li>\n \t<li>providing <strong>options for language, mathematical expressions and symbols<\/strong>, including using examples, summary visuals, and clarifications of vocabulary, symbols, and syntax; and<\/li>\n \t<li>providing <strong>options for comprehension<\/strong>, including\n<ul>\n \t<li>stimulating recall of prior knowledge (see 1.7 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/section-3-event-3-stimulate-recall-of-prior-learning-a-closer-look-at-our-learners\/\" target=\"_blank\" rel=\"noopener\">Learning About Your Learners<\/a> );<\/li>\n \t<li>signalling important information (see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-5-presenting-the-content-event-4\/#Design-useful-online-content\" target=\"_blank\" rel=\"noopener\">Design Useful Online Content<\/a> above); and<\/li>\n \t<li>enhancing transfer (see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-6-enhancing-retention-and-transfer-event-9\/\" target=\"_blank\" rel=\"noopener\">Enhancing Retention and Transfer<\/a>\u00a0below).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<strong>Examples<\/strong> of each of these strategies are available on\u202fCAST\u2019s UDL Guidelines site, on the <a href=\"https:\/\/udlguidelines.cast.org\/representation\/?utm_source=castsite&amp;utm_medium=web&amp;utm_campaign=none&amp;utm_content=aboutudl\" target=\"_blank\" rel=\"noopener\">Provide Multiple Means of Representation page<\/a>.\n<h3><a id=\"A-meta-example-of-how-to-provide-multiple-means-of-representation\" href=\"\"><\/a>A (meta)example of how to provide multiple means of representation<\/h3>\n<div class=\"example\">\n<h3>How we did this in this module<\/h3>\nIn this module, we\n<ul>\n \t<li>provided <strong>options for displaying information<\/strong>, including transcripts for all video content and descriptive and alt text for visuals (e.g., see the image description for the <a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/HQOC-course-map-d.pdf\" target=\"_blank\" rel=\"noopener\">Course Pathways Organizational visual <\/a>);<\/li>\n \t<li>provided <strong>summary visuals<\/strong> for core concepts as an option for comprehension (e.g., the visual, \"Making the structure of a field of knowledge explicit helps learners retain new knowledge and connect it to prior knowledge\" in Module 3.3 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-3-structuring-your-course\/\" target=\"_blank\" rel=\"noopener\">Structuring Your Course<\/a>) ;<\/li>\n \t<li>provided <strong>clarification of vocabulary<\/strong> in the <strong>Key terms<\/strong> <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-1-module-overview#M3-Key-terms\" target=\"_blank\" rel=\"noopener\">section<\/a>\u00a0of the <strong>Module Overview<\/strong> <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-1-module-overview\/\" target=\"_blank\" rel=\"noopener\">page<\/a>;<\/li>\n \t<li><strong>stimulated recall of prior knowledge<\/strong> with \u201cconnection to prior learning\u201d call-outs throughout the module; and<\/li>\n \t<li><strong>enhanced transfer<\/strong> by presenting information in an organized structure (using the Nine Events framework), offering examples across disciplines and contexts and including opportunities for learners to apply their learning to their own course throughout the module.<\/li>\n<\/ul>\n<\/div>\n<h3>Provide multiple means of engagement<\/h3>\n[caption id=\"attachment_168\" align=\"alignright\" width=\"300\"]<img class=\"wp-image-167 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-engaagement.png\" alt=\"Multiple means of engagement Icon of a human head with arrows pointing to 3 icons: a lightbulb, a heart, and a puzzle.\" width=\"300\" height=\"200\"> (\"choice\" icon by Nithinan Tatah, from the Noun Project. Used under CC BY 3.0 license.)[\/caption]\n\nIn section 3.4 above, we looked at ways of <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-4-gaining-learner-attention-event-1\/\" target=\"_blank\" rel=\"noopener\">gaining learners\u2019 attention.<\/a>\u00a0 Here, we consider ways of <strong>sustaining learners\u2019 attention<\/strong>. In other words, how do we <strong>motivate<\/strong> learners to persist and <strong>stay engaged<\/strong> in their learning throughout their online course?\n\nBelow, we briefly explore the UDL guidelines for\n<ul>\n \t<li>recruiting interest,<\/li>\n \t<li>sustaining effort and persistence, and<\/li>\n \t<li>self-regulation.<\/li>\n<\/ul>\n<h4><a id=\"Strategies-for-increasing-engagement-and-motivation\" href=\"\"><\/a>Strategies for increasing engagement and motivation<\/h4>\n<h5><strong>Ensure alignment<\/strong><\/h5>\nAs mentioned previously, a good starting point in keeping learners engaged in their learning is to ensure that course content, learning activities, and assessments align with course learning outcomes.\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\nModule 1.5 describes how <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/section-2-event-2-inform-learners-of-the-objective-a-closer-look-at-backwards-design\/\" target=\"_blank\" rel=\"noopener\">using backward design<\/a> ensures that learning activities and assessments are aligned with course learning outcomes.\n\n<\/div>\nBe sure to remind learners that what they\u2019re doing is contributing toward the overarching goal of the course. Showing them the relevance of what they\u2019re doing will increase their motivation to continue to engage in course activities.\n<h5><strong>Design authentic learning activities<\/strong><\/h5>\nProvide opportunities for learners to apply their learning to real-world scenarios and toward solving real-world problems, or other meaningful practical applications.\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\nSee <strong>Examples of How Authentic Assessment Could Work<\/strong> in Module 2.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-4-eliciting-learner-performance-event-6\/\" target=\"_blank\" rel=\"noopener\">Eliciting Learner Performance<\/a> for some ideas of how to do this.\n\n<\/div>\n<h5><strong>Provide options for how to achieve learning outcomes<\/strong><\/h5>\nAllow learners to <strong>choose <\/strong>how they will demonstrate their learning, including offering multiple topics and formats for activities and assessments.\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\nConnection to prior learning See <strong>Example Online Activities and Assessments<\/strong> in Module 2.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-4-eliciting-learner-performance-event-6\/\" target=\"_blank\" rel=\"noopener\">Eliciting Learner Performance<\/a> for examples of various types of assessment.\n\n<\/div>\n<h5><strong>Provide opportunities for self-assessment and reflection<\/strong><\/h5>\nSelf-assessment helps learners <strong>recognize<\/strong> when <strong>they are making progress toward learning goals<\/strong>, which can be highly motivating. Providing opportunities for learners to reflect metacognitively on their developing understanding, including which concepts they\u2019ve mastered, which still need to be learned, and the effectiveness of their approach to learning, <strong>boosts both motivation and performance<\/strong> (Barber et al., 2020).\n<h5><strong>Be an engaged instructor<\/strong><\/h5>\nYour <strong>active teaching presence<\/strong> in the course plays a significant role in<strong> learner persistence<\/strong>. When learners sense that you care about their learning, they are more likely to want to persist (Robb &amp; Sutton, 2014, as cited by Nilson &amp; Goodson, 2018, p. 111). For ideas of how to increase your teaching presence, take a look at Module 4.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-4-building-teaching-presence-during-term\/\" target=\"_blank\" rel=\"noopener\">Building Teaching Presence During Term.<\/a>\n<h5><strong>Create a learning community<\/strong><\/h5>\nProviding <strong>meaningful opportunities<\/strong> for learners to engage with course content, their peers, and their instructors helps learners to feel part of a community, which increases their motivation to persist in online learning.\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\nFor ideas of how to build community in online courses, take a look at Module 2.6 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-6-building-community-through-activities-assessments\/\" target=\"_blank\" rel=\"noopener\">Building Community Through Activities and Assessments.<\/a>\n\n<\/div>\n<strong>Examples<\/strong> of each of these strategies are also available on CAST\u2019s UDL Guidelines site, on the <a href=\"https:\/\/udlguidelines.cast.org\/engagement\/?utm_source=castsite&amp;utm_medium=web&amp;utm_campaign=none&amp;utm_content=aboutudl\" target=\"_blank\" rel=\"noopener\">Provide Multiple Means of Engagement page.<\/a>\n<h3><a id=\"Examples-of-how-providing-multiple-means-of-engagement-could-work\" href=\"\"><\/a>Examples of how providing multiple means of engagement could work<\/h3>\n<div class=\"essential\">\n\nQuality Essential\n<h4>Example 1: Options for authentic learning<\/h4>\nIn his Shakespeare courses, Dr. Ted McGee presents opportunities and options for his learners to engage in the kinds of authentic activities practiced by theatre and literary professionals\u2014directors and editors\u2014that allow them to explore (a) how Shakespeare\u2019s plays speak to audiences today and (b) how to solve textual problems in early manuscripts.\n\n<strong>In the Director\u2019s Chair activities<\/strong> allow learners to don the persona of director as they make (and defend) staging decisions that allow them to explore the plays in light of contemporary issues relevant to audiences today.\n\n<strong>At the Editor\u2019s Desk activities<\/strong> invite learners to play the role of someone preparing a trustworthy edition of a play, deciding (with evidence) which early version of the text should be followed, and how to deal with issues that seem problematic, incomplete, or nonsensical in the only early text that survives.\n\nFor each of these activities, learners choose to work on four out of the seven plays covered in the course.\n<p class=\"copyright\">Credit: Dr. Ted McGee, Department of English Language and Literature, University of Waterloo<\/p>\n\n<\/div>\n<div class=\"essential\">\n\nQuality Essential\n<h4>Example 2: Options for engaged teaching<\/h4>\n<strong>Nudge students who are falling behind<\/strong>\nSend targeted, personalized messages to learners who are falling behind, offering suggestions for what they can do to make up lost ground in the course. (See Module 4.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-4-building-teaching-presence-during-term\/\" target=\"_blank\" rel=\"noopener\">Building Teaching Presence During Term<\/a> for more options in this vein.)\n<p class=\"copyright\">(Darby &amp; Lang, 2019, p. 150)<\/p>\n\n<\/div>\n<div class=\"advanced\">\n\nQuality Advanced\n<h4>Example 3: Options for self-regulation<\/h4>\n<strong>Learning contract activity<\/strong>\nA learning contract is a strategy designed to give learners ownership over their learning, which helps to foster self-regulation. Learners are prompted to reflect on how they learn and are asked to establish clear goals and timelines for achieving their goals. Instructors contribute a list of expectations to which learners must agree.\n\nSee <a href=\"https:\/\/uwaterloo.ca\/centre-for-teaching-excellence\/teaching-resources\/teaching-tips\/tips-students\/self-directed-learning\/self-directed-learning-learning-contracts\" target=\"_blank\" rel=\"noopener\">Self-Directed Learning: Learning Contracts<\/a> from the Centre for Teaching Excellence at the University of Waterloo for information about how to use this strategy, including a learning contract template and completed sample contract.\n<p class=\"copyright\">Credit: Centre for Teaching Excellence, University of Waterloo<\/p>\n\n<\/div>\n<div class=\"advanced\">\n\nQuality Advanced\n<h4>Example 4: Options for sustaining effort and persistence in a blended course<\/h4>\nIn a blended course (or online course with synchronous elements), reflection questions are provided periodically throughout each module of online content. Learners select a question to respond to at the end of each module and compose a short 1\u20132 paragraph reflection on a theme that piques their interest, which they submit online prior to a live\/face-to-face session. During a subsequent synchronous session, these reflection questions can be utilized in different ways to engage learners. For example, instructors can choose specific questions from the reflections for small topic-based group discussion, or additional questions can be posed that build on the ideas from the original reflection questions. Overall the reflection questions provide learners with the opportunity to think through their ideas on the module topic before the live session.\n\nThese strategies encourage learners to persist and stay engaged in their learning, provides the opportunity to think through their ideas on the module topic before the live session, to explore particular interests with peers, and gives instructors insights into learners\u2019 evolving understanding of course content while also allowing them to pivot the direction or facilitation approach of synchronous sessions in response to learners' needs and interests (while still achieving the intended learning outcomes). This approach works equally well with professional and novice learners.\n<p class=\"copyright\">Credit: Dr. Peggy DeJong and Dr. Amber Hastings-Truelove, HPE 806: Indigenous Health Professions Education, Master of Health Professions Education, Queen\u2019s University<\/p>\n\n<\/div>\n<div class=\"edii-box\">\n<h2>An EDII perspective: Understanding the AODA<\/h2>\nWhile UDL is designed to improve learning for everyone, we have a particular ethical and legal responsibility to ensure that learners with disabilities have equitable access to our learning spaces. <strong>The Accessibility for Ontarians with Disabilities Act (AODA)<\/strong> is a law enacted in 2005 by the Legislative Assembly of Ontario to ensure full accessibility for Ontarians with physical and mental disabilities to all public establishments by 2025 (see <a href=\"https:\/\/aoda.ca\/what-is-the-aoda\/\" target=\"_blank\" rel=\"noopener\">What is the AODA?<\/a> for more information).\n<blockquote>The purpose of the AODA is to develop, implement, and enforce accessibility standards or rules so that all Ontarians will benefit from accessible services, programs, spaces, and employment. <strong>The standards help organizations to prevent or remove barriers that limit the things people with disabilities can do, the places they can go, and the attitudes of service providers toward them<\/strong>.\"\n\n(Thomson, 2018)<\/blockquote>\n<strong>The AODA Postsecondary Education Standards Development Committee<\/strong> propose a number of recommendations for decreasing barriers and ensuring publicly funded postsecondary education is more accessible to people with disabilities. Many areas are covered, but highlighted themes include <strong>reducing barriers to <a href=\"https:\/\/www.aoda.ca\/accessible-online-learning\/\" target=\"_blank\" rel=\"noopener\">accessible online learning<\/a><\/strong>and addressing accommodations through a<strong> UDL approach<\/strong>.\n\nRefer to the <a href=\"https:\/\/aoda.ca\/aoda-education-standards\/\" target=\"_blank\" rel=\"noopener\">AODA Education Standards<\/a> site for more information, and if you are interested in exploring the recommendations directly, read the Postsecondary Education Standards Development Committee's initial report: <a href=\"https:\/\/www.aodaalliance.org\/wp-content\/uploads\/2021\/06\/PSE-SDC-Initial-Recommendations-Report_June-25-2021.docx\" target=\"_blank\" rel=\"noopener\">Development of Proposed PSE Standards \u2013 2021 Initial Recommendations Report.docx<\/a>.\n\n<\/div>\n<div class=\"edii-box\">\n<h2>An EDII perspective: Understanding the difference between accessibility and accommodation<\/h2>\nIt is likely that if we do not experience a visible or hidden disability, then we might think that the terms <strong>accessibility<\/strong> and <strong>accommodation<\/strong>\u00a0are interchangeable terms, but this is incorrect.\n<h3>Definitions<\/h3>\n<strong>Accessibility<\/strong> \u201cis what we should expect to be ready for us without asking or planning ahead. It can be provided by following an easy to implement set of standards and practices that make 'adaptation' unnecessary. We can benefit from accessibility without announcing or explaining our disabilities\u201d (Pulrang, 2013).\n\n<strong>Accommodation<\/strong>\u00a0\u201cis for adaptations that can't be anticipated or standardized. They are different for each individual. Although we should expect there to be a general willingness to accommodate us wherever we go, we can't expect actual, specific accommodations unless and until we ask for them. We do have to announce, and may have to explain our disabilities a bit in order to get accommodations\u201d (Pulrang, 2013).\n<blockquote>Accessibility is the baseline of equal service, and accommodation is the second step to take when accessibility alone isn't enough.\" (Pulrang, 2013)<\/blockquote>\n<strong>UDL provides a strong framework for proactively ensuring that a majority of our content and design is accessible, and the need for reactive individual accommodations is reduced.<\/strong>\n\n<\/div>\n<h1>Develop accessible online content<\/h1>\nIt is important to ensure that course content is as accessible as possible when it is created in an online platform.\n<h2><a id=\"Strategies-for-organizing-and-formatting-accessible-course-content\" href=\"\"><\/a>Strategies for organizing and formatting accessible course content<\/h2>\nMaking your content accessible can seem like a daunting task. The following three considerations are a good place to start:\n<div class=\"list-box-UDL\">\n<h3>Universal Design for Learning (UDL)<\/h3>\nAll learners benefit when you use the principles of Universal Design for Learning in organizing and formatting your content (see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-5-presenting-the-content-event-4\/#Design-accessible-online-content\" target=\"_blank\" rel=\"noopener\">Design Accessible Online Content<\/a> above and <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-4-eliciting-learner-performance-event-6#Provide-multiple-means-of-action-and-expression\" target=\"_blank\" rel=\"noopener\">Provide Multiple Means of Action and Expression<\/a> in Module 2.4).\n\n<\/div>\n<div class=\"list-box-Assistive-technologies\">\n<h3>Consider assistive technologies<\/h3>\nSome learners will use <strong>assistive technologies<\/strong> to access online content. Blind and visually impaired learners may use <strong>screen readers<\/strong>, while learners who are hearing impaired rely on <strong>live captions and transcripts<\/strong>\u00a0(<a href=\"https:\/\/webaim.org\/intro\/\" target=\"_blank\" rel=\"noopener\">WebAIM<\/a>).\n\n<\/div>\n<div class=\"list-box-Accessibility-Checker\">\n<h3>Use an accessibility checker<\/h3>\nUse an <strong>accessibility checker<\/strong>: Many applications and learning management systems have built-in accessibility checkers that will flag accessibility problems, such as insufficient colour contrast or incorrectly formatted headings. Microsoft Word, PowerPoint, and Excel come with built-in accessibility checkers, while you can download apps to check the accessibility of Google Slides, for example. It is also possible to make fully accessible PDFs. For websites, you can use <a href=\"https:\/\/webaim.org\/about\/\" target=\"_blank\" rel=\"noopener\">WAVE, the Web Accessibility Evaluation Tool<\/a>.\n\n<\/div>\n<h3>Accessible content organization<\/h3>\n<strong>Headings<\/strong>: Headings define the hierarchy of content, and screen readers and other assistive technologies rely on properly formatted headings to navigate a web page or document. Ideally, there should be one h1 per page or document, used for the title of the document\/page. For subsections, use h2, h3, h4, and so on to nest content. <strong>Headings should follow logically and should never skip a level<\/strong> (i.e., do not go from h1 to h3). For example:\n<ul>\n \t<li>&lt;h1&gt; Course syllabus &lt;\/h1&gt;\n<ul>\n \t<li>&lt;h2&gt; About this course &lt;\/h2&gt;\n<ul>\n \t<li>&lt;h3&gt; Course description &lt;\/h3&gt;<\/li>\n \t<li>&lt;h3&gt; Meeting time and location &lt;\/h3&gt;<\/li>\n \t<li>&lt;h3&gt; Contact information &lt;\/h3&gt;<\/li>\n<\/ul>\n<\/li>\n \t<li>&lt;h2&gt;Course content &lt;\/h2&gt;\n<ul>\n \t<li>&lt;h3&gt; Required texts &lt;\/h3&gt;<\/li>\n \t<li>&lt;h3&gt; Weekly topics &lt;\/h3&gt;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nTypically, when composing text in an application (rather than directly coding), the application will have a \"heading\" section where the h1, h2, h3 formats are prepopulated and it is as easy as selecting the heading to insert it in your body text.\n\nWhere possible, arrange text linearly and <strong>avoid using tables to display information<\/strong>. Screen readers and other assistive technologies struggle to make sense of information presented in tables unless very specifically formatted.\n<h3>Accessible font and colour choices<\/h3>\nAvoid relying only on bolded text, coloured text, or font changes to indicate important information or emphasis. Screen readers and other assistive technologies do not interpret bolded or coloured text as hierarchical or of greater or lesser importance. Headings should be used to structure content, and any visual cues signalling key information should be accompanied by written cues.\n\nWhen you do use colour, make sure the text and background colours have <strong>strong contrast<\/strong> and are presented in a legible font and font size. Avoid using busy images or bright patterns as background for your text as it is distracting to the learners\u2019 ability to read text and may result in areas of the text with insufficient contrast for readability. If not using a solid-coloured background, consider backgrounds with images or strong colours and patterns only around areas where the text will not be present or use a gradient of appropriate colours or muted images\/patterns that have been \u201cblurred out\u201d or out of focus, so the learner can access the text. Sites like <a href=\"http:\/\/colorsafe.co\/\" target=\"_blank\" rel=\"noopener\">Colour Safe<\/a>, the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener\">WebAIM Contrast Checker<\/a>, and the <a href=\"http:\/\/www.sussex.ac.uk\/tel\/resource\/tel_website\/accessiblecontrast\/?q=FFFFFF~003b49~1d4289~94a596~e56db1~d3273e~00bfb2~d6d2c4~ffc845~dc582a~41b6e6~1b365d~be84a3~5d3754~7da1c4~f2c75c~d0d3d4~007a78~000000\" target=\"_blank\" rel=\"noopener\">University of Sussex\u2019s Accessible Colour Contrast page<\/a> can help you make accessible design choices.\n\nAlso, be sure to avoid strobing, flickering, and flashing text and animations as they could trigger seizures in learners with photosensitive epilepsy. The Web Content Accessibility Guidelines (WCAG) stipulate that\n<blockquote>. . . if the content flashes more than three times per second, is notably large (a small animating image would not cause a seizure), and has bright contrast in the flashes (especially if the colour red is present), it may cause a seizure and must be avoided\" (<a href=\"https:\/\/webaim.org\/articles\/seizure\/\" target=\"_blank\" rel=\"noopener\">WebAIM, n.d.-a).<\/a><\/blockquote>\n<h3>Accessible links<\/h3>\nEnsure links and buttons contain descriptive text (refer to the list of key terms on the <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-1-module-overview#M3-Key-terms\" target=\"_blank\" rel=\"noopener\">Module Overview page<\/a> for a definition of descriptive text). When naming links, <strong>avoid generic phrases<\/strong> such as \u201cclick here,\u201d \u201chere,\u201d \u201cmore,\u201d \u201cmore information,\u201d \u201cread more,\u201d etc. Link names should match the title of the page they\u2019re linking to, and links should be visually differentiated from other page content (<a href=\"https:\/\/webaim.org\/resources\/quickref\/\">WebAIM, n.d.-b<\/a>).\n<h3>Accessible multimedia<\/h3>\n[caption id=\"attachment_168\" align=\"alignright\" width=\"233\"]<img class=\"wp-image-168 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/assistive-technologies-l.png\" alt=\"computer screen with impaired hearing icon and impaired visual icon within it\" width=\"233\" height=\"200\"> (\"hearing impaired\" icon by IcoLabs; \"Visually Impaired\" by Shocho; and \u201ccomputer screen\u201d icon by Sunan, from the Noun Project. Used under CC BY 3.0 license.)[\/caption]\n\nVideos and audio (live or archived) must have captions and a transcript.\n\nFor <strong>live sessions<\/strong>, some video conferencing applications provide live captioning. This can be more or less accurate based on a number of factors, such as content area (technical or niche language is less likely to be appropriately interpreted) or accents. To increase accessibility, and to accommodate any learners who may have difficulty connecting to a session or cannot otherwise attend, live sessions should be recorded, captions should be edited, and then posted for class access in the LMS or course web page. Note that this may not be an appropriate option if sensitive or personal topics are being discussed to help protect learners who are being vulnerable in a safe space.\n\nFor <strong>prerecorded content<\/strong>, you are not expected to create these captions or transcripts from scratch, though some video conferencing or multimedia recording applications have AI that automatically generates captions, which you can then proofread before adding to your multimedia file. Some institutions provide enterprise-level media players that can generate captions once multimedia is uploaded or offer automatic captioning services or captioning support, often through accessibility service units or centres for teaching and learning. These services vary, so inquire at your institution. You may also seek to pay a company for captioning and transcription services, and often educational rates are available.\n\nEnsure all <strong>audio and video elements are controllable by the learner<\/strong>. This means they have, at the very least, the ability to start and stop the video\/audio at any time. Most media players also allow the learner to jump forward\/backward through the multimedia as needed and change its playback speed.\n\nAll these elements provide learners who need more time to perceive the content with <strong>control over their learning experience<\/strong> and the ability to review or pause material as needed. This assists not only learners with disabilities, but learners whose first language is not the language of instruction and any learner who might be struggling with learning the content. It is also best practice to provide learners with an indication of how long the multimedia will be before they click to play the item. This allows learners to decide whether they have enough time to effectively review and learn the content that will be presented before proceeding (<a href=\"https:\/\/webaim.org\/resources\/quickref\/\">WebAIM, n.d.-b<\/a>).\n\n&nbsp;\n\nlmages that convey information that is useful for understanding the content should have associated alternative text (alt text). If an image is just decorative and doesn't convey meaningful information, the alt text can remain empty (refer to <a href=\"https:\/\/www.w3.org\/WAI\/test-evaluate\/preliminary\/#images\" target=\"_blank\" rel=\"noopener\">Easy Checks \u2013 A First Review of Web Accessibility<\/a> for some beginner tips).\n[h5p id=\"43\"]\n<div class=\"edii-box\">\n<h2>An EDII perspective: Working with alt &amp; descriptive text<\/h2>\nNote that generating alternative text or descriptive text is a gained skill and takes time to develop. Often, a good approach is to try to put oneself into the shoes of a learner who has never experienced the content before and also may not see the image itself. Consider what elements are most important and key to understanding the concept being presented, and describe them first in a concise way so learners can quickly grasp the key ideas and then work through the details.\n\nSuggested resources for learning alternative text and how to make math accessible can be found through the DIAGRAM Centre, including\n<ul>\n \t<li><a href=\"http:\/\/diagramcenter.org\/making-images-accessible.html\" target=\"_blank\" rel=\"noopener\">image description<\/a> resources for helping make images accessible and<\/li>\n \t<li><a href=\"http:\/\/diagramcenter.org\/accessible-math-tools-tips-and-training.html\" target=\"_blank\" rel=\"noopener\">accessible math<\/a> tools, tips, and training.<\/li>\n<\/ul>\n<\/div>\n<strong>Avoid putting text on images unless necessary<\/strong>, so that it remains accessible to a screen reader. Text that is in the main body of your document\/web page is called \"true text.\" We've provided some examples below.\n<div class=\"advanced\">\n\nQuality Advanced\n<h5>Example 1: Placing text on an image<\/h5>\nIf you want to put a quote on an image, it would be better to present the quote as regular text (true text) and put the image beside it, rather than overlay the text as part of the image. If you really needed to include the text as part of this image, then the alternate text for this image would include a description of the image and include the exact quote that was used.\n<img class=\"wp-image-169 size-large alignleft\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-1024x512.png\" alt=\"Image of horse sleeping with quote: &quot;The willing horse is always overworked by Charles Darwin&quot;\" width=\"1024\" height=\"512\">\n<p class=\"copyright-caption\">Caption: In this example, the quote is overlaid on the image to create a \"picture\" element, therefore alternative text for this image would be something like as follows: \"Image of horse sleeping with quote 'The willing horse is always overworked' by Charles Darwin.\nCredit: Tahira Mursleen, University of Waterloo<\/p>\n\n<h5><\/h5>\n<h5><\/h5>\n<h5><\/h5>\n<h5>Example 2: Using captions<\/h5>\nYou may need to include labels or text descriptors on an image for it to make sense. In this case, you could have a caption that describes the general ideas or concepts described by the image (improving comprehension and accessibility of the image for all learners) and supplement with either alternate text or descriptive text, which provides a detailed description of all image elements and labels. Avoid including titles and captions as part of the image. In some cases, legends could be inserted into the caption or in the main body text.\n<img class=\"size-large wp-image-170 alignleft\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-1024x489.png\" alt=\"Decorative image of a horse sleeping\" width=\"1024\" height=\"489\">\n<p class=\"copyright-caption\">Caption: In this example, the quote is part of the main text and is accessible by a screen reader. Therefore, the alternate text for the image would be \"Decorative image of a horse sleeping.\"\nCredit: Tahira Mursleen, University of Waterloo<\/p>\n\n<\/div>\n<div class=\"box\">\n<h3><\/h3>\n<h3>Summary: Creating accessible online content<\/h3>\nThe \"Web Accessibility for Designers\" resource from WebAIM provides a nice summary of, and some additional tips for creating accessible online content. Some of these tips are specific to web page design; however, most principles apply across the mediums you might use for content creation, organization, and formatting. For a text version of the image and additional resources, click the infographic, which will take you to the WebAIM website.\n<a href=\"http:\/\/webaim.org\/resources\/designers\/\" target=\"_blank\" rel=\"noopener\"><img class=\"aligncenter\" src=\"http:\/\/webaim.org\/resources\/designers\/media\/designers.svg\" alt=\"Web Accessibility for Designers infographic with link to text version at WebAIM.org\" width=\"700\" height=\"864\"><\/a>(WebAIM, n.d.-c)\n\n<\/div>\n<div class=\"edii-box\">\n<h2>An EDII perspective on additional accommodations<\/h2>\nThe benefit of applying the principles discussed so far in this module, including <strong>course and module organization, structure, visualization, and ensuring content is accessible<\/strong>, is that not only do they improve the learning experience of all learners but they anticipate some of your learners' accommodation needs. Creating accessible content also sets you up for success with learners who require additional accommodation.\n\nSome learners may need course content transformed into another medium, such as Braille. Having your content developed as accessibly as possible ahead of time allows learners to have their material converted to the appropriate format, enabling them to effectively participate in the course. Learners are responsible for notifying accessibility services of their needs, and a staff person is often the one who will reach out to ask for your content so it can be transformed. This process often takes weeks (or months) and providing an accessible Word document of your content can speed up the process significantly.\n\n<\/div>","rendered":"<h1>Select content that supports learning outcomes<\/h1>\n<p>Although content is often the first thing we think about when we approach course design, Gagn\u00e9 placed it fourth in his sequential framework, notably <strong>after <\/strong>defining learning outcomes(\/objectives) and activating prior learning.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-161 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples.png\" alt=\"Image Description found below\" width=\"1001\" height=\"619\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples.png 1001w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples-300x186.png 300w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples-768x475.png 768w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples-65x40.png 65w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples-225x139.png 225w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2021\/12\/gagne-event-1-6-examples-350x216.png 350w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/p>\n<p class=\"copyright-caption\">Caption: In Gagn\u00e9\u2019s Nine Events of Instruction framework, Event 4 focuses on presenting the content.<br \/>\nCredit: University of Waterloo |<a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/Gagnes-Nine-Events-of-Instruction-Event-1-6-1.pdf\" target=\"_blank\" rel=\"noopener\"> Image Description<\/a><\/p>\n<p>This reminds us that content should <strong>serve learning outcomes and build on prior learning<\/strong>. Content should equip learners with the resources and information they need to develop the skills identified in the learning outcomes (Barber et al., 2020) and to build on their prior learning.<\/p>\n<div class=\"list-box-history\">\n<h3>Connection to prior learning<\/h3>\n<p>Module 1.5 describes how <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/section-2-event-2-inform-learners-of-the-objective-a-closer-look-at-backwards-design\/\" target=\"_blank\" rel=\"noopener\">Using backward design<\/a> ensures that course learning activities (including content), help learners successfully achieve the course learning outcomes.<\/p>\n<\/div>\n<p>In addition to supporting the course learning outcomes and building on prior learning, content should also be designed to facilitate learning. The <strong>User Experience Design for Learning (UXDL) framework<\/strong> provides guidance on how to do this.<\/p>\n<h1>Use the UXDL framework to design learner-centred content<\/h1>\n<div class=\"learner-box-outer\">\n<div class=\"learner-content-left\">\n<p>The <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/index.aspx\" target=\"_blank\" rel=\"noopener\">User Experience Design for Learning (UXDL) Honeycomb<\/a> is a content design framework developed by the Centre for Extended Learning at the University of Waterloo to provide guidance on how to create quality online content that facilitates learning. The framework was inspired by Peter Morville\u2019s User Experience (UX) Honeycomb (available on Semantic Studio\u2019s <a href=\"https:\/\/semanticstudios.com\/user_experience_design\/\" target=\"_blank\" rel=\"noopener\">User Experience Design<\/a> page) and adapted for a teaching and learning context with permission from the author.<\/p>\n<p>Each cell in the UXDL framework is grounded in psychological research in cognition and learning and presents evidence-based principles for creating online content that is <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">useful<\/a>, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/desirable.aspx\" target=\"_blank\" rel=\"noopener\">desirable<\/a>, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/accessible.aspx\" target=\"_blank\" rel=\"noopener\">accessible<\/a>, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/credible.aspx\" target=\"_blank\" rel=\"noopener\">credible<\/a>, and <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/intuitive.aspx\" target=\"_blank\" rel=\"noopener\">intuitive<\/a> (i.e., findable and usable), together with numerous examples of how to implement the principles presented.<\/p>\n<\/div>\n<div class=\"learner-references-right\"><strong>Who is Peter Morville?<\/strong><br \/>\nPeter Morville is a pioneer in the fields of information architecture and user experience. Read <a href=\"https:\/\/semanticstudios.com\/about\/\" target=\"_blank\" rel=\"noopener\">Peter Morville\u2019s biography<\/a> to learn more about him.<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-162 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/honeycomb-e1639769833887.png\" alt=\"The UXDL Honeycomb framework includes 6 cells (Useful, Desirable, Accessible, Credible, Findable, and Usable) that provide guidance on how to create valuable online learning experiences for learners.\" width=\"565\" height=\"584\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/honeycomb-e1639769833887.png 565w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/honeycomb-e1639769833887-290x300.png 290w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/honeycomb-e1639769833887-65x67.png 65w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/honeycomb-e1639769833887-225x233.png 225w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/honeycomb-e1639769833887-350x362.png 350w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/p>\n<p class=\"copyright-caption\">Caption: The UXDL framework provides guidance on how to create online learning experiences that are useful, desirable, accessible, credible, findable, and usable for learners.<br \/>\nCredit: \u00a9 Peter Morville, adapted by the University of Waterloo with permission<\/p>\n<p>We encourage you to explore the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/index.aspx\" target=\"_blank\" rel=\"noopener\">UXDL Honeycomb site<\/a> in its entirety, but for the purposes of this course, we will focus on creating online content that is <strong>useful<\/strong> and <strong>accessible<\/strong>.<\/p>\n<h1><a id=\"Design-useful-online-content\" href=\"\"><\/a>Design useful online content<\/h1>\n<p>In Module 2.6 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-6-building-community-through-activities-assessments\/\" target=\"_blank\" rel=\"noopener\">Building Community Through Activities &amp; Assessments<\/a>, we looked at ways to engage learners with their peers and with you as their instructor. Here, we turn our attention to ways to engage learners effectively with online content. The useful cell of the UXDL honeycomb provides guidance on how to design online content that is <strong>useful for learning<\/strong>.<\/p>\n<h2>Why the design of online content matters<\/h2>\n<div class=\"learner-box-outer\">\n<div class=\"learner-content-left\">\n<p>As described by educational psychologist John Sweller (1988), the ability of humans to process information in working memory is extremely limited; if the information exceeds our ability to process it, <strong>cognitive overload<\/strong> occurs, which impedes learning.<\/p>\n<p>Presenting information in ways that <strong>avoid cognitive overload<\/strong> is therefore an important goal when designing online content. But it\u2019s only the first step.<\/p>\n<p>In order for meaningful learning to occur, cognitive psychologist Richard Mayer (2009) explains that online content should further be designed to facilitate the cognitive processes of<\/p>\n<\/div>\n<div class=\"learner-references-right\"><strong>Who is John Sweller? <\/strong><br \/>\nJohn Sweller is an educational psychologist who formulated <strong>cognitive load theory<\/strong> (CLT). Read the biography of <a href=\"https:\/\/en.wikipedia.org\/wiki\/John_Sweller\" target=\"_blank\" rel=\"noopener\">John Sweller<\/a> to learn more about him.<\/div>\n<\/div>\n<div class=\"box-img-content\">\n<div class=\"box-img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-163\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/selecting.png\" alt=\"selecting\" width=\"200\" height=\"200\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/selecting.png 200w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/selecting-150x150.png 150w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/selecting-65x65.png 65w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/div>\n<div class=\"box-content\">\n<h3><strong>selecting<\/strong> relevant information,<\/h3>\n<\/div>\n<\/div>\n<div class=\"box-img-content\">\n<div class=\"box-img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-164\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/organizing.png\" alt=\"organizing\" width=\"200\" height=\"200\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/organizing.png 200w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/organizing-150x150.png 150w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/organizing-65x65.png 65w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/div>\n<div class=\"box-content\">\n<h3><strong>organizing<\/strong> it into a coherent framework, and<\/h3>\n<\/div>\n<\/div>\n<div class=\"box-img-content\">\n<div class=\"box-img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-165\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/integrating.png\" alt=\"integrating\" width=\"200\" height=\"200\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/integrating.png 200w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/integrating-150x150.png 150w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/integrating-65x65.png 65w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/div>\n<div class=\"box-content\">\n<h3><strong>integrating<\/strong> it with prior knowledge.<\/h3>\n<\/div>\n<\/div>\n<p class=\"copyright-caption\">Caption: In order for meaningful learning to occur, learners should be able to select relevant information, organize it into a coherent framework, and integrate it with prior knowledge.<br \/>\nCredit: University of Waterloo, UXDL Honeycomb, <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">How Do We Create Useful Online Learning Experiences?<\/a> | <a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/Aspects-of-meaningful-learning.pdf\" target=\"_blank\" rel=\"noopener\">Image Description<\/a><\/p>\n<div class=\"learner-box-outer\">\n<div class=\"learner-content-left\">\n<p>According to Mayer\u2019s <strong>cognitive theory of multimedia learning<\/strong>, when learners select, organize, and integrate information, they are better able to construct meaning and retain knowledge (Mayer, 2009). For more information about Mayer\u2019s cognitive theory of multimedia learning, see the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">How Do We Create Useful Online Learning Experiences?<\/a> page of the UXDL Honeycomb site.<\/p>\n<p>Below we present some simple strategies for designing online content in ways that avoid <strong>cognitive overload<\/strong> and <strong>help learners effectively select, organize, and integrate information<\/strong>.<\/p>\n<\/div>\n<div class=\"learner-references-right\"><strong>Who is Richard Mayer? <strong><br \/>\n<\/strong><\/strong>Richard Mayer is a cognitive psychologist who developed the <strong>cognitive theory of multimedia learning<\/strong>. Read <a href=\"https:\/\/en.wikipedia.org\/wiki\/Richard_E._Mayer\" target=\"_blank\" rel=\"noopener\">Richard Mayer\u2019s biography<\/a> to learn more about him.<\/div>\n<\/div>\n<h2><a id=\"Content-design-strategies-to-avoid-cognitive-overload-and-help-learners-select-organize-and-integrate-information\" href=\"\"><\/a>Content design strategies to avoid cognitive overload and help learners select, organize, and integrate information<\/h2>\n<h3>Minimize distraction<\/h3>\n<p>To minimize distraction<\/p>\n<ul>\n<li>get right to the point, leaving out unnecessary words, sounds, and pictures (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#coherenceprinciple\" target=\"_blank\" rel=\"noopener\">coherence<\/a> principle);<\/li>\n<li>point out important information (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#signalingprinciple\" target=\"_blank\" rel=\"noopener\">signalling<\/a> principle);<\/li>\n<li>avoid duplicating narration with on-screen text (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#redundancyprinciple\" target=\"_blank\" rel=\"noopener\">redundancy<\/a> principle); and<\/li>\n<li>place images and related text close together (the <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-9-references\/\" target=\"_blank\" rel=\"noopener\">spatial contiguity<\/a> principle) and have them appear at the same time (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#spatialtemporal\" target=\"_blank\" rel=\"noopener\">temporal contiguity<\/a> principle).<\/li>\n<\/ul>\n<h3>Help learners process new material<\/h3>\n<p>Cognitive overload can also occur when essential material is complex, or when learners are novices. To help learners process complex (and essential) material more efficiently<\/p>\n<ul>\n<li>break content into shorter segments (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#segmentingprinciple\" target=\"_blank\" rel=\"noopener\">segmenting<\/a> principle),<\/li>\n<li>introduce key terms and concepts first (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#pretrainingprinciple\" target=\"_blank\" rel=\"noopener\">pretraining<\/a> principle), and<\/li>\n<li>pair narration with images, not text (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#modalityprinciple\" target=\"_blank\" rel=\"noopener\">modality<\/a> principle).<\/li>\n<\/ul>\n<p>Why is segmenting important? Nilson and Goodson (2018) explain that<\/p>\n<blockquote><p>[s]egmented chunks reduce complexity, prevent students from feeling overwhelmed, and make the content easier to grasp, even if the amount of information remains the same&#8221; (p. 42).<\/p><\/blockquote>\n<h3>Help learners construct a model\/schema<\/h3>\n<p>To help learners organize and integrate information with relevant prior knowledge,<\/p>\n<ul>\n<li>use a mix of media: pair words with images rather than using words alone, and when selecting images, focus mainly on organizational and other visuals that are conducive to learning (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#multimediaprinciple\" target=\"_blank\" rel=\"noopener\">multimedia<\/a> principle);<\/li>\n<li>use a conversational style (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#personalizationvoiceprinciples\" target=\"_blank\" rel=\"noopener\">personalization &amp; voice<\/a> principles); and<\/li>\n<li>use human demonstration when it supports the learning task (the <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#imageprinciple\" target=\"_blank\" rel=\"noopener\">image<\/a> principle).<\/li>\n<\/ul>\n<div class=\"note-box\"><strong>Video tip<\/strong>: video can be resource-intensive to produce, so <strong>start small<\/strong>. A good entry point is to use video to explain or demonstrate concepts that learners typically find challenging (instructional bottlenecks) or are cognitively complex. <strong>Keep video segments short<\/strong>: no more than five or six minutes. These videos can simply present you explaining\/demonstrating a concept, or can provide a voice-over screen capture of a concept map you created, or can explain an image.<\/div>\n<div class=\"advanced\">\n<p>Quality Advanced<\/p>\n<h4><a id=\"An-example-of-how-the-multimedia-principle-works\" href=\"\"><\/a>An example of how the multimedia principle works<\/h4>\n<p>The following video, from the University of Pittsburgh\u2019s Centre for Teaching and Learning does a good job of both describing Mayer\u2019s principles of multimedia design and using the principles in the design and creation of the video.<\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"Mayer\u2019s Principles of Multimedia Design\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/bJZnIqQphN0?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"copyright\">Transcript for <a href=\"https:\/\/www.youtube.com\/watch?v=bJZnIqQphN0\" target=\"_blank\" rel=\"noopener\">Mayer\u2019s Principles of Multimedia Design<\/a> is available on YouTube. | Video length ~ 9 mins.<\/p>\n<\/div>\n<h3>Provide worked examples and opportunities for retrieval practice<\/h3>\n<p><a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#renklsprinciple\" target=\"_blank\" rel=\"noopener\">Worked examples<\/a> (demonstrating how to arrive at solutions to problems) <strong>reduce cognitive load<\/strong> by <strong>making problem-solving techniques visible<\/strong> (Ayres, 2015). As learners progress, this scaffolding can gradually fade to partially worked examples and finally to open-ended questions.<\/p>\n<p><a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx#testingeffect\" target=\"_blank\" rel=\"noopener\">Retrieval practice<\/a> (i.e., assessing learners, or providing opportunities for them to test themselves) helps leaners <strong>retain new knowledge longer<\/strong>, and <strong>transfer it to new contexts better<\/strong> (Roediger &amp; Butler, 2010). Interpolating opportunities for retrieval practice throughout content has also been shown to help learners sustain their attention to learning material, reduce mind wandering, and increase note-taking activities (Szpunar et al., 2013).<\/p>\n<h2><a id=\"Examples-of-how-designing-content-with-UXDL-principles-could-work\" href=\"\"><\/a>Examples of how designing content with UXDL principles could work<\/h2>\n<p>The <a href=\"https:\/\/cms.cel.uwaterloo.ca\/honeycomb\/useful.aspx\" target=\"_blank\" rel=\"noopener\">How Do We Create Useful Online Learning Experiences?<\/a> page of the UXDL Honeycomb site provides examples of each of the principles outlined above. In addition to these discrete examples, below we offer examples of <strong>online modules designed with UXDL principles<\/strong>.<\/p>\n<div class=\"advanced\">\n<p>Quality Advanced<\/p>\n<h4>Example 1: The scientific method module<\/h4>\n<p>The Scientific Method module is an open resource describing how the scientific method works by using global climate change as an example. It uses the following UXDL principles to help learners select, organize, and integrate relevant information:<\/p>\n<ul>\n<li><strong>multimedia<\/strong>: the resource includes a combination of text, images, video, and interaction, which helps learners to attend to and stay focused on the material but also to learn it efficiently, as they organize and integrate the visual and verbal representations and actively engage in meaning-making;<\/li>\n<li><strong>coherence<\/strong>: content is well-structured and uses lots of white space; images do a great job of depicting spatial relationships and are used to enhance understanding or otherwise contribute to the experience of reading the text;<\/li>\n<li><strong>segmenting<\/strong>: text-based content is broken into easily readable chunks with images, video, and interactions interspersed throughout to aid understanding; and<\/li>\n<li><strong>signalling<\/strong>: done with icons and call-out boxes.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/contensis.uwaterloo.ca\/\/sites\/open\/topics\/ScientificMethod\/toc\/modules\/the-scientific-method.aspx\" target=\"_blank\" rel=\"noopener\">The Scientific Method<\/a><\/p>\n<p class=\"copyright\">Credit: Dr. Keith Delaney, Faculty of Earth and Environmental Sciences, and Centre for Extended Learning, University of Waterloo<\/p>\n<\/div>\n<div class=\"advanced\">\n<p>Quality Advanced<\/p>\n<h4>Example 2: Introduction to experimental uncertainty for physics lab courses<\/h4>\n<p>Introduction to experimental uncertainty is a series of open modules designed to prepare learners for physics lab courses. They use the following UXDL principles to help learners select, organize, and integrate relevant information:<\/p>\n<ul>\n<li><strong>multimedia<\/strong>: organizational visuals paired with text help learners construct a schema of the concepts introduced, actively engaging them in meaning-making<\/li>\n<li><strong>coherence<\/strong>: content is well-structured and uses lots of white space; images are used to depict spatial relationships, and to signal and segment content<\/li>\n<li><strong>segmenting<\/strong>: text-based content is broken into easily readable chunks with images interspersed to aid understanding<\/li>\n<li><strong>signalling<\/strong>: done here with definition call-out boxes, bolding, and images<\/li>\n<li><strong>retrieval practice<\/strong>: learners have the opportunity to get feedback on their learning through \u201cTest your understanding\u201d concept-check questions<\/li>\n<\/ul>\n<p><a href=\"https:\/\/open.science.uwaterloo.ca\/9?gid=37\" target=\"_blank\" rel=\"noopener\">Introduction to Experimental Uncertainty <\/a><\/p>\n<p class=\"copyright\">Credit: Dr. Meg Ward, Department of Physics and Astronomy, and Centre for Extended Learning, University of Waterloo<\/p>\n<\/div>\n<div class=\"advanced\">\n<p>Quality Advanced<\/p>\n<h3><a id=\"Strategies-for-synchronous-sessions\" href=\"\"><\/a>Strategies for synchronous sessions<\/h3>\n<p>If you are using live sessions, these can create an opportunity to use strategies like helping learners process new material, constructing models and schemas, and providing worked examples, all in real time. For instance, consider working through a problem together with the students, inviting questions along the way. Or have students help construct a model of the course content together. Or simply invite students to identify their greatest points of confusion with course concepts, using their feedback to help clarify the muddiest points in the course in real time.<\/p>\n<p>Keep in mind that highly structured live sessions will help reduce distractions for students. Focus on having a clear plan for your time and sharing your plan with your students.<\/p>\n<p>Synchronous sessions are also a great way to build community and create social presence in your course. For more information about how to design synchronous sessions for these purposes effectively, see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-5-fostering-social-presence-during-term#Using-synchronous-sessions\" target=\"_blank\" rel=\"noopener\">Using Synchronous Sessions<\/a> in Module 4.5 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-5-fostering-social-presence-during-term\/\" target=\"_blank\" rel=\"noopener\">Fostering Social Presence During Term<\/a>.<\/p>\n<\/div>\n<div class=\"box\">\n<h2><a id=\"Activity-Create-an-online-content-storyboard-for-one-topic\" href=\"\"><\/a>Activity: Create an online content storyboard for one topic<\/h2>\n<p><strong>Learning outcomes:<\/strong><br \/>\nThis activity is directly aligned with <strong>Course Learning Outcome (CLO) 6<\/strong>: Structure and present your online content and assessments in ways that facilitate student learning and foster a sense of community.<\/p>\n<p><strong>Instructions:<\/strong><br \/>\nBuild on the <strong><a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-4-gaining-learner-attention-event-1#Activity-Attend-to-this-topic\" target=\"_blank\" rel=\"noopener\">Attend to This Topic!<\/a><\/strong>\u00a0activity in section 3.4 by designing a content storyboard for one of your course topics.<\/p>\n<div class=\"box\">\n<p><strong>What is an online content storyboard?<\/strong><\/p>\n<p>The term <strong>storyboard<\/strong> comes from the film industry where storyboards are used as planning tools to visualize film sequences using a series of still images. In an online learning context, a storyboard is a document that presents your plan for how a topic will be presented in your course, including the on-screen text and how it will be segmented with headings, visuals, video, audio and\/or other interactive elements.<\/p>\n<\/div>\n<p>Start with your text, and clearly indicate where you will add<\/p>\n<ul>\n<li>gain-attention elements (quotes, visuals, video, etc.) to introduce the topic;<\/li>\n<li>headings and subheadings (if using Word, use <strong>Styles <\/strong>to format heading levels);<\/li>\n<li>signalling elements (e.g., bolding, definition\/key concept call-out boxes, etc.);<\/li>\n<li>video or audio components, including alternative\/accessible options; and<\/li>\n<li>activities (e.g., concept-check questions, reflections, discussions, etc.).<\/li>\n<\/ul>\n<p>You may use any tool you are comfortable with to create your storyboard, including Word (and equivalents), PowerPoint (and equivalents), or other programs\/applications with which you are familiar.<\/p>\n<p>Download the <strong><a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/HQOC_M3_Create_An_Online_Content_Storyboard_Worksheet.docx\" target=\"_blank\" rel=\"noopener\">Content Storyboard<\/a><\/strong> [DOCX] to create a Word version to complete offline.<\/p>\n<p>Please note that this activity doesn&#8217;t have an in-line counterpart.<\/p>\n<\/div>\n<h1><a id=\"Design-accessible-online-content\" href=\"\"><\/a>Design accessible online content<\/h1>\n<p>The Accessible cell of the UXDL honeycomb provides guidance on how to design online content that is <strong>accessible for learning<\/strong>. Accessibility is a primary consideration when designing online content, because learning is a nonstarter if learners are not able to access it.<\/p>\n<p>As highlighted in Module 1.3 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/introduction-what-is-quality-in-online-learning\/\" target=\"_blank\" rel=\"noopener\">What is Quality in Online Learning?<\/a> , an important starting place when designing learner-centred courses is to recognize that <strong>our learners are diverse<\/strong>, with <strong>various needs, goals, and constraints<\/strong>. To ensure that we address this diversity in ways that minimize barriers to learning, we create <strong>flexible paths to learning<\/strong>, paths that give every learner meaningful opportunities to learn.\u202fThat\u2019s the essence of the <a href=\"https:\/\/udlguidelines.cast.org\/\" target=\"_blank\" rel=\"noopener\">Universal Design for Learning (UDL) guidelines:<\/a>\u00a0UDL provides a research-based framework to help us design learning experiences that provide meaningful <strong>content, activity, and assessment options<\/strong> for learners.<\/p>\n<p>Below, we focus on UDL strategies that provide learners with <strong>meaningful options for online content<\/strong>.<\/p>\n<h2><a id=\"Strategies-for-designing-accessible-online-content\" href=\"\"><\/a>Strategies for designing accessible online content<\/h2>\n<h3>Provide multiple means of representation<\/h3>\n<figure id=\"attachment_168\" aria-describedby=\"caption-attachment-168\" style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-166 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-representation.png\" alt=\"Multiple Means of Representation A monitor is depicted, with icons symbolizing text, audio, video, and pictures appearing on-screen\" width=\"300\" height=\"200\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-representation.png 300w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-representation-65x43.png 65w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-representation-225x150.png 225w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-168\" class=\"wp-caption-text\">(&#8220;Social&#8221; icon by Akbar azis; \u201cexam\u201d icon by Loritas Medina; \u201cVisual Assets\u201d by Melvin; \u201cAudio\u201d icon by Alice Design; \u201cfont size\u201d icon by Gregor Cresnar; and \u201ccomputer screen\u201d icon by Sunan, from the Noun Project. Used under CC BY 3.0 license.)<\/figcaption><\/figure>\n<p>In other words, we need to present content and information in different ways.<\/p>\n<p>This includes<\/p>\n<ul>\n<li>providing <strong>options for displaying information<\/strong>, including alternatives for audio and visual presentations (e.g., captions and transcripts);<\/li>\n<li>providing <strong>options for language, mathematical expressions and symbols<\/strong>, including using examples, summary visuals, and clarifications of vocabulary, symbols, and syntax; and<\/li>\n<li>providing <strong>options for comprehension<\/strong>, including\n<ul>\n<li>stimulating recall of prior knowledge (see 1.7 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/section-3-event-3-stimulate-recall-of-prior-learning-a-closer-look-at-our-learners\/\" target=\"_blank\" rel=\"noopener\">Learning About Your Learners<\/a> );<\/li>\n<li>signalling important information (see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-5-presenting-the-content-event-4\/#Design-useful-online-content\" target=\"_blank\" rel=\"noopener\">Design Useful Online Content<\/a> above); and<\/li>\n<li>enhancing transfer (see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-6-enhancing-retention-and-transfer-event-9\/\" target=\"_blank\" rel=\"noopener\">Enhancing Retention and Transfer<\/a>\u00a0below).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Examples<\/strong> of each of these strategies are available on\u202fCAST\u2019s UDL Guidelines site, on the <a href=\"https:\/\/udlguidelines.cast.org\/representation\/?utm_source=castsite&amp;utm_medium=web&amp;utm_campaign=none&amp;utm_content=aboutudl\" target=\"_blank\" rel=\"noopener\">Provide Multiple Means of Representation page<\/a>.<\/p>\n<h3><a id=\"A-meta-example-of-how-to-provide-multiple-means-of-representation\" href=\"\"><\/a>A (meta)example of how to provide multiple means of representation<\/h3>\n<div class=\"example\">\n<h3>How we did this in this module<\/h3>\n<p>In this module, we<\/p>\n<ul>\n<li>provided <strong>options for displaying information<\/strong>, including transcripts for all video content and descriptive and alt text for visuals (e.g., see the image description for the <a href=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/HQOC-course-map-d.pdf\" target=\"_blank\" rel=\"noopener\">Course Pathways Organizational visual <\/a>);<\/li>\n<li>provided <strong>summary visuals<\/strong> for core concepts as an option for comprehension (e.g., the visual, &#8220;Making the structure of a field of knowledge explicit helps learners retain new knowledge and connect it to prior knowledge&#8221; in Module 3.3 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-3-structuring-your-course\/\" target=\"_blank\" rel=\"noopener\">Structuring Your Course<\/a>) ;<\/li>\n<li>provided <strong>clarification of vocabulary<\/strong> in the <strong>Key terms<\/strong> <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-1-module-overview#M3-Key-terms\" target=\"_blank\" rel=\"noopener\">section<\/a>\u00a0of the <strong>Module Overview<\/strong> <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-1-module-overview\/\" target=\"_blank\" rel=\"noopener\">page<\/a>;<\/li>\n<li><strong>stimulated recall of prior knowledge<\/strong> with \u201cconnection to prior learning\u201d call-outs throughout the module; and<\/li>\n<li><strong>enhanced transfer<\/strong> by presenting information in an organized structure (using the Nine Events framework), offering examples across disciplines and contexts and including opportunities for learners to apply their learning to their own course throughout the module.<\/li>\n<\/ul>\n<\/div>\n<h3>Provide multiple means of engagement<\/h3>\n<figure id=\"attachment_168\" aria-describedby=\"caption-attachment-168\" style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-167 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-engaagement.png\" alt=\"Multiple means of engagement Icon of a human head with arrows pointing to 3 icons: a lightbulb, a heart, and a puzzle.\" width=\"300\" height=\"200\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-engaagement.png 300w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-engaagement-65x43.png 65w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/udl-engaagement-225x150.png 225w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-168\" class=\"wp-caption-text\">(&#8220;choice&#8221; icon by Nithinan Tatah, from the Noun Project. Used under CC BY 3.0 license.)<\/figcaption><\/figure>\n<p>In section 3.4 above, we looked at ways of <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-4-gaining-learner-attention-event-1\/\" target=\"_blank\" rel=\"noopener\">gaining learners\u2019 attention.<\/a>\u00a0 Here, we consider ways of <strong>sustaining learners\u2019 attention<\/strong>. In other words, how do we <strong>motivate<\/strong> learners to persist and <strong>stay engaged<\/strong> in their learning throughout their online course?<\/p>\n<p>Below, we briefly explore the UDL guidelines for<\/p>\n<ul>\n<li>recruiting interest,<\/li>\n<li>sustaining effort and persistence, and<\/li>\n<li>self-regulation.<\/li>\n<\/ul>\n<h4><a id=\"Strategies-for-increasing-engagement-and-motivation\" href=\"\"><\/a>Strategies for increasing engagement and motivation<\/h4>\n<h5><strong>Ensure alignment<\/strong><\/h5>\n<p>As mentioned previously, a good starting point in keeping learners engaged in their learning is to ensure that course content, learning activities, and assessments align with course learning outcomes.<\/p>\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\n<p>Module 1.5 describes how <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/section-2-event-2-inform-learners-of-the-objective-a-closer-look-at-backwards-design\/\" target=\"_blank\" rel=\"noopener\">using backward design<\/a> ensures that learning activities and assessments are aligned with course learning outcomes.<\/p>\n<\/div>\n<p>Be sure to remind learners that what they\u2019re doing is contributing toward the overarching goal of the course. Showing them the relevance of what they\u2019re doing will increase their motivation to continue to engage in course activities.<\/p>\n<h5><strong>Design authentic learning activities<\/strong><\/h5>\n<p>Provide opportunities for learners to apply their learning to real-world scenarios and toward solving real-world problems, or other meaningful practical applications.<\/p>\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\n<p>See <strong>Examples of How Authentic Assessment Could Work<\/strong> in Module 2.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-4-eliciting-learner-performance-event-6\/\" target=\"_blank\" rel=\"noopener\">Eliciting Learner Performance<\/a> for some ideas of how to do this.<\/p>\n<\/div>\n<h5><strong>Provide options for how to achieve learning outcomes<\/strong><\/h5>\n<p>Allow learners to <strong>choose <\/strong>how they will demonstrate their learning, including offering multiple topics and formats for activities and assessments.<\/p>\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\n<p>Connection to prior learning See <strong>Example Online Activities and Assessments<\/strong> in Module 2.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-4-eliciting-learner-performance-event-6\/\" target=\"_blank\" rel=\"noopener\">Eliciting Learner Performance<\/a> for examples of various types of assessment.<\/p>\n<\/div>\n<h5><strong>Provide opportunities for self-assessment and reflection<\/strong><\/h5>\n<p>Self-assessment helps learners <strong>recognize<\/strong> when <strong>they are making progress toward learning goals<\/strong>, which can be highly motivating. Providing opportunities for learners to reflect metacognitively on their developing understanding, including which concepts they\u2019ve mastered, which still need to be learned, and the effectiveness of their approach to learning, <strong>boosts both motivation and performance<\/strong> (Barber et al., 2020).<\/p>\n<h5><strong>Be an engaged instructor<\/strong><\/h5>\n<p>Your <strong>active teaching presence<\/strong> in the course plays a significant role in<strong> learner persistence<\/strong>. When learners sense that you care about their learning, they are more likely to want to persist (Robb &amp; Sutton, 2014, as cited by Nilson &amp; Goodson, 2018, p. 111). For ideas of how to increase your teaching presence, take a look at Module 4.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-4-building-teaching-presence-during-term\/\" target=\"_blank\" rel=\"noopener\">Building Teaching Presence During Term.<\/a><\/p>\n<h5><strong>Create a learning community<\/strong><\/h5>\n<p>Providing <strong>meaningful opportunities<\/strong> for learners to engage with course content, their peers, and their instructors helps learners to feel part of a community, which increases their motivation to persist in online learning.<\/p>\n<div class=\"list-box-history\">\n<h6>Connection to prior learning<\/h6>\n<p>For ideas of how to build community in online courses, take a look at Module 2.6 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-6-building-community-through-activities-assessments\/\" target=\"_blank\" rel=\"noopener\">Building Community Through Activities and Assessments.<\/a><\/p>\n<\/div>\n<p><strong>Examples<\/strong> of each of these strategies are also available on CAST\u2019s UDL Guidelines site, on the <a href=\"https:\/\/udlguidelines.cast.org\/engagement\/?utm_source=castsite&amp;utm_medium=web&amp;utm_campaign=none&amp;utm_content=aboutudl\" target=\"_blank\" rel=\"noopener\">Provide Multiple Means of Engagement page.<\/a><\/p>\n<h3><a id=\"Examples-of-how-providing-multiple-means-of-engagement-could-work\" href=\"\"><\/a>Examples of how providing multiple means of engagement could work<\/h3>\n<div class=\"essential\">\n<p>Quality Essential<\/p>\n<h4>Example 1: Options for authentic learning<\/h4>\n<p>In his Shakespeare courses, Dr. Ted McGee presents opportunities and options for his learners to engage in the kinds of authentic activities practiced by theatre and literary professionals\u2014directors and editors\u2014that allow them to explore (a) how Shakespeare\u2019s plays speak to audiences today and (b) how to solve textual problems in early manuscripts.<\/p>\n<p><strong>In the Director\u2019s Chair activities<\/strong> allow learners to don the persona of director as they make (and defend) staging decisions that allow them to explore the plays in light of contemporary issues relevant to audiences today.<\/p>\n<p><strong>At the Editor\u2019s Desk activities<\/strong> invite learners to play the role of someone preparing a trustworthy edition of a play, deciding (with evidence) which early version of the text should be followed, and how to deal with issues that seem problematic, incomplete, or nonsensical in the only early text that survives.<\/p>\n<p>For each of these activities, learners choose to work on four out of the seven plays covered in the course.<\/p>\n<p class=\"copyright\">Credit: Dr. Ted McGee, Department of English Language and Literature, University of Waterloo<\/p>\n<\/div>\n<div class=\"essential\">\n<p>Quality Essential<\/p>\n<h4>Example 2: Options for engaged teaching<\/h4>\n<p><strong>Nudge students who are falling behind<\/strong><br \/>\nSend targeted, personalized messages to learners who are falling behind, offering suggestions for what they can do to make up lost ground in the course. (See Module 4.4 <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/4-4-building-teaching-presence-during-term\/\" target=\"_blank\" rel=\"noopener\">Building Teaching Presence During Term<\/a> for more options in this vein.)<\/p>\n<p class=\"copyright\">(Darby &amp; Lang, 2019, p. 150)<\/p>\n<\/div>\n<div class=\"advanced\">\n<p>Quality Advanced<\/p>\n<h4>Example 3: Options for self-regulation<\/h4>\n<p><strong>Learning contract activity<\/strong><br \/>\nA learning contract is a strategy designed to give learners ownership over their learning, which helps to foster self-regulation. Learners are prompted to reflect on how they learn and are asked to establish clear goals and timelines for achieving their goals. Instructors contribute a list of expectations to which learners must agree.<\/p>\n<p>See <a href=\"https:\/\/uwaterloo.ca\/centre-for-teaching-excellence\/teaching-resources\/teaching-tips\/tips-students\/self-directed-learning\/self-directed-learning-learning-contracts\" target=\"_blank\" rel=\"noopener\">Self-Directed Learning: Learning Contracts<\/a> from the Centre for Teaching Excellence at the University of Waterloo for information about how to use this strategy, including a learning contract template and completed sample contract.<\/p>\n<p class=\"copyright\">Credit: Centre for Teaching Excellence, University of Waterloo<\/p>\n<\/div>\n<div class=\"advanced\">\n<p>Quality Advanced<\/p>\n<h4>Example 4: Options for sustaining effort and persistence in a blended course<\/h4>\n<p>In a blended course (or online course with synchronous elements), reflection questions are provided periodically throughout each module of online content. Learners select a question to respond to at the end of each module and compose a short 1\u20132 paragraph reflection on a theme that piques their interest, which they submit online prior to a live\/face-to-face session. During a subsequent synchronous session, these reflection questions can be utilized in different ways to engage learners. For example, instructors can choose specific questions from the reflections for small topic-based group discussion, or additional questions can be posed that build on the ideas from the original reflection questions. Overall the reflection questions provide learners with the opportunity to think through their ideas on the module topic before the live session.<\/p>\n<p>These strategies encourage learners to persist and stay engaged in their learning, provides the opportunity to think through their ideas on the module topic before the live session, to explore particular interests with peers, and gives instructors insights into learners\u2019 evolving understanding of course content while also allowing them to pivot the direction or facilitation approach of synchronous sessions in response to learners&#8217; needs and interests (while still achieving the intended learning outcomes). This approach works equally well with professional and novice learners.<\/p>\n<p class=\"copyright\">Credit: Dr. Peggy DeJong and Dr. Amber Hastings-Truelove, HPE 806: Indigenous Health Professions Education, Master of Health Professions Education, Queen\u2019s University<\/p>\n<\/div>\n<div class=\"edii-box\">\n<h2>An EDII perspective: Understanding the AODA<\/h2>\n<p>While UDL is designed to improve learning for everyone, we have a particular ethical and legal responsibility to ensure that learners with disabilities have equitable access to our learning spaces. <strong>The Accessibility for Ontarians with Disabilities Act (AODA)<\/strong> is a law enacted in 2005 by the Legislative Assembly of Ontario to ensure full accessibility for Ontarians with physical and mental disabilities to all public establishments by 2025 (see <a href=\"https:\/\/aoda.ca\/what-is-the-aoda\/\" target=\"_blank\" rel=\"noopener\">What is the AODA?<\/a> for more information).<\/p>\n<blockquote><p>The purpose of the AODA is to develop, implement, and enforce accessibility standards or rules so that all Ontarians will benefit from accessible services, programs, spaces, and employment. <strong>The standards help organizations to prevent or remove barriers that limit the things people with disabilities can do, the places they can go, and the attitudes of service providers toward them<\/strong>.&#8221;<\/p>\n<p>(Thomson, 2018)<\/p><\/blockquote>\n<p><strong>The AODA Postsecondary Education Standards Development Committee<\/strong> propose a number of recommendations for decreasing barriers and ensuring publicly funded postsecondary education is more accessible to people with disabilities. Many areas are covered, but highlighted themes include <strong>reducing barriers to <a href=\"https:\/\/www.aoda.ca\/accessible-online-learning\/\" target=\"_blank\" rel=\"noopener\">accessible online learning<\/a><\/strong>and addressing accommodations through a<strong> UDL approach<\/strong>.<\/p>\n<p>Refer to the <a href=\"https:\/\/aoda.ca\/aoda-education-standards\/\" target=\"_blank\" rel=\"noopener\">AODA Education Standards<\/a> site for more information, and if you are interested in exploring the recommendations directly, read the Postsecondary Education Standards Development Committee&#8217;s initial report: <a href=\"https:\/\/www.aodaalliance.org\/wp-content\/uploads\/2021\/06\/PSE-SDC-Initial-Recommendations-Report_June-25-2021.docx\" target=\"_blank\" rel=\"noopener\">Development of Proposed PSE Standards \u2013 2021 Initial Recommendations Report.docx<\/a>.<\/p>\n<\/div>\n<div class=\"edii-box\">\n<h2>An EDII perspective: Understanding the difference between accessibility and accommodation<\/h2>\n<p>It is likely that if we do not experience a visible or hidden disability, then we might think that the terms <strong>accessibility<\/strong> and <strong>accommodation<\/strong>\u00a0are interchangeable terms, but this is incorrect.<\/p>\n<h3>Definitions<\/h3>\n<p><strong>Accessibility<\/strong> \u201cis what we should expect to be ready for us without asking or planning ahead. It can be provided by following an easy to implement set of standards and practices that make &#8216;adaptation&#8217; unnecessary. We can benefit from accessibility without announcing or explaining our disabilities\u201d (Pulrang, 2013).<\/p>\n<p><strong>Accommodation<\/strong>\u00a0\u201cis for adaptations that can&#8217;t be anticipated or standardized. They are different for each individual. Although we should expect there to be a general willingness to accommodate us wherever we go, we can&#8217;t expect actual, specific accommodations unless and until we ask for them. We do have to announce, and may have to explain our disabilities a bit in order to get accommodations\u201d (Pulrang, 2013).<\/p>\n<blockquote><p>Accessibility is the baseline of equal service, and accommodation is the second step to take when accessibility alone isn&#8217;t enough.&#8221; (Pulrang, 2013)<\/p><\/blockquote>\n<p><strong>UDL provides a strong framework for proactively ensuring that a majority of our content and design is accessible, and the need for reactive individual accommodations is reduced.<\/strong><\/p>\n<\/div>\n<h1>Develop accessible online content<\/h1>\n<p>It is important to ensure that course content is as accessible as possible when it is created in an online platform.<\/p>\n<h2><a id=\"Strategies-for-organizing-and-formatting-accessible-course-content\" href=\"\"><\/a>Strategies for organizing and formatting accessible course content<\/h2>\n<p>Making your content accessible can seem like a daunting task. The following three considerations are a good place to start:<\/p>\n<div class=\"list-box-UDL\">\n<h3>Universal Design for Learning (UDL)<\/h3>\n<p>All learners benefit when you use the principles of Universal Design for Learning in organizing and formatting your content (see <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-5-presenting-the-content-event-4\/#Design-accessible-online-content\" target=\"_blank\" rel=\"noopener\">Design Accessible Online Content<\/a> above and <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/2-4-eliciting-learner-performance-event-6#Provide-multiple-means-of-action-and-expression\" target=\"_blank\" rel=\"noopener\">Provide Multiple Means of Action and Expression<\/a> in Module 2.4).<\/p>\n<\/div>\n<div class=\"list-box-Assistive-technologies\">\n<h3>Consider assistive technologies<\/h3>\n<p>Some learners will use <strong>assistive technologies<\/strong> to access online content. Blind and visually impaired learners may use <strong>screen readers<\/strong>, while learners who are hearing impaired rely on <strong>live captions and transcripts<\/strong>\u00a0(<a href=\"https:\/\/webaim.org\/intro\/\" target=\"_blank\" rel=\"noopener\">WebAIM<\/a>).<\/p>\n<\/div>\n<div class=\"list-box-Accessibility-Checker\">\n<h3>Use an accessibility checker<\/h3>\n<p>Use an <strong>accessibility checker<\/strong>: Many applications and learning management systems have built-in accessibility checkers that will flag accessibility problems, such as insufficient colour contrast or incorrectly formatted headings. Microsoft Word, PowerPoint, and Excel come with built-in accessibility checkers, while you can download apps to check the accessibility of Google Slides, for example. It is also possible to make fully accessible PDFs. For websites, you can use <a href=\"https:\/\/webaim.org\/about\/\" target=\"_blank\" rel=\"noopener\">WAVE, the Web Accessibility Evaluation Tool<\/a>.<\/p>\n<\/div>\n<h3>Accessible content organization<\/h3>\n<p><strong>Headings<\/strong>: Headings define the hierarchy of content, and screen readers and other assistive technologies rely on properly formatted headings to navigate a web page or document. Ideally, there should be one h1 per page or document, used for the title of the document\/page. For subsections, use h2, h3, h4, and so on to nest content. <strong>Headings should follow logically and should never skip a level<\/strong> (i.e., do not go from h1 to h3). For example:<\/p>\n<ul>\n<li>&lt;h1&gt; Course syllabus &lt;\/h1&gt;\n<ul>\n<li>&lt;h2&gt; About this course &lt;\/h2&gt;\n<ul>\n<li>&lt;h3&gt; Course description &lt;\/h3&gt;<\/li>\n<li>&lt;h3&gt; Meeting time and location &lt;\/h3&gt;<\/li>\n<li>&lt;h3&gt; Contact information &lt;\/h3&gt;<\/li>\n<\/ul>\n<\/li>\n<li>&lt;h2&gt;Course content &lt;\/h2&gt;\n<ul>\n<li>&lt;h3&gt; Required texts &lt;\/h3&gt;<\/li>\n<li>&lt;h3&gt; Weekly topics &lt;\/h3&gt;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Typically, when composing text in an application (rather than directly coding), the application will have a &#8220;heading&#8221; section where the h1, h2, h3 formats are prepopulated and it is as easy as selecting the heading to insert it in your body text.<\/p>\n<p>Where possible, arrange text linearly and <strong>avoid using tables to display information<\/strong>. Screen readers and other assistive technologies struggle to make sense of information presented in tables unless very specifically formatted.<\/p>\n<h3>Accessible font and colour choices<\/h3>\n<p>Avoid relying only on bolded text, coloured text, or font changes to indicate important information or emphasis. Screen readers and other assistive technologies do not interpret bolded or coloured text as hierarchical or of greater or lesser importance. Headings should be used to structure content, and any visual cues signalling key information should be accompanied by written cues.<\/p>\n<p>When you do use colour, make sure the text and background colours have <strong>strong contrast<\/strong> and are presented in a legible font and font size. Avoid using busy images or bright patterns as background for your text as it is distracting to the learners\u2019 ability to read text and may result in areas of the text with insufficient contrast for readability. If not using a solid-coloured background, consider backgrounds with images or strong colours and patterns only around areas where the text will not be present or use a gradient of appropriate colours or muted images\/patterns that have been \u201cblurred out\u201d or out of focus, so the learner can access the text. Sites like <a href=\"http:\/\/colorsafe.co\/\" target=\"_blank\" rel=\"noopener\">Colour Safe<\/a>, the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener\">WebAIM Contrast Checker<\/a>, and the <a href=\"http:\/\/www.sussex.ac.uk\/tel\/resource\/tel_website\/accessiblecontrast\/?q=FFFFFF~003b49~1d4289~94a596~e56db1~d3273e~00bfb2~d6d2c4~ffc845~dc582a~41b6e6~1b365d~be84a3~5d3754~7da1c4~f2c75c~d0d3d4~007a78~000000\" target=\"_blank\" rel=\"noopener\">University of Sussex\u2019s Accessible Colour Contrast page<\/a> can help you make accessible design choices.<\/p>\n<p>Also, be sure to avoid strobing, flickering, and flashing text and animations as they could trigger seizures in learners with photosensitive epilepsy. The Web Content Accessibility Guidelines (WCAG) stipulate that<\/p>\n<blockquote><p>. . . if the content flashes more than three times per second, is notably large (a small animating image would not cause a seizure), and has bright contrast in the flashes (especially if the colour red is present), it may cause a seizure and must be avoided&#8221; (<a href=\"https:\/\/webaim.org\/articles\/seizure\/\" target=\"_blank\" rel=\"noopener\">WebAIM, n.d.-a).<\/a><\/p><\/blockquote>\n<h3>Accessible links<\/h3>\n<p>Ensure links and buttons contain descriptive text (refer to the list of key terms on the <a href=\"https:\/\/openstudio.pub\/hqoc\/chapter\/3-1-module-overview#M3-Key-terms\" target=\"_blank\" rel=\"noopener\">Module Overview page<\/a> for a definition of descriptive text). When naming links, <strong>avoid generic phrases<\/strong> such as \u201cclick here,\u201d \u201chere,\u201d \u201cmore,\u201d \u201cmore information,\u201d \u201cread more,\u201d etc. Link names should match the title of the page they\u2019re linking to, and links should be visually differentiated from other page content (<a href=\"https:\/\/webaim.org\/resources\/quickref\/\">WebAIM, n.d.-b<\/a>).<\/p>\n<h3>Accessible multimedia<\/h3>\n<figure id=\"attachment_168\" aria-describedby=\"caption-attachment-168\" style=\"width: 233px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-168 size-full\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/assistive-technologies-l.png\" alt=\"computer screen with impaired hearing icon and impaired visual icon within it\" width=\"233\" height=\"200\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/assistive-technologies-l.png 233w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/assistive-technologies-l-65x56.png 65w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/assistive-technologies-l-225x193.png 225w\" sizes=\"auto, (max-width: 233px) 100vw, 233px\" \/><figcaption id=\"caption-attachment-168\" class=\"wp-caption-text\">(&#8220;hearing impaired&#8221; icon by IcoLabs; &#8220;Visually Impaired&#8221; by Shocho; and \u201ccomputer screen\u201d icon by Sunan, from the Noun Project. Used under CC BY 3.0 license.)<\/figcaption><\/figure>\n<p>Videos and audio (live or archived) must have captions and a transcript.<\/p>\n<p>For <strong>live sessions<\/strong>, some video conferencing applications provide live captioning. This can be more or less accurate based on a number of factors, such as content area (technical or niche language is less likely to be appropriately interpreted) or accents. To increase accessibility, and to accommodate any learners who may have difficulty connecting to a session or cannot otherwise attend, live sessions should be recorded, captions should be edited, and then posted for class access in the LMS or course web page. Note that this may not be an appropriate option if sensitive or personal topics are being discussed to help protect learners who are being vulnerable in a safe space.<\/p>\n<p>For <strong>prerecorded content<\/strong>, you are not expected to create these captions or transcripts from scratch, though some video conferencing or multimedia recording applications have AI that automatically generates captions, which you can then proofread before adding to your multimedia file. Some institutions provide enterprise-level media players that can generate captions once multimedia is uploaded or offer automatic captioning services or captioning support, often through accessibility service units or centres for teaching and learning. These services vary, so inquire at your institution. You may also seek to pay a company for captioning and transcription services, and often educational rates are available.<\/p>\n<p>Ensure all <strong>audio and video elements are controllable by the learner<\/strong>. This means they have, at the very least, the ability to start and stop the video\/audio at any time. Most media players also allow the learner to jump forward\/backward through the multimedia as needed and change its playback speed.<\/p>\n<p>All these elements provide learners who need more time to perceive the content with <strong>control over their learning experience<\/strong> and the ability to review or pause material as needed. This assists not only learners with disabilities, but learners whose first language is not the language of instruction and any learner who might be struggling with learning the content. It is also best practice to provide learners with an indication of how long the multimedia will be before they click to play the item. This allows learners to decide whether they have enough time to effectively review and learn the content that will be presented before proceeding (<a href=\"https:\/\/webaim.org\/resources\/quickref\/\">WebAIM, n.d.-b<\/a>).<\/p>\n<p>&nbsp;<\/p>\n<p>lmages that convey information that is useful for understanding the content should have associated alternative text (alt text). If an image is just decorative and doesn&#8217;t convey meaningful information, the alt text can remain empty (refer to <a href=\"https:\/\/www.w3.org\/WAI\/test-evaluate\/preliminary\/#images\" target=\"_blank\" rel=\"noopener\">Easy Checks \u2013 A First Review of Web Accessibility<\/a> for some beginner tips).<\/p>\n<div id=\"h5p-43\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-43\" class=\"h5p-iframe\" data-content-id=\"43\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Alt text and descriptive text definitions -M3\"><\/iframe><\/div>\n<\/div>\n<div class=\"edii-box\">\n<h2>An EDII perspective: Working with alt &amp; descriptive text<\/h2>\n<p>Note that generating alternative text or descriptive text is a gained skill and takes time to develop. Often, a good approach is to try to put oneself into the shoes of a learner who has never experienced the content before and also may not see the image itself. Consider what elements are most important and key to understanding the concept being presented, and describe them first in a concise way so learners can quickly grasp the key ideas and then work through the details.<\/p>\n<p>Suggested resources for learning alternative text and how to make math accessible can be found through the DIAGRAM Centre, including<\/p>\n<ul>\n<li><a href=\"http:\/\/diagramcenter.org\/making-images-accessible.html\" target=\"_blank\" rel=\"noopener\">image description<\/a> resources for helping make images accessible and<\/li>\n<li><a href=\"http:\/\/diagramcenter.org\/accessible-math-tools-tips-and-training.html\" target=\"_blank\" rel=\"noopener\">accessible math<\/a> tools, tips, and training.<\/li>\n<\/ul>\n<\/div>\n<p><strong>Avoid putting text on images unless necessary<\/strong>, so that it remains accessible to a screen reader. Text that is in the main body of your document\/web page is called &#8220;true text.&#8221; We&#8217;ve provided some examples below.<\/p>\n<div class=\"advanced\">\n<p>Quality Advanced<\/p>\n<h5>Example 1: Placing text on an image<\/h5>\n<p>If you want to put a quote on an image, it would be better to present the quote as regular text (true text) and put the image beside it, rather than overlay the text as part of the image. If you really needed to include the text as part of this image, then the alternate text for this image would include a description of the image and include the exact quote that was used.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-169 size-large alignleft\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-1024x512.png\" alt=\"Image of horse sleeping with quote: &quot;The willing horse is always overworked by Charles Darwin&quot;\" width=\"1024\" height=\"512\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-1024x512.png 1024w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-300x150.png 300w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-768x384.png 768w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-1536x768.png 1536w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-65x32.png 65w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-225x112.png 225w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621-350x175.png 350w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-1-text-in-image-e1641409812621.png 1745w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p class=\"copyright-caption\">Caption: In this example, the quote is overlaid on the image to create a &#8220;picture&#8221; element, therefore alternative text for this image would be something like as follows: &#8220;Image of horse sleeping with quote &#8216;The willing horse is always overworked&#8217; by Charles Darwin.<br \/>\nCredit: Tahira Mursleen, University of Waterloo<\/p>\n<h5><\/h5>\n<h5><\/h5>\n<h5><\/h5>\n<h5>Example 2: Using captions<\/h5>\n<p>You may need to include labels or text descriptors on an image for it to make sense. In this case, you could have a caption that describes the general ideas or concepts described by the image (improving comprehension and accessibility of the image for all learners) and supplement with either alternate text or descriptive text, which provides a detailed description of all image elements and labels. Avoid including titles and captions as part of the image. In some cases, legends could be inserted into the caption or in the main body text.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-170 alignleft\" src=\"https:\/\/openstudio.pub\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-1024x489.png\" alt=\"Decorative image of a horse sleeping\" width=\"1024\" height=\"489\" srcset=\"https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-1024x489.png 1024w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-300x143.png 300w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-768x367.png 768w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-1536x734.png 1536w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-65x31.png 65w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-225x108.png 225w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image-350x167.png 350w, https:\/\/openstudio.pub\/qualitycourses\/wp-content\/uploads\/sites\/14\/2023\/07\/example-2-text-beside-image.png 1745w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p class=\"copyright-caption\">Caption: In this example, the quote is part of the main text and is accessible by a screen reader. Therefore, the alternate text for the image would be &#8220;Decorative image of a horse sleeping.&#8221;<br \/>\nCredit: Tahira Mursleen, University of Waterloo<\/p>\n<\/div>\n<div class=\"box\">\n<h3><\/h3>\n<h3>Summary: Creating accessible online content<\/h3>\n<p>The &#8220;Web Accessibility for Designers&#8221; resource from WebAIM provides a nice summary of, and some additional tips for creating accessible online content. Some of these tips are specific to web page design; however, most principles apply across the mediums you might use for content creation, organization, and formatting. For a text version of the image and additional resources, click the infographic, which will take you to the WebAIM website.<br \/>\n<a href=\"http:\/\/webaim.org\/resources\/designers\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/webaim.org\/resources\/designers\/media\/designers.svg\" alt=\"Web Accessibility for Designers infographic with link to text version at WebAIM.org\" width=\"700\" height=\"864\" \/><\/a>(WebAIM, n.d.-c)<\/p>\n<\/div>\n<div class=\"edii-box\">\n<h2>An EDII perspective on additional accommodations<\/h2>\n<p>The benefit of applying the principles discussed so far in this module, including <strong>course and module organization, structure, visualization, and ensuring content is accessible<\/strong>, is that not only do they improve the learning experience of all learners but they anticipate some of your learners&#8217; accommodation needs. Creating accessible content also sets you up for success with learners who require additional accommodation.<\/p>\n<p>Some learners may need course content transformed into another medium, such as Braille. Having your content developed as accessibly as possible ahead of time allows learners to have their material converted to the appropriate format, enabling them to effectively participate in the course. Learners are responsible for notifying accessibility services of their needs, and a staff person is often the one who will reach out to ask for your content so it can be transformed. This process often takes weeks (or months) and providing an accessible Word document of your content can speed up the process significantly.<\/p>\n<\/div>\n","protected":false},"author":1,"menu_order":5,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-174","chapter","type-chapter","status-publish","hentry"],"part":123,"_links":{"self":[{"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/pressbooks\/v2\/chapters\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/pressbooks\/v2\/chapters\/174\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/pressbooks\/v2\/chapters\/174\/revisions\/253"}],"part":[{"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/pressbooks\/v2\/parts\/123"}],"metadata":[{"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/pressbooks\/v2\/chapters\/174\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/wp\/v2\/media?parent=174"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/pressbooks\/v2\/chapter-type?post=174"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/wp\/v2\/contributor?post=174"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/openstudio.pub\/qualitycourses\/wp-json\/wp\/v2\/license?post=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}