{"id":390,"date":"2021-07-15T13:56:00","date_gmt":"2021-07-15T13:56:00","guid":{"rendered":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/chapter\/aoda-standards-and-how-to-apply-them-to-your-course-design\/"},"modified":"2021-12-09T03:55:17","modified_gmt":"2021-12-09T03:55:17","slug":"aoda-standards-and-how-to-apply-them-to-your-course-design","status":"publish","type":"chapter","link":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/chapter\/aoda-standards-and-how-to-apply-them-to-your-course-design\/","title":{"raw":"AODA Standards and how to apply them to your course design","rendered":"AODA Standards and how to apply them to your course design"},"content":{"raw":"Accessibility or \u201caccess\u201d refers to equal access for everyone, regardless of ability or experience. It refers to how organizations recognize and respect each individual\u2019s unique traits and skills. It is all about supporting an equitable environment and making sure that everyone is represented and heard.\r\n\r\nThe Ontario Human Rights Code (OHRC) uses the exact definition of \u201cdisability\u201d as the Accessibility for Ontarians with Disabilities Act (AODA), which encompasses both visible and non-visible disabilities. Disability, or impairment, affects a large number of Ontarians, and the number of persons with disabilities is growing. Disability now affects 15.5 percent of Ontario\u2019s population, and this percentage is expected to grow as the population ages.\r\n<div class=\"textbox callout\">\r\n\r\n<strong>Did you know?<\/strong>\r\n<div class=\"textbox__content\">\u201c1 in 7 people in Ontario has a disability. That\u2019s almost 2 million Ontarians. By 2036, that number will rise to 1 in 5 as people age.\u201d - <a href=\"https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible\">Government of Ontario - How to make customer service accessible<\/a><\/div>\r\n<\/div>\r\n<span style=\"text-align: initial;font-size: 1em\">The AODA attempts to detect, eliminate, and prevent barriers for individuals with disabilities. The AODA was signed into law on June 13, 2005. It applies to all levels of government in Ontario, organizations and private sector enterprises with one or more employees (full-time, part-time, seasonal, or contract).<\/span>\r\n\r\n<span style=\"text-align: initial;font-size: 1em\">The AODA comprises standards that all organizations must fulfill and timeframes that are specific to the type and size of an organization. <\/span><a style=\"text-align: initial;font-size: 1em\" href=\"https:\/\/aoda.ca\/what-are-aoda-standards\/\">The AODA is divided into five sections, or standards<\/a><span style=\"text-align: initial;font-size: 1em\">:<\/span>\r\n<ul>\r\n \t<li>The Information and Communications Standards.<\/li>\r\n \t<li>The Employment Standards.<\/li>\r\n \t<li>The Transportation Standards.<\/li>\r\n \t<li>The Design of Public Spaces Standards.<\/li>\r\n \t<li>The Customer Service Standards.<\/li>\r\n<\/ul>\r\nIn addition, two new AODA standards are being developed:\r\n<ul>\r\n \t<li>The Health Care Standards<\/li>\r\n \t<li>The Education Standards<\/li>\r\n<\/ul>\r\n[caption id=\"\" align=\"alignright\" width=\"300\"]<img src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/07\/hands-reading-braille-notebook-scaled-4.jpg\" alt=\"Hands reading braille notebook\" width=\"300\" height=\"200\" \/> Source: <a href=\"https:\/\/www.freepik.com\/free-photo\/hands-reading-braille-notebook_13662455.htm\">Photo<\/a> by <a href=\"https:\/\/www.freepik.com\/freepik\">freepik<\/a> on <a href=\"https:\/\/www.freepik.com\">freepik<\/a>[\/caption]\r\n\r\nUnder the Ontario Human Rights Code, disability means any physical disability, birth defect, disfigurement, injury or illness. Disabilities can include seen and unseen disabilities such as epilepsy, diabetes, blindness, hearing or speech impediment. Reliance on a service animal, appliance or device is also included in this category.\r\n\r\nDisabilities also include mental impairment or disorder, developmental disabilities, dysfunction in understanding and learning. Disabilities that vary in severity include ailments such as arthritis, brain injury or Multiple Sclerosis (MS). These are examples that cause an individual to experience periods when the condition does not have an effect on a daily routine and other periods when it does. It is important to understand that information about a disability is personal and private and must be treated confidentially.\r\n\r\n&nbsp;\r\n\r\n[caption id=\"\" align=\"alignnone\" width=\"1024\"]<img src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/pexels-cliff-booth-4058219-e1637078079538-3.jpg\" alt=\"Woman with down syndrome sitting on a couch using a laptop\" width=\"1024\" height=\"435\" \/> Source: <a href=\"https:\/\/www.pexels.com\/photo\/girl-sitting-on-a-couch-using-a-laptop-4058219\/\">Photo<\/a> by <a href=\"https:\/\/www.pexels.com\/@cliff-booth\">Cliff Booth<\/a> on <a href=\"https:\/\/www.pexels.com\">Pexels<\/a>[\/caption]\r\n\r\n<div class=\"textbox textbox--learning-objectives\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\">In this chapter you'll explore:<\/h2>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li>Tools to evaluate course materials for accessibility.<\/li>\r\n \t<li>Design principles for making your course accessible and easy to understand.\r\nIncorporate course design strategies that meet AODA standards to facilitate accessibility.<\/li>\r\n \t<li>Resources and tools for teachers and students that support accessibility.<\/li>\r\n \t<li>Accessible strategies in teaching.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<h2>Accessible Online Courses<\/h2>\r\nOnline course planning and programming that ignores the navigational needs of impaired users can create barriers that prevent them from fully participating in learning environments. Because of this, it is critical to approach the online course design with accessibility in mind to offer everyone equal access, the ability to navigate with ease and engage with the information provided in the course.\r\n\r\n[caption id=\"\" align=\"alignnone\" width=\"1024\"]<img src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/mix-raced-trainees-working-computer-public-library-scaled-e1637098669312-3.jpg\" alt=\"People sitting at desks and using laptops. \" width=\"1024\" height=\"544\" \/> Source: <a href=\"https:\/\/www.freepik.com\/free-photo\/mix-raced-trainees-working-computer-public-library_5890439.htm\">Photo<\/a> by <a href=\"https:\/\/www.freepik.com\/pch-vector\">pch.vector<\/a> on <a href=\"https:\/\/www.freepik.com\">freepik<\/a>[\/caption]\r\n<p style=\"margin-bottom: 15px\">Make sure your framework is guided by these principles[footnote]<a href=\"https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible\">https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible<\/a>[\/footnote]:<\/p>\r\n\r\n<details><!-- Dignity --><summary>Dignity<\/summary>\r\n<div class=\"collapsed\">\r\n\r\nProvide service in a way that allows the person with a disability to maintain self-respect and the respect of other people.\r\n\r\n<\/div>\r\n<\/details><details><!-- Independence --><summary>Independence<\/summary>\r\n<div class=\"collapsed\">\r\n\r\nA person with a disability is allowed to do things on their own without unnecessary help or interference from others.\r\n\r\n<\/div>\r\n<\/details><details><!-- Integration --><summary>Integration<\/summary>\r\n<div class=\"collapsed\">\r\n\r\nProvide service in a way that allows the person with a disability to benefit from the same services, in the same place, and in the same or similar way as other customers, unless a different way is necessary to enable them to access goods, services or facilities.\r\n\r\n<\/div>\r\n<\/details><details><!-- Equal opportunity --><summary>Equal opportunity<\/summary>\r\n<div class=\"collapsed\">\r\n\r\nProvide service to a person with a disability in such a way that they have an equal opportunity to access your goods, services or facilities as what is given to others.\r\n\r\n<\/div>\r\n<\/details><img class=\"size-thumbnail alignleft\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/Yellow__Idea-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/>\r\n\r\n<strong>Tips:<\/strong>\r\n<ul>\r\n \t<li><span style=\"font-size: 1em\">Ensure accessibility of course content and materials by using accessible documents and websites<\/span><\/li>\r\n \t<li>Use captioned videos<\/li>\r\n \t<li>Select textbooks that offer e-book options<\/li>\r\n \t<li>Encourage use of software which reads websites and documents (read &amp; write gold)<\/li>\r\n<\/ul>\r\nThe old Chinese proverb shows the importance of the senses in the learning process. The five senses of hearing, touch, sight, taste and smell are the primary means we use to gain new knowledge. We rarely experience with one sense alone. Our senses work together to give us a total picture of our experiences. People of all ages learn best when involved in meaningful experiences. Learning takes place when the mind is able to put together information from all the senses and make a connection with past learning. Using many senses to gain information helps learning to be more meaningful and useful.[footnote]<a href=\"https:\/\/www.sd43.bc.ca\/District\/Departments\/LearningServices\/SLP%20Resources\/Language%20Development%20Disorders\/Using%20All%20the%20Senses%20to%20Learn.pdf\">https:\/\/www.sd43.bc.ca\/District\/Departments\/LearningServices\/SLP%20Resources\/Language%20Development%20Disorders\/Using%20All%20the%20Senses%20to%20Learn.pdf<\/a>[\/footnote]\r\n<blockquote>\u201cWhen I hear, I forget. When I see, I remember. When I do, I understand.\u201d\r\n~ Xunzi (340 - 245 BC)\r\n\r\nArgued to be translated more like this:\r\n\r\n\u201c Hearing is not as good as seeing, seeing is not as good as knowledge, knowing is not as good as acting, and true learning continues until it is put into action\u201d.<\/blockquote>\r\n<h3>Accessibility Components include:<\/h3>\r\n<ul>\r\n \t<li><a href=\"https:\/\/readabilitymatters.org\/articles\/legibility-vs-readability\">Readability<\/a> - the ease with which a reader can recognize words, sentences, and paragraphs -\r\n<ul>\r\n \t<li><a href=\"https:\/\/readabilityformulas.com\/free-readability-formula-tests.php\">Readability checker<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n \t<li><a href=\"https:\/\/readabilitymatters.org\/articles\/legibility-vs-readability\">Legibility<\/a> - an informal measure of how easy it is to distinguish one letter from another in a particular typeface.<\/li>\r\n \t<li>Contrast<\/li>\r\n \t<li>Colour<\/li>\r\n \t<li>Language<\/li>\r\n \t<li>Font<\/li>\r\n \t<li>Application of learning through the senses<\/li>\r\n<\/ul>\r\n<h2>Website Accessibility<\/h2>\r\nAs of 1 January 2014, under the AODA, public sector organizations shall make new internet websites and web content on them conform with the World Wide Web Consortium Web Content Accessibility Guidelines (WCAG) 2.0 to Level A. This requirement will extend to Level AA on all websites by 1 January 2021.\r\n<div class=\"textbox callout\" style=\"text-align: center\"><strong>AODA compliance means ensuring your site is accessible and usable by everyone, including people with disabilities, in line with Ontario\u2019s latest regulations and standards.<\/strong><\/div>\r\nWeb accessibility requirements refer to the navigation, design, and coding considerations that help visitors using different types of web-enabled devices and visitors with disabilities use the website. The requirements of WCAG 2.0 provide criteria to assist in making websites perceivable, operable, understandable and robust (\u201cPOUR\u201d) for persons with various types of disabilities. These four principles\u202fare described in more detail below. When referring to the above paragraph in your own work, consider these requirements within your virtual space and in your written communication. Click on the \u201c+\u201d icon for more details.\r\n\r\n[h5p id=\"118\"]\r\n\r\nPowerPoint presentations with speaking notes and alternative-text (alt-text) image descriptions. Alt-text descriptions are brief written explanations of images that people include in presentations. These descriptions do not appear visually in a presentation. However, if a student reads a copy of the presentation with their <a href=\"https:\/\/www.aoda.ca\/software-programs-that-support-web-accessibility\/\">screen reader<\/a>, they can access any alt-text that the presenter has added to images. Writing these descriptions can help teachers plan lessons. While writing alt-text, teachers have the chance to think in advance about:\r\n<ul>\r\n \t<li>What elements of an image do they want to draw students\u2019 attention to<\/li>\r\n \t<li>Why that image is important to the lesson<\/li>\r\n<\/ul>\r\nEducators can also produce lesson resources that easily adapt to students\u2019 accommodation needs. For instance, materials created in Microsoft Word or another text-based program are easy to print in Braille or read with screen readers. <a href=\"\/chapter\/three-principles-of-udl\/\">Multiple means of representation<\/a> help teachers plan and deliver lessons that more students can learn from.\r\n<h2>WCAG<\/h2>\r\n<h3>What is WCAG?<\/h3>\r\n<a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a> is developed by W3C WAI (The World Wide Web Consortium Web Accessibility Initiative) with a goal of providing a single shared standard for web content accessibility. The WCAG documents explain how to make web content more accessible to people with visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities.\r\n<h3>Criteria<\/h3>\r\n<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html\">WCAG success criterion 1.4.3<\/a> states that visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:\r\n<ul>\r\n \t<li><strong>Large Text:<\/strong> Large-scale text and images of large-scale text have a contrast ratio of at least 3:1. WCAG defines large text as text that is 18pt and larger, or 14pt and larger\u00a0<em>if<\/em>\u00a0it is bold.<\/li>\r\n \t<li><strong>Incidental:<\/strong> Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.<\/li>\r\n \t<li><strong>Logotypes:<\/strong> Text that is part of a logo or brand name has no minimum contrast requirement.<\/li>\r\n<\/ul>\r\n<img class=\"size-thumbnail alignleft\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/Yellow__Idea-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/>\r\n\r\n&nbsp;\r\n\r\n<strong>Tip:<\/strong> There are a number of <a href=\"https:\/\/www.456bereastreet.com\/archive\/200709\/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design\/\">colour contrast checking tools<\/a> that can help you determine compliance.\r\n\r\n&nbsp;\r\n<div class=\"textbox callout\"><strong>WCAG 2.0 Level AA:<\/strong> Acceptable compliance is the minimum requirement.<\/div>\r\n<h2>Best Practices<\/h2>\r\nBelow are some best practices for structuring your course with accessibility in mind. Memory can only store so much, so breaks between bites or little challenges to recall info are helpful. lectures should be between 10-30 minutes. This helps with information retention and reduces cognitive load.\r\n\r\nHere is an example teaching framework that includes accessibility:\r\n<ul>\r\n \t<li style=\"font-weight: 400\">Consider making an intro video of yourself talking about the course content for that week. A written introduction of the course material for each week is OK for in-person or synchronous classes.<\/li>\r\n \t<li style=\"font-weight: 400\">Be sure to make your presentation (pdf\/PowerPoint\/spark) available to all students.<\/li>\r\n \t<li style=\"font-weight: 400\">Follow a structure within your work.<\/li>\r\n \t<li style=\"font-weight: 400\">Minimize text when possible.<\/li>\r\n \t<li style=\"font-weight: 400\">Segment information into bite-sized lessons to control the flow of information. This is good for ADD and dyslexia.<\/li>\r\n \t<li style=\"font-weight: 400\">Worksheet design should follow the bite-sized flow of information. You can do this by \u201cchunking\u201d information into clear manageable pieces, to match with teaching chunks.<\/li>\r\n \t<li style=\"font-weight: 400\">Outros, conclusions, or recaps of what was learned at the end of lessons, reminders for what is due and a look ahead at what will be happening in the next class.<\/li>\r\n \t<li style=\"font-weight: 400\">Weekly packages for each class will include links, discussions in class for the week, additional help resources (links\/tutorials\/books\/etc..), links to the presentation of the week, and any additional resources needed for the practice of the lesson.<\/li>\r\n<\/ul>\r\n<h3>Types of Accessible Formats<\/h3>\r\nUse the dialogue cards below for information about accessible formats.\r\n\r\n[h5p id=\"119\"]\r\n<h3>Accessible Visual Design<\/h3>\r\n<p style=\"margin-bottom: 15px\">Psychology plays a part in accessible course design. Students will retain only bits of the lesson in their memory. Here's how you can make it a good and memorable experience:<\/p>\r\n\r\n<details><!-- Content --><summary>Content<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>The typical individual can only hold, on average, 7 items in working memory, give or take. It's important to remember that short-term memory capacity varies depending on the person, past knowledge, and context.<\/li>\r\n \t<li>To increase processing, and simple retention of knowledge, divide content into \"chunks\u201c of information. Save the most difficult tasks until the end of the lesson.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!-- Retention --><summary>Retention<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>Because the brain has a limited capacity, it's preferable to avoid unnecessary material that isn't directly related to the main purpose.<\/li>\r\n \t<li>Information overload will raise the possibility of a student quitting a task in progress.<\/li>\r\n \t<li>Increase working memory capacity by using both auditory and visual communication methods to convey information.<\/li>\r\n \t<li>Arrange the information in a logical manner.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!-- Visual Design --><summary>Visual Design<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>A great design triggers a favourable response in the student\u2019s mind by boosting confidence while improving usability.<\/li>\r\n \t<li>Use good design to help users figure out how to engage with a particular piece. (It must be a button if it looks like a button)<\/li>\r\n \t<li>Does it have any significance? The student will look for meaning.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!--Create Interest --><summary>Create Interest<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>The gap between what students know and what they need to know might be the required motivation to get them to fill in the learning gaps.<\/li>\r\n \t<li>Attract student\u2019s attention with intriguing titles that pique their interest.<\/li>\r\n \t<li>Reinforce confidence and positivity by using phrases that contain words like \"can\" or \"do.\"<\/li>\r\n \t<li>When possible, use symmetrical elements because they represent order, are visually appealing and the human brain looks for it.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!--Be Memorable --><summary>Be Memorable<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>Include positive notifications when a task is successfully completed.<\/li>\r\n \t<li>Celebrate when a student finishes a crucial task.<\/li>\r\n \t<li>Encourage your students to look for more information.<\/li>\r\n \t<li>To express a point of view, use narrative.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details>\r\n<h3>Culture and Design<\/h3>\r\nIt\u2019s useful to analyze cultural preferences across major visual design elements. Click on the \"+\" icons below for more details.\r\n\r\n[h5p id=\"120\"]\r\n<h3>Design Principles for Making your Course Accessible and Easy to Understand<\/h3>\r\n[caption id=\"\" align=\"alignright\" width=\"300\"]<img src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/Design-3.png\" alt=\"Illustration of a graphic designer working at a desk\" width=\"300\" height=\"269\" \/> Source: <a href=\"https:\/\/www.freepik.com\/free-vector\/designer-concept-illustration_6170425.htm\">Illustration<\/a> by <a href=\"https:\/\/www.freepik.com\/stories\">stories<\/a> from <a href=\"https:\/\/www.freepik.com\/\">freepik<\/a>[\/caption]\r\n\r\nDesign can sometimes contain a lot of visual beauty, which is why it's sometimes mistaken with style. However, design is focused on the underlying structure of communication\u2014the concept, not only the aesthetic aspects. This is shown in visual form which makes it universal. Important things to consider in your course design include:\r\n<h4>Contrast<\/h4>\r\nBe sure there is enough contrast between backgrounds and text. Use the <a href=\"https:\/\/contrastchecker.com\/\">contrast checker<\/a> listed in the tools section to evaluate your contrast.\r\n<h4>Hierarchy<\/h4>\r\nWhat do you want the student to see first? Then second? Yes, design directs the movement of the viewer\u2019s eye. Here is a fantastic example of hierarchy in use. Have a quick read.\r\n\r\n[caption id=\"\" align=\"alignnone\" width=\"1000\"]<img src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/1_ZMmnsstUw4W9JOMwAYmDaA-3.jpeg\" alt=\"Illustration of typographic hierarchy. Description to follow in captions. \" width=\"1000\" height=\"500\" \/> Caption: Typographic hierarchy illustrated with four lines of text with each line decreasing in text size. The first line, with the largest text, reads \"You'll read this first\"; the second line, with smaller text, reads \"Then you will most likely read this next; the third line, with smaller text, reads \"And then you will read this sentence third\"; the fourth line, with the smallest text, reads \"*This bit at the end here at the bottom, yeah I bet you read this last.\" <br \/>Source: <a href=\"https:\/\/medium.com\/nextux\/become-a-typography-nerd-in-under-10-minutes-5a7eda093cb3\">Illustration<\/a> by <a href=\"https:\/\/coyleandrew.medium.com\/\">Andrew Coyle<\/a> from <a href=\"https:\/\/medium.com\/\">medium.com<\/a>[\/caption]\r\n<h4>Movement<\/h4>\r\nAs stated above, the hierarchy controls where the viewer will look first, second, etc. Ways to direct the eye include contrast, colour and size. Consider the use of these elements appropriately to help direct the students eyes to the important information. Remember to maintain a logical reading order for the main body.\r\n<h4>Pattern or Repetition<\/h4>\r\nMaintaining, for example, your assignment handouts in a consistent structure or formation, will eliminate guess work when a students is looking for a particular section, for example, the references. Students will have more time to absorb and understand instructions provided.\r\n<h4>Type or Fonts<\/h4>\r\nAll text used needs to be readable and legible. According to <a href=\"https:\/\/www.vistaprint.com\/hub\/design-decoded-top-12-easy-read-fonts?couponAutoload=1&amp;GP=10%2f04%2f2021+12%3a25%3a35&amp;GPS=6073164672&amp;GNF=0\">vistaprint<\/a> and <a href=\"https:\/\/www.printpeppermint.com\/the-most-easily-readable-fonts-for-web-and-print\/\">Print Peppermint<\/a>, these are the top readable fonts for online:\r\n\r\n[caption id=\"attachment_368\" align=\"alignnone\" width=\"164\"]<a href=\"https:\/\/ecampusontario.pressbooks.pub\/app\/uploads\/sites\/1659\/2021\/07\/fonts-1.png\"><img class=\"wp-image-1282\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/fonts-1-3.png\" alt=\"The top readable online fonts are: Georgia, Helvetica, Arial, PT Sans &amp; PT Serif, Open sans, Quicksand, Verdana, Rooney, Karla, Roboto, Neue, Tisa, Montserrat, Ubuntu, Lato, Futura.\" width=\"164\" height=\"332\" \/><\/a> Caption: The top readable fonts for online are - Georgia, Helvetica, Arial, PT Sans &amp; PT Serif, Open sans, Quicksand, Verdana, Rooney, Karla, Roboto, Neue, Tisa, Montserrat, Ubuntu, Lato, Futura.[\/caption]\r\n\r\n<div class=\"textbox textbox--newfeature\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\">Explore<\/h2>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nLooking to improve your type? Here\u2019s a three minute video explaining how to use type to improve your design.\r\n\r\n[embed]https:\/\/youtu.be\/QrNi9FmdlxY[\/embed]\r\n\r\n<\/div>\r\n<\/div>\r\n<h3>Elements &amp; Principles of Design<\/h3>\r\nIn this short video, you will learn what the elements and principles of design are and different ways to combine them. Remember, these are things to consider in your visual course design, but not all of them need to be applied at the same time. Happy designing!\r\n\r\nhttps:\/\/youtu.be\/losbYfihiN4\r\n\r\nHere are some design principles for accessible design in digital space[footnote] Digital, S. (28, February 2019). <em><a href=\"https:\/\/uxplanet.org\/6-principles-of-accessible-design-79beceeafffb\">6 principles of accessible design<\/a><\/em>. UX Planet. Retrieved November 30, 2021, from https:\/\/uxplanet.org\/6-principles-of-accessible-design-79beceeafffb.[\/footnote]:\r\n\r\n<details><!-- Media --><summary>Media<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>Use descriptive ALT tags for hyperlinks, icons, images, videos, and other media types.<\/li>\r\n \t<li>Have subtitles and transcripts for videos. YouTube is a great tool to use for this. (See resources for alternatives.)<\/li>\r\n \t<li>Use images or illustrations for tricky subjects but keep the format similar and avoid surprising your user.<\/li>\r\n \t<li>Avoid unnecessary media that can cause distractions.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!-- Text --><summary>Text<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>Write descriptive and clear page titles.<\/li>\r\n \t<li>Use periods in your abbreviations (C.I.A. instead of CIA).<\/li>\r\n \t<li>Black text on white background, or the reverse, is the best general practice.<\/li>\r\n \t<li>Write in the active voice (Mike developed the website).<\/li>\r\n \t<li>Break up large amounts of text into smaller paragraphs or bullet points when possible.<\/li>\r\n \t<li>Avoid making text smaller than 14\u201316px.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!-- Navigation and Links --><summary>Navigation and Links<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>Write descriptive text links that explain exactly what they are clicking on. Not just \u201cclick here.\u201d<\/li>\r\n \t<li>Underline your links.<\/li>\r\n \t<li>Make links a contrasting color to your standard text.<\/li>\r\n \t<li>Design for large clickable areas.<\/li>\r\n \t<li>Use breadcrumbs.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!--Colours --><summary>Colours<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li>Avoid bright or loud colours.<\/li>\r\n \t<li>Avoid colour combinations that are known to cause issues for the colourblind.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details><details><!--Assistive Technologiese --><summary>Assistive Technologies<\/summary>\r\n<div class=\"collapsed\">\r\n<ul>\r\n \t<li><a href=\"https:\/\/support.apple.com\/en-us\/HT202658\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/support.apple.com\/en-us\/HT202658\">Apple assistive touch<\/a><\/li>\r\n \t<li><a href=\"https:\/\/webaim.org\/techniques\/screenreader\/\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/webaim.org\/techniques\/screenreader\/\">Screen readers<\/a><\/li>\r\n \t<li><a href=\"https:\/\/snow.idrc.ocadu.ca\/content\/screen-keyboard\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/snow.idrc.ocadu.ca\/content\/screen-keyboard\">On-screen keyboards navigated with a trackball<\/a><\/li>\r\n \t<li><a href=\"https:\/\/accessibility.psu.edu\/video\/speechrecognition\/\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/accessibility.psu.edu\/video\/speechrecognition\/\">Voice recognition<\/a><\/li>\r\n \t<li><a href=\"https:\/\/www.abilities.com\/community\/assistive-eye-control.html\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/www.abilities.com\/community\/assistive-eye-control.html\">Eye tracking software<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/details>\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<h2 class=\"textbox__title\">Activity<\/h2>\r\n<\/header>[h5p id=\"121\"]\r\n\r\n<\/div>\r\nAt the date this book is published, the minimal requirement is WCAG Level AA.\r\nWhen to use the contrast checker:\r\n<ul>\r\n \t<li>If you are adding text on images<\/li>\r\n \t<li>Is your text or background colours are not standard colours (for example, black &amp; white, or cream and charcoal)<\/li>\r\n<\/ul>\r\nIf you are not compliant:\r\n<ul>\r\n \t<li>Contrast checker does allow you to try new background and foreground colour combinations by clicking on the checkerboard of colours.<\/li>\r\n<\/ul>\r\n<h2>Key Terms &amp; Concepts\/ Revisit\/ Recap<\/h2>\r\n<ul>\r\n \t<li style=\"font-weight: 400\">AODA standards and compliance<\/li>\r\n \t<li style=\"font-weight: 400\">Accessible Visual Design Techniques<\/li>\r\n \t<li style=\"font-weight: 400\">Accessibility and Access<\/li>\r\n<\/ul>\r\n<strong>Disability<\/strong>: See intro - The AODA uses the same definition of disability as the <a href=\"http:\/\/www.ohrc.on.ca\/en\/policy-and-guidelines-disability-and-duty-accommodate\/2-what-disability\">Ontario Human Rights Code<\/a>.\r\n\r\n<strong>Accessibility<\/strong>: Accessibility refers to the design of products, devices, services, or environments for people who experience disabilities. Ontario has laws to improve accessibility for people with disabilities, including the Accessibility for Ontarians with Disabilities Act (AODA), the <a href=\"http:\/\/www.ohrc.on.ca\/en\/policy-and-guidelines-disability-and-duty-accommodate\">Ontario Human Rights Code<\/a>, and the <a href=\"http:\/\/www.mah.gov.on.ca\/Page10546.aspx\">Ontario Building Code<\/a>.\r\n<h2>Resources<\/h2>\r\n<a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\">10 Usability Heuristics for User Interface Design<\/a>\r\n\r\n<strong>Speech to text<\/strong> function for Google Chrome.\r\n<ol>\r\n \t<li>Open google (using google chrome) &amp; search \u201c chrome:\/\/flags\u201d<\/li>\r\n \t<li>Search \u201clive captions\u201d<\/li>\r\n \t<li>Select \u201cenable\u201d, Then click \u201cRelaunch\u201d at the bottom right (Chrome will exit &amp; relaunch)<\/li>\r\n \t<li>Click the 3 dots menu for chrome (upper right corner of browser)<\/li>\r\n \t<li>Click Settings<\/li>\r\n \t<li>Advanced menu on the left, then Accessibility<\/li>\r\n \t<li>Turn on \u201cLive Subtitles\u201d<\/li>\r\n<\/ol>\r\nYou won\u2019t see anything happen when you talk, but if someone else is speaking, you will get subtitles. You can test this by going to any site that has someone else talking.\r\n\r\n<a href=\"https:\/\/spark.adobe.com\/page\/C3qvs2kBUjUn9\/\">Creating Accessible PDFs<\/a>\r\n\r\n<a href=\"https:\/\/medium.com\/envoy-design\/how-to-design-an-accessible-color-scheme-4a13ca12c92b\">Colour for accessibility<\/a> - How to design an accessible colour scheme\r\n\r\n<a href=\"https:\/\/www.ontario.ca\/page\/how-train-your-staff-accessibility\">Tips on engagement<\/a> - training in accessible customer service\r\n<h2>Tools<\/h2>\r\n<a href=\"https:\/\/www.actionrocket.co\/email-design-review\/designerchecklist\">Accessibility Checklist<\/a>\r\n\r\n<a href=\"https:\/\/blog.adobe.com\/en\/publish\/2021\/05\/20\/why-is-color-accessibility-important.html#gs.b3wy8o\">Why is colour accessibility important? - Adobe\u2019s Colour Contrast Checker<\/a>\r\n\r\n<a href=\"https:\/\/www.macupdate.com\/app\/mac\/23072\/keycastr\">Key Castr (Mac)<\/a>\r\n\r\nKeyCastr is a keystroke visualizer, allowing you to easily display your keystrokes while recording screencasts. It is very useful when demonstrating complicated keyboard shortcuts.\r\n\r\n<a href=\"http:\/\/code52.org\/carnac\/\">Carnac (PC)<\/a>\r\n\r\nA PC alternative to Mac\u2019s Key Castr. This tool is about displaying keyboard shortcuts to users\r\n\r\n<a href=\"https:\/\/www.texthelp.com\/products\/read-and-write-education\/\">Read &amp; Write Gold<\/a>\r\n\r\nSome of the features of the program include:\r\n<ul>\r\n \t<li>The ability to use the text to speech feature to support reading different materials<\/li>\r\n \t<li>Highlighting the ability to extract for note-taking and summary making<\/li>\r\n \t<li>Word prediction that looks at English word algorithms to support writing in English<\/li>\r\n \t<li>The Check-it tool provides an explanation when reviewing grammar. It is not just a click and fix option; it can aid in English language development.<\/li>\r\n<\/ul>\r\n<a href=\"https:\/\/contrastchecker.com\/\">Colour Contrast Checker<\/a>\r\n\r\n<a href=\"https:\/\/contrastchecker.online\/\">Another Colour Contrast Checker<\/a>\r\n\r\n<a href=\"https:\/\/www.rgd.ca\/database\/files\/library\/RGD_AccessAbility2_Handbook_2019_06_01(1).pdf\">RGD\u2019s Practical Handbook on Accessible Design<\/a>\r\n\r\n<a href=\"https:\/\/www.456bereastreet.com\/archive\/200709\/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design\/\">Colour Contrast Checking Tools List<\/a>\r\n\r\n<a href=\"https:\/\/readabilityformulas.com\/free-readability-formula-tests.php\">Check text readability<\/a>\r\n\r\n<a href=\"https:\/\/www.funkify.org\/\">Funkify<\/a> is an extension for Chrome that helps you experience the web and interfaces through the eyes of users with different abilities and disabilities.\r\n<h2>References &amp; Case Studies<\/h2>\r\n<a href=\"https:\/\/accessibilitycanada.ca\/aoda\">Accessibility Canada<\/a>\r\n\r\n<a href=\"https:\/\/www.youtube.com\/c\/KristyViers\">Kristy Viers brings awareness to how blind people use tech<\/a>\r\n\r\n<a href=\"https:\/\/www.ontario.ca\/laws\/statute\/05a11\">Accessibility for Ontarians with Disabilities Act, 2005, S.O. 2005, c. 11<\/a>\r\n\r\n<a href=\"https:\/\/cnib.ca\/sites\/default\/files\/2018-07\/CNIB%20Clear%20Print%20Guide.pdf\">Clear Print Accessibility Guidelines<\/a>\r\n\r\n<a href=\"https:\/\/academicintegrity.org\/\">Academic Integrity<\/a>\r\n\r\n<a href=\"https:\/\/accessibilitycanada.ca\/resources\/\">Accessibility Canada\u2019s Resources<\/a>\r\n\r\n<a href=\"https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible\">Accessible Customer Service<\/a>\r\n\r\n<a href=\"https:\/\/aoda.ca\/what-are-accessible-formats\/\">Accessible Formats<\/a>\r\n\r\n<a href=\"https:\/\/99designs.ca\/blog\/tips\/principles-of-design\/\">Principles of Design<\/a>\r\n\r\n<a href=\"https:\/\/uxplanet.org\/6-principles-of-accessible-design-79beceeafffb\">Principles of accessible design<\/a>\r\n\r\n<a href=\"https:\/\/stablewp.com\/aoda-compliance-and-wcag-how-to-boost-your-web-accessibility-checklist\">AODA Compliance &amp; WCAG<\/a>\r\n\r\n&nbsp;","rendered":"<p>Accessibility or \u201caccess\u201d refers to equal access for everyone, regardless of ability or experience. It refers to how organizations recognize and respect each individual\u2019s unique traits and skills. It is all about supporting an equitable environment and making sure that everyone is represented and heard.<\/p>\n<p>The Ontario Human Rights Code (OHRC) uses the exact definition of \u201cdisability\u201d as the Accessibility for Ontarians with Disabilities Act (AODA), which encompasses both visible and non-visible disabilities. Disability, or impairment, affects a large number of Ontarians, and the number of persons with disabilities is growing. Disability now affects 15.5 percent of Ontario\u2019s population, and this percentage is expected to grow as the population ages.<\/p>\n<div class=\"textbox callout\">\n<p><strong>Did you know?<\/strong><\/p>\n<div class=\"textbox__content\">\u201c1 in 7 people in Ontario has a disability. That\u2019s almost 2 million Ontarians. By 2036, that number will rise to 1 in 5 as people age.\u201d &#8211; <a href=\"https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible\">Government of Ontario &#8211; How to make customer service accessible<\/a><\/div>\n<\/div>\n<p><span style=\"text-align: initial;font-size: 1em\">The AODA attempts to detect, eliminate, and prevent barriers for individuals with disabilities. The AODA was signed into law on June 13, 2005. It applies to all levels of government in Ontario, organizations and private sector enterprises with one or more employees (full-time, part-time, seasonal, or contract).<\/span><\/p>\n<p><span style=\"text-align: initial;font-size: 1em\">The AODA comprises standards that all organizations must fulfill and timeframes that are specific to the type and size of an organization. <\/span><a style=\"text-align: initial;font-size: 1em\" href=\"https:\/\/aoda.ca\/what-are-aoda-standards\/\">The AODA is divided into five sections, or standards<\/a><span style=\"text-align: initial;font-size: 1em\">:<\/span><\/p>\n<ul>\n<li>The Information and Communications Standards.<\/li>\n<li>The Employment Standards.<\/li>\n<li>The Transportation Standards.<\/li>\n<li>The Design of Public Spaces Standards.<\/li>\n<li>The Customer Service Standards.<\/li>\n<\/ul>\n<p>In addition, two new AODA standards are being developed:<\/p>\n<ul>\n<li>The Health Care Standards<\/li>\n<li>The Education Standards<\/li>\n<\/ul>\n<figure style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/07\/hands-reading-braille-notebook-scaled-4.jpg\" alt=\"Hands reading braille notebook\" width=\"300\" height=\"200\" \/><figcaption class=\"wp-caption-text\">Source: <a href=\"https:\/\/www.freepik.com\/free-photo\/hands-reading-braille-notebook_13662455.htm\">Photo<\/a> by <a href=\"https:\/\/www.freepik.com\/freepik\">freepik<\/a> on <a href=\"https:\/\/www.freepik.com\">freepik<\/a><\/figcaption><\/figure>\n<p>Under the Ontario Human Rights Code, disability means any physical disability, birth defect, disfigurement, injury or illness. Disabilities can include seen and unseen disabilities such as epilepsy, diabetes, blindness, hearing or speech impediment. Reliance on a service animal, appliance or device is also included in this category.<\/p>\n<p>Disabilities also include mental impairment or disorder, developmental disabilities, dysfunction in understanding and learning. Disabilities that vary in severity include ailments such as arthritis, brain injury or Multiple Sclerosis (MS). These are examples that cause an individual to experience periods when the condition does not have an effect on a daily routine and other periods when it does. It is important to understand that information about a disability is personal and private and must be treated confidentially.<\/p>\n<p>&nbsp;<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/pexels-cliff-booth-4058219-e1637078079538-3.jpg\" alt=\"Woman with down syndrome sitting on a couch using a laptop\" width=\"1024\" height=\"435\" \/><figcaption class=\"wp-caption-text\">Source: <a href=\"https:\/\/www.pexels.com\/photo\/girl-sitting-on-a-couch-using-a-laptop-4058219\/\">Photo<\/a> by <a href=\"https:\/\/www.pexels.com\/@cliff-booth\">Cliff Booth<\/a> on <a href=\"https:\/\/www.pexels.com\">Pexels<\/a><\/figcaption><\/figure>\n<div class=\"textbox textbox--learning-objectives\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\">In this chapter you&#8217;ll explore:<\/h2>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li>Tools to evaluate course materials for accessibility.<\/li>\n<li>Design principles for making your course accessible and easy to understand.<br \/>\nIncorporate course design strategies that meet AODA standards to facilitate accessibility.<\/li>\n<li>Resources and tools for teachers and students that support accessibility.<\/li>\n<li>Accessible strategies in teaching.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h2>Accessible Online Courses<\/h2>\n<p>Online course planning and programming that ignores the navigational needs of impaired users can create barriers that prevent them from fully participating in learning environments. Because of this, it is critical to approach the online course design with accessibility in mind to offer everyone equal access, the ability to navigate with ease and engage with the information provided in the course.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/mix-raced-trainees-working-computer-public-library-scaled-e1637098669312-3.jpg\" alt=\"People sitting at desks and using laptops.\" width=\"1024\" height=\"544\" \/><figcaption class=\"wp-caption-text\">Source: <a href=\"https:\/\/www.freepik.com\/free-photo\/mix-raced-trainees-working-computer-public-library_5890439.htm\">Photo<\/a> by <a href=\"https:\/\/www.freepik.com\/pch-vector\">pch.vector<\/a> on <a href=\"https:\/\/www.freepik.com\">freepik<\/a><\/figcaption><\/figure>\n<p style=\"margin-bottom: 15px\">Make sure your framework is guided by these principles<a class=\"footnote\" title=\"https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible\" id=\"return-footnote-390-1\" href=\"#footnote-390-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a>:<\/p>\n<details><!-- Dignity --><\/p>\n<summary>Dignity<\/summary>\n<div class=\"collapsed\">\n<p>Provide service in a way that allows the person with a disability to maintain self-respect and the respect of other people.<\/p>\n<\/div>\n<\/details>\n<details><!-- Independence --><\/p>\n<summary>Independence<\/summary>\n<div class=\"collapsed\">\n<p>A person with a disability is allowed to do things on their own without unnecessary help or interference from others.<\/p>\n<\/div>\n<\/details>\n<details><!-- Integration --><\/p>\n<summary>Integration<\/summary>\n<div class=\"collapsed\">\n<p>Provide service in a way that allows the person with a disability to benefit from the same services, in the same place, and in the same or similar way as other customers, unless a different way is necessary to enable them to access goods, services or facilities.<\/p>\n<\/div>\n<\/details>\n<details><!-- Equal opportunity --><\/p>\n<summary>Equal opportunity<\/summary>\n<div class=\"collapsed\">\n<p>Provide service to a person with a disability in such a way that they have an equal opportunity to access your goods, services or facilities as what is given to others.<\/p>\n<\/div>\n<\/details>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail alignleft\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/Yellow__Idea-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/p>\n<p><strong>Tips:<\/strong><\/p>\n<ul>\n<li><span style=\"font-size: 1em\">Ensure accessibility of course content and materials by using accessible documents and websites<\/span><\/li>\n<li>Use captioned videos<\/li>\n<li>Select textbooks that offer e-book options<\/li>\n<li>Encourage use of software which reads websites and documents (read &amp; write gold)<\/li>\n<\/ul>\n<p>The old Chinese proverb shows the importance of the senses in the learning process. The five senses of hearing, touch, sight, taste and smell are the primary means we use to gain new knowledge. We rarely experience with one sense alone. Our senses work together to give us a total picture of our experiences. People of all ages learn best when involved in meaningful experiences. Learning takes place when the mind is able to put together information from all the senses and make a connection with past learning. Using many senses to gain information helps learning to be more meaningful and useful.<a class=\"footnote\" title=\"https:\/\/www.sd43.bc.ca\/District\/Departments\/LearningServices\/SLP%20Resources\/Language%20Development%20Disorders\/Using%20All%20the%20Senses%20to%20Learn.pdf\" id=\"return-footnote-390-2\" href=\"#footnote-390-2\" aria-label=\"Footnote 2\"><sup class=\"footnote\">[2]<\/sup><\/a><\/p>\n<blockquote><p>\u201cWhen I hear, I forget. When I see, I remember. When I do, I understand.\u201d<br \/>\n~ Xunzi (340 &#8211; 245 BC)<\/p>\n<p>Argued to be translated more like this:<\/p>\n<p>\u201c Hearing is not as good as seeing, seeing is not as good as knowledge, knowing is not as good as acting, and true learning continues until it is put into action\u201d.<\/p><\/blockquote>\n<h3>Accessibility Components include:<\/h3>\n<ul>\n<li><a href=\"https:\/\/readabilitymatters.org\/articles\/legibility-vs-readability\">Readability<\/a> &#8211; the ease with which a reader can recognize words, sentences, and paragraphs &#8211;\n<ul>\n<li><a href=\"https:\/\/readabilityformulas.com\/free-readability-formula-tests.php\">Readability checker<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/readabilitymatters.org\/articles\/legibility-vs-readability\">Legibility<\/a> &#8211; an informal measure of how easy it is to distinguish one letter from another in a particular typeface.<\/li>\n<li>Contrast<\/li>\n<li>Colour<\/li>\n<li>Language<\/li>\n<li>Font<\/li>\n<li>Application of learning through the senses<\/li>\n<\/ul>\n<h2>Website Accessibility<\/h2>\n<p>As of 1 January 2014, under the AODA, public sector organizations shall make new internet websites and web content on them conform with the World Wide Web Consortium Web Content Accessibility Guidelines (WCAG) 2.0 to Level A. This requirement will extend to Level AA on all websites by 1 January 2021.<\/p>\n<div class=\"textbox callout\" style=\"text-align: center\"><strong>AODA compliance means ensuring your site is accessible and usable by everyone, including people with disabilities, in line with Ontario\u2019s latest regulations and standards.<\/strong><\/div>\n<p>Web accessibility requirements refer to the navigation, design, and coding considerations that help visitors using different types of web-enabled devices and visitors with disabilities use the website. The requirements of WCAG 2.0 provide criteria to assist in making websites perceivable, operable, understandable and robust (\u201cPOUR\u201d) for persons with various types of disabilities. These four principles\u202fare described in more detail below. When referring to the above paragraph in your own work, consider these requirements within your virtual space and in your written communication. Click on the \u201c+\u201d icon for more details.<\/p>\n<div id=\"h5p-118\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-118\" class=\"h5p-iframe\" data-content-id=\"118\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"pour\"><\/iframe><\/div>\n<\/div>\n<p>PowerPoint presentations with speaking notes and alternative-text (alt-text) image descriptions. Alt-text descriptions are brief written explanations of images that people include in presentations. These descriptions do not appear visually in a presentation. However, if a student reads a copy of the presentation with their <a href=\"https:\/\/www.aoda.ca\/software-programs-that-support-web-accessibility\/\">screen reader<\/a>, they can access any alt-text that the presenter has added to images. Writing these descriptions can help teachers plan lessons. While writing alt-text, teachers have the chance to think in advance about:<\/p>\n<ul>\n<li>What elements of an image do they want to draw students\u2019 attention to<\/li>\n<li>Why that image is important to the lesson<\/li>\n<\/ul>\n<p>Educators can also produce lesson resources that easily adapt to students\u2019 accommodation needs. For instance, materials created in Microsoft Word or another text-based program are easy to print in Braille or read with screen readers. <a href=\"\/chapter\/three-principles-of-udl\/\">Multiple means of representation<\/a> help teachers plan and deliver lessons that more students can learn from.<\/p>\n<h2>WCAG<\/h2>\n<h3>What is WCAG?<\/h3>\n<p><a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a> is developed by W3C WAI (The World Wide Web Consortium Web Accessibility Initiative) with a goal of providing a single shared standard for web content accessibility. The WCAG documents explain how to make web content more accessible to people with visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities.<\/p>\n<h3>Criteria<\/h3>\n<p><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html\">WCAG success criterion 1.4.3<\/a> states that visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:<\/p>\n<ul>\n<li><strong>Large Text:<\/strong> Large-scale text and images of large-scale text have a contrast ratio of at least 3:1. WCAG defines large text as text that is 18pt and larger, or 14pt and larger\u00a0<em>if<\/em>\u00a0it is bold.<\/li>\n<li><strong>Incidental:<\/strong> Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.<\/li>\n<li><strong>Logotypes:<\/strong> Text that is part of a logo or brand name has no minimum contrast requirement.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail alignleft\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/Yellow__Idea-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Tip:<\/strong> There are a number of <a href=\"https:\/\/www.456bereastreet.com\/archive\/200709\/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design\/\">colour contrast checking tools<\/a> that can help you determine compliance.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"textbox callout\"><strong>WCAG 2.0 Level AA:<\/strong> Acceptable compliance is the minimum requirement.<\/div>\n<h2>Best Practices<\/h2>\n<p>Below are some best practices for structuring your course with accessibility in mind. Memory can only store so much, so breaks between bites or little challenges to recall info are helpful. lectures should be between 10-30 minutes. This helps with information retention and reduces cognitive load.<\/p>\n<p>Here is an example teaching framework that includes accessibility:<\/p>\n<ul>\n<li style=\"font-weight: 400\">Consider making an intro video of yourself talking about the course content for that week. A written introduction of the course material for each week is OK for in-person or synchronous classes.<\/li>\n<li style=\"font-weight: 400\">Be sure to make your presentation (pdf\/PowerPoint\/spark) available to all students.<\/li>\n<li style=\"font-weight: 400\">Follow a structure within your work.<\/li>\n<li style=\"font-weight: 400\">Minimize text when possible.<\/li>\n<li style=\"font-weight: 400\">Segment information into bite-sized lessons to control the flow of information. This is good for ADD and dyslexia.<\/li>\n<li style=\"font-weight: 400\">Worksheet design should follow the bite-sized flow of information. You can do this by \u201cchunking\u201d information into clear manageable pieces, to match with teaching chunks.<\/li>\n<li style=\"font-weight: 400\">Outros, conclusions, or recaps of what was learned at the end of lessons, reminders for what is due and a look ahead at what will be happening in the next class.<\/li>\n<li style=\"font-weight: 400\">Weekly packages for each class will include links, discussions in class for the week, additional help resources (links\/tutorials\/books\/etc..), links to the presentation of the week, and any additional resources needed for the practice of the lesson.<\/li>\n<\/ul>\n<h3>Types of Accessible Formats<\/h3>\n<p>Use the dialogue cards below for information about accessible formats.<\/p>\n<div id=\"h5p-119\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-119\" class=\"h5p-iframe\" data-content-id=\"119\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Types of Accessible Formats\"><\/iframe><\/div>\n<\/div>\n<h3>Accessible Visual Design<\/h3>\n<p style=\"margin-bottom: 15px\">Psychology plays a part in accessible course design. Students will retain only bits of the lesson in their memory. Here&#8217;s how you can make it a good and memorable experience:<\/p>\n<details><!-- Content --><\/p>\n<summary>Content<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>The typical individual can only hold, on average, 7 items in working memory, give or take. It&#8217;s important to remember that short-term memory capacity varies depending on the person, past knowledge, and context.<\/li>\n<li>To increase processing, and simple retention of knowledge, divide content into &#8220;chunks\u201c of information. Save the most difficult tasks until the end of the lesson.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!-- Retention --><\/p>\n<summary>Retention<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>Because the brain has a limited capacity, it&#8217;s preferable to avoid unnecessary material that isn&#8217;t directly related to the main purpose.<\/li>\n<li>Information overload will raise the possibility of a student quitting a task in progress.<\/li>\n<li>Increase working memory capacity by using both auditory and visual communication methods to convey information.<\/li>\n<li>Arrange the information in a logical manner.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!-- Visual Design --><\/p>\n<summary>Visual Design<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>A great design triggers a favourable response in the student\u2019s mind by boosting confidence while improving usability.<\/li>\n<li>Use good design to help users figure out how to engage with a particular piece. (It must be a button if it looks like a button)<\/li>\n<li>Does it have any significance? The student will look for meaning.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!--Create Interest --><\/p>\n<summary>Create Interest<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>The gap between what students know and what they need to know might be the required motivation to get them to fill in the learning gaps.<\/li>\n<li>Attract student\u2019s attention with intriguing titles that pique their interest.<\/li>\n<li>Reinforce confidence and positivity by using phrases that contain words like &#8220;can&#8221; or &#8220;do.&#8221;<\/li>\n<li>When possible, use symmetrical elements because they represent order, are visually appealing and the human brain looks for it.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!--Be Memorable --><\/p>\n<summary>Be Memorable<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>Include positive notifications when a task is successfully completed.<\/li>\n<li>Celebrate when a student finishes a crucial task.<\/li>\n<li>Encourage your students to look for more information.<\/li>\n<li>To express a point of view, use narrative.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<h3>Culture and Design<\/h3>\n<p>It\u2019s useful to analyze cultural preferences across major visual design elements. Click on the &#8220;+&#8221; icons below for more details.<\/p>\n<div id=\"h5p-120\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-120\" class=\"h5p-iframe\" data-content-id=\"120\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Culture and Design\"><\/iframe><\/div>\n<\/div>\n<h3>Design Principles for Making your Course Accessible and Easy to Understand<\/h3>\n<figure style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/Design-3.png\" alt=\"Illustration of a graphic designer working at a desk\" width=\"300\" height=\"269\" \/><figcaption class=\"wp-caption-text\">Source: <a href=\"https:\/\/www.freepik.com\/free-vector\/designer-concept-illustration_6170425.htm\">Illustration<\/a> by <a href=\"https:\/\/www.freepik.com\/stories\">stories<\/a> from <a href=\"https:\/\/www.freepik.com\/\">freepik<\/a><\/figcaption><\/figure>\n<p>Design can sometimes contain a lot of visual beauty, which is why it&#8217;s sometimes mistaken with style. However, design is focused on the underlying structure of communication\u2014the concept, not only the aesthetic aspects. This is shown in visual form which makes it universal. Important things to consider in your course design include:<\/p>\n<h4>Contrast<\/h4>\n<p>Be sure there is enough contrast between backgrounds and text. Use the <a href=\"https:\/\/contrastchecker.com\/\">contrast checker<\/a> listed in the tools section to evaluate your contrast.<\/p>\n<h4>Hierarchy<\/h4>\n<p>What do you want the student to see first? Then second? Yes, design directs the movement of the viewer\u2019s eye. Here is a fantastic example of hierarchy in use. Have a quick read.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/1_ZMmnsstUw4W9JOMwAYmDaA-3.jpeg\" alt=\"Illustration of typographic hierarchy. Description to follow in captions.\" width=\"1000\" height=\"500\" \/><figcaption class=\"wp-caption-text\">Caption: Typographic hierarchy illustrated with four lines of text with each line decreasing in text size. The first line, with the largest text, reads &#8220;You&#8217;ll read this first&#8221;; the second line, with smaller text, reads &#8220;Then you will most likely read this next; the third line, with smaller text, reads &#8220;And then you will read this sentence third&#8221;; the fourth line, with the smallest text, reads &#8220;*This bit at the end here at the bottom, yeah I bet you read this last.&#8221; <br \/>Source: <a href=\"https:\/\/medium.com\/nextux\/become-a-typography-nerd-in-under-10-minutes-5a7eda093cb3\">Illustration<\/a> by <a href=\"https:\/\/coyleandrew.medium.com\/\">Andrew Coyle<\/a> from <a href=\"https:\/\/medium.com\/\">medium.com<\/a><\/figcaption><\/figure>\n<h4>Movement<\/h4>\n<p>As stated above, the hierarchy controls where the viewer will look first, second, etc. Ways to direct the eye include contrast, colour and size. Consider the use of these elements appropriately to help direct the students eyes to the important information. Remember to maintain a logical reading order for the main body.<\/p>\n<h4>Pattern or Repetition<\/h4>\n<p>Maintaining, for example, your assignment handouts in a consistent structure or formation, will eliminate guess work when a students is looking for a particular section, for example, the references. Students will have more time to absorb and understand instructions provided.<\/p>\n<h4>Type or Fonts<\/h4>\n<p>All text used needs to be readable and legible. According to <a href=\"https:\/\/www.vistaprint.com\/hub\/design-decoded-top-12-easy-read-fonts?couponAutoload=1&amp;GP=10%2f04%2f2021+12%3a25%3a35&amp;GPS=6073164672&amp;GNF=0\">vistaprint<\/a> and <a href=\"https:\/\/www.printpeppermint.com\/the-most-easily-readable-fonts-for-web-and-print\/\">Print Peppermint<\/a>, these are the top readable fonts for online:<\/p>\n<figure id=\"attachment_368\" aria-describedby=\"caption-attachment-368\" style=\"width: 164px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/ecampusontario.pressbooks.pub\/app\/uploads\/sites\/1659\/2021\/07\/fonts-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1282\" src=\"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-content\/uploads\/sites\/7\/2021\/12\/fonts-1-3.png\" alt=\"The top readable online fonts are: Georgia, Helvetica, Arial, PT Sans &amp; PT Serif, Open sans, Quicksand, Verdana, Rooney, Karla, Roboto, Neue, Tisa, Montserrat, Ubuntu, Lato, Futura.\" width=\"164\" height=\"332\" \/><\/a><figcaption id=\"caption-attachment-368\" class=\"wp-caption-text\">Caption: The top readable fonts for online are &#8211; Georgia, Helvetica, Arial, PT Sans &amp; PT Serif, Open sans, Quicksand, Verdana, Rooney, Karla, Roboto, Neue, Tisa, Montserrat, Ubuntu, Lato, Futura.<\/figcaption><\/figure>\n<div class=\"textbox textbox--newfeature\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\">Explore<\/h2>\n<\/header>\n<div class=\"textbox__content\">\n<p>Looking to improve your type? Here\u2019s a three minute video explaining how to use type to improve your design.<\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"Typography Tutorial - 10 rules to help you rule type\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/QrNi9FmdlxY?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<\/div>\n<\/div>\n<h3>Elements &amp; Principles of Design<\/h3>\n<p>In this short video, you will learn what the elements and principles of design are and different ways to combine them. Remember, these are things to consider in your visual course design, but not all of them need to be applied at the same time. Happy designing!<\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-2\" title=\"Elements &amp; Principles of Design\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/losbYfihiN4?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here are some design principles for accessible design in digital space<a class=\"footnote\" title=\"Digital, S. (28, February 2019). 6 principles of accessible design. UX Planet. Retrieved November 30, 2021, from https:\/\/uxplanet.org\/6-principles-of-accessible-design-79beceeafffb.\" id=\"return-footnote-390-3\" href=\"#footnote-390-3\" aria-label=\"Footnote 3\"><sup class=\"footnote\">[3]<\/sup><\/a>:<\/p>\n<details><!-- Media --><\/p>\n<summary>Media<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>Use descriptive ALT tags for hyperlinks, icons, images, videos, and other media types.<\/li>\n<li>Have subtitles and transcripts for videos. YouTube is a great tool to use for this. (See resources for alternatives.)<\/li>\n<li>Use images or illustrations for tricky subjects but keep the format similar and avoid surprising your user.<\/li>\n<li>Avoid unnecessary media that can cause distractions.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!-- Text --><\/p>\n<summary>Text<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>Write descriptive and clear page titles.<\/li>\n<li>Use periods in your abbreviations (C.I.A. instead of CIA).<\/li>\n<li>Black text on white background, or the reverse, is the best general practice.<\/li>\n<li>Write in the active voice (Mike developed the website).<\/li>\n<li>Break up large amounts of text into smaller paragraphs or bullet points when possible.<\/li>\n<li>Avoid making text smaller than 14\u201316px.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!-- Navigation and Links --><\/p>\n<summary>Navigation and Links<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>Write descriptive text links that explain exactly what they are clicking on. Not just \u201cclick here.\u201d<\/li>\n<li>Underline your links.<\/li>\n<li>Make links a contrasting color to your standard text.<\/li>\n<li>Design for large clickable areas.<\/li>\n<li>Use breadcrumbs.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!--Colours --><\/p>\n<summary>Colours<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li>Avoid bright or loud colours.<\/li>\n<li>Avoid colour combinations that are known to cause issues for the colourblind.<\/li>\n<\/ul>\n<\/div>\n<\/details>\n<details><!--Assistive Technologiese --><\/p>\n<summary>Assistive Technologies<\/summary>\n<div class=\"collapsed\">\n<ul>\n<li><a href=\"https:\/\/support.apple.com\/en-us\/HT202658\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/support.apple.com\/en-us\/HT202658\">Apple assistive touch<\/a><\/li>\n<li><a href=\"https:\/\/webaim.org\/techniques\/screenreader\/\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/webaim.org\/techniques\/screenreader\/\">Screen readers<\/a><\/li>\n<li><a href=\"https:\/\/snow.idrc.ocadu.ca\/content\/screen-keyboard\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/snow.idrc.ocadu.ca\/content\/screen-keyboard\">On-screen keyboards navigated with a trackball<\/a><\/li>\n<li><a href=\"https:\/\/accessibility.psu.edu\/video\/speechrecognition\/\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/accessibility.psu.edu\/video\/speechrecognition\/\">Voice recognition<\/a><\/li>\n<li><a href=\"https:\/\/www.abilities.com\/community\/assistive-eye-control.html\" target=\"_blank\" rel=\"noopener\" data-cke-saved-href=\"https:\/\/www.abilities.com\/community\/assistive-eye-control.html\">Eye tracking software<\/a><\/li>\n<\/ul>\n<\/div>\n<\/details>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<h2 class=\"textbox__title\">Activity<\/h2>\n<\/header>\n<div id=\"h5p-121\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-121\" class=\"h5p-iframe\" data-content-id=\"121\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"AODA workbook\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p>At the date this book is published, the minimal requirement is WCAG Level AA.<br \/>\nWhen to use the contrast checker:<\/p>\n<ul>\n<li>If you are adding text on images<\/li>\n<li>Is your text or background colours are not standard colours (for example, black &amp; white, or cream and charcoal)<\/li>\n<\/ul>\n<p>If you are not compliant:<\/p>\n<ul>\n<li>Contrast checker does allow you to try new background and foreground colour combinations by clicking on the checkerboard of colours.<\/li>\n<\/ul>\n<h2>Key Terms &amp; Concepts\/ Revisit\/ Recap<\/h2>\n<ul>\n<li style=\"font-weight: 400\">AODA standards and compliance<\/li>\n<li style=\"font-weight: 400\">Accessible Visual Design Techniques<\/li>\n<li style=\"font-weight: 400\">Accessibility and Access<\/li>\n<\/ul>\n<p><strong>Disability<\/strong>: See intro &#8211; The AODA uses the same definition of disability as the <a href=\"http:\/\/www.ohrc.on.ca\/en\/policy-and-guidelines-disability-and-duty-accommodate\/2-what-disability\">Ontario Human Rights Code<\/a>.<\/p>\n<p><strong>Accessibility<\/strong>: Accessibility refers to the design of products, devices, services, or environments for people who experience disabilities. Ontario has laws to improve accessibility for people with disabilities, including the Accessibility for Ontarians with Disabilities Act (AODA), the <a href=\"http:\/\/www.ohrc.on.ca\/en\/policy-and-guidelines-disability-and-duty-accommodate\">Ontario Human Rights Code<\/a>, and the <a href=\"http:\/\/www.mah.gov.on.ca\/Page10546.aspx\">Ontario Building Code<\/a>.<\/p>\n<h2>Resources<\/h2>\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\">10 Usability Heuristics for User Interface Design<\/a><\/p>\n<p><strong>Speech to text<\/strong> function for Google Chrome.<\/p>\n<ol>\n<li>Open google (using google chrome) &amp; search \u201c chrome:\/\/flags\u201d<\/li>\n<li>Search \u201clive captions\u201d<\/li>\n<li>Select \u201cenable\u201d, Then click \u201cRelaunch\u201d at the bottom right (Chrome will exit &amp; relaunch)<\/li>\n<li>Click the 3 dots menu for chrome (upper right corner of browser)<\/li>\n<li>Click Settings<\/li>\n<li>Advanced menu on the left, then Accessibility<\/li>\n<li>Turn on \u201cLive Subtitles\u201d<\/li>\n<\/ol>\n<p>You won\u2019t see anything happen when you talk, but if someone else is speaking, you will get subtitles. You can test this by going to any site that has someone else talking.<\/p>\n<p><a href=\"https:\/\/spark.adobe.com\/page\/C3qvs2kBUjUn9\/\">Creating Accessible PDFs<\/a><\/p>\n<p><a href=\"https:\/\/medium.com\/envoy-design\/how-to-design-an-accessible-color-scheme-4a13ca12c92b\">Colour for accessibility<\/a> &#8211; How to design an accessible colour scheme<\/p>\n<p><a href=\"https:\/\/www.ontario.ca\/page\/how-train-your-staff-accessibility\">Tips on engagement<\/a> &#8211; training in accessible customer service<\/p>\n<h2>Tools<\/h2>\n<p><a href=\"https:\/\/www.actionrocket.co\/email-design-review\/designerchecklist\">Accessibility Checklist<\/a><\/p>\n<p><a href=\"https:\/\/blog.adobe.com\/en\/publish\/2021\/05\/20\/why-is-color-accessibility-important.html#gs.b3wy8o\">Why is colour accessibility important? &#8211; Adobe\u2019s Colour Contrast Checker<\/a><\/p>\n<p><a href=\"https:\/\/www.macupdate.com\/app\/mac\/23072\/keycastr\">Key Castr (Mac)<\/a><\/p>\n<p>KeyCastr is a keystroke visualizer, allowing you to easily display your keystrokes while recording screencasts. It is very useful when demonstrating complicated keyboard shortcuts.<\/p>\n<p><a href=\"http:\/\/code52.org\/carnac\/\">Carnac (PC)<\/a><\/p>\n<p>A PC alternative to Mac\u2019s Key Castr. This tool is about displaying keyboard shortcuts to users<\/p>\n<p><a href=\"https:\/\/www.texthelp.com\/products\/read-and-write-education\/\">Read &amp; Write Gold<\/a><\/p>\n<p>Some of the features of the program include:<\/p>\n<ul>\n<li>The ability to use the text to speech feature to support reading different materials<\/li>\n<li>Highlighting the ability to extract for note-taking and summary making<\/li>\n<li>Word prediction that looks at English word algorithms to support writing in English<\/li>\n<li>The Check-it tool provides an explanation when reviewing grammar. It is not just a click and fix option; it can aid in English language development.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/contrastchecker.com\/\">Colour Contrast Checker<\/a><\/p>\n<p><a href=\"https:\/\/contrastchecker.online\/\">Another Colour Contrast Checker<\/a><\/p>\n<p><a href=\"https:\/\/www.rgd.ca\/database\/files\/library\/RGD_AccessAbility2_Handbook_2019_06_01(1).pdf\">RGD\u2019s Practical Handbook on Accessible Design<\/a><\/p>\n<p><a href=\"https:\/\/www.456bereastreet.com\/archive\/200709\/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design\/\">Colour Contrast Checking Tools List<\/a><\/p>\n<p><a href=\"https:\/\/readabilityformulas.com\/free-readability-formula-tests.php\">Check text readability<\/a><\/p>\n<p><a href=\"https:\/\/www.funkify.org\/\">Funkify<\/a> is an extension for Chrome that helps you experience the web and interfaces through the eyes of users with different abilities and disabilities.<\/p>\n<h2>References &amp; Case Studies<\/h2>\n<p><a href=\"https:\/\/accessibilitycanada.ca\/aoda\">Accessibility Canada<\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/c\/KristyViers\">Kristy Viers brings awareness to how blind people use tech<\/a><\/p>\n<p><a href=\"https:\/\/www.ontario.ca\/laws\/statute\/05a11\">Accessibility for Ontarians with Disabilities Act, 2005, S.O. 2005, c. 11<\/a><\/p>\n<p><a href=\"https:\/\/cnib.ca\/sites\/default\/files\/2018-07\/CNIB%20Clear%20Print%20Guide.pdf\">Clear Print Accessibility Guidelines<\/a><\/p>\n<p><a href=\"https:\/\/academicintegrity.org\/\">Academic Integrity<\/a><\/p>\n<p><a href=\"https:\/\/accessibilitycanada.ca\/resources\/\">Accessibility Canada\u2019s Resources<\/a><\/p>\n<p><a href=\"https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible\">Accessible Customer Service<\/a><\/p>\n<p><a href=\"https:\/\/aoda.ca\/what-are-accessible-formats\/\">Accessible Formats<\/a><\/p>\n<p><a href=\"https:\/\/99designs.ca\/blog\/tips\/principles-of-design\/\">Principles of Design<\/a><\/p>\n<p><a href=\"https:\/\/uxplanet.org\/6-principles-of-accessible-design-79beceeafffb\">Principles of accessible design<\/a><\/p>\n<p><a href=\"https:\/\/stablewp.com\/aoda-compliance-and-wcag-how-to-boost-your-web-accessibility-checklist\">AODA Compliance &amp; WCAG<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-390-1\"><a href=\"https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible\">https:\/\/www.ontario.ca\/page\/how-make-customer-service-accessible<\/a> <a href=\"#return-footnote-390-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><li id=\"footnote-390-2\"><a href=\"https:\/\/www.sd43.bc.ca\/District\/Departments\/LearningServices\/SLP%20Resources\/Language%20Development%20Disorders\/Using%20All%20the%20Senses%20to%20Learn.pdf\">https:\/\/www.sd43.bc.ca\/District\/Departments\/LearningServices\/SLP%20Resources\/Language%20Development%20Disorders\/Using%20All%20the%20Senses%20to%20Learn.pdf<\/a> <a href=\"#return-footnote-390-2\" class=\"return-footnote\" aria-label=\"Return to footnote 2\">&crarr;<\/a><\/li><li id=\"footnote-390-3\"> Digital, S. (28, February 2019). <em><a href=\"https:\/\/uxplanet.org\/6-principles-of-accessible-design-79beceeafffb\">6 principles of accessible design<\/a><\/em>. UX Planet. Retrieved November 30, 2021, from https:\/\/uxplanet.org\/6-principles-of-accessible-design-79beceeafffb. <a href=\"#return-footnote-390-3\" class=\"return-footnote\" aria-label=\"Return to footnote 3\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":2,"menu_order":5,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":"cc-by"},"chapter-type":[49],"contributor":[],"license":[53],"class_list":["post-390","chapter","type-chapter","status-publish","hentry","chapter-type-numberless","license-cc-by"],"part":365,"_links":{"self":[{"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/pressbooks\/v2\/chapters\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":3,"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/pressbooks\/v2\/chapters\/390\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/pressbooks\/v2\/chapters\/390\/revisions\/403"}],"part":[{"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/pressbooks\/v2\/parts\/365"}],"metadata":[{"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/pressbooks\/v2\/chapters\/390\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/wp\/v2\/media?parent=390"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/pressbooks\/v2\/chapter-type?post=390"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/wp\/v2\/contributor?post=390"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.publishdot.com\/sbvqualitycourses\/wp-json\/wp\/v2\/license?post=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}