{"id":2491,"date":"2026-04-29T14:00:00","date_gmt":"2026-04-29T18:00:00","guid":{"rendered":"https:\/\/ctl.cedarville.edu\/wp\/?p=2491"},"modified":"2026-04-29T12:32:57","modified_gmt":"2026-04-29T16:32:57","slug":"course-accessibility-bringing-it-all-together-resources","status":"publish","type":"post","link":"https:\/\/ctl.cedarville.edu\/wp\/course-accessibility-bringing-it-all-together-resources\/","title":{"rendered":"Course Accessibility: Bringing It All Together &amp; Resources"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 6<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>\n<p>We\u2019ve\u00a0now covered all the\u00a0ways\u00a0that Canvas can help make sure your course meets accessibility guidelines with their new Accessibility Checker. While that is a great resource,\u00a0there\u2019s\u00a0still a few other things you need to know about. But\u00a0don\u2019t\u00a0worry!\u00a0We\u2019ve\u00a0compiled those (and reminders for the elements that Canvas does help with) into a handy checklist.\u00a0\u00a0<\/p>\n\n\n\n<p>This checklist is divided into a couple different sections to help you quickly reference the&nbsp;different parts&nbsp;when building or reviewing a course: text element structure, images\/non-text content, use of color, pre-recorded video &amp; audio, and other best practices.&nbsp;Let\u2019s&nbsp;dive into each of these!&nbsp;&nbsp;<\/p>\n\n\n\n<p><em>Note: This checklist follows WCAG 2.1 A\/AA guidelines, but it does not&nbsp;contain&nbsp;absolutely everything presented in those levels \u2013 this&nbsp;contains&nbsp;the items\/scenarios that are&nbsp;most likely for&nbsp;faculty to&nbsp;encounter&nbsp;in their courses. Each item links back to the original WCAG rule.<\/em>&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Text element structure&nbsp;<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Page titles describe the topic or purpose of the page [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1#page-titled\" target=\"_blank\" rel=\"noreferrer noopener\">2.4.2<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Titles need to relate to the content of the page, describing the topic or purpose. This helps&nbsp;people&nbsp;find the content&nbsp;they\u2019re&nbsp;looking for quickly and easily.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Heading levels are used in order and are according to function, not visual style [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#info-and-relationships\" target=\"_blank\" rel=\"noreferrer noopener\">1.3.1<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Headings&nbsp;indicate&nbsp;the structure of&nbsp;a&nbsp;page.&nbsp;An easy way&nbsp;to make sure that&nbsp;you\u2019re&nbsp;not missing heading levels or that&nbsp;you\u2019re&nbsp;using heading levels properly is to think of them like outline levels. Your heading 1 (h1) is the title of your outline. Each of your main points (your Roman numerals) are your heading 2 (h2). Subpoints are capitalized letters (heading 3 or h3s). And support for those points&nbsp;are&nbsp;Arabic numerals (heading 4 or h4s). In an outline, you&nbsp;wouldn\u2019t&nbsp;jump straight from Roman numerals to Arabic numerals \u2013 and when using headings, we&nbsp;can\u2019t&nbsp;jump straight from an h2 to an h4.&nbsp;&nbsp;<\/p>\n\n\n\n<p><em>When using headings in Canvas, the Canvas Accessibility Checker will&nbsp;notify you&nbsp;if heading levels are skipped.<\/em>&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Headings and labels describe their topic or purpose [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#headings-and-labels\" target=\"_blank\" rel=\"noreferrer noopener\">2.4.6<\/a>]&nbsp;<\/h3>\n\n\n\n<p>If you are including headings or labels in your content, they need to accurately&nbsp;identify&nbsp;the information contained under them. While this rule does not require headings, dividing your content into smaller chunks and labeling those chunks with headings can help make the structure of the information clear to readers.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Numbered or bulleted lists use defined list styles (not just typed numbers or dashes). [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#meaningful-sequence\" target=\"_blank\" rel=\"noreferrer noopener\">1.3.2<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Defined numbered or bulleted lists allow screen readers to properly read and&nbsp;relay&nbsp;your content \u2013 it keeps the context of a list instead of just being individual items. Always use the defined styles instead of&nbsp;your own&nbsp;manually typed numbers, dashes, etc.&nbsp;&nbsp;<\/p>\n\n\n\n<p><em>Canvas will&nbsp;identify&nbsp;items that seem to be&nbsp;lists&nbsp;but do not have the proper styling and will prompt you to apply the correct list styles.<\/em>&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Link text describes where it leads or&nbsp;contains&nbsp;info about where it leads [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#link-purpose-in-context\" target=\"_blank\" rel=\"noreferrer noopener\">2.4.4<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Link text should give context about where the user will end up when clicking the link. This is not only helpful for accessibility \u2013&nbsp;it\u2019s&nbsp;helpful for all users to know where the link should be taking them. Avoid using generic words like \u201chere\u201d or \u201cthis link\u201d as the anchor for your link text.&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Check out further details about this rule <a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#link-purpose-in-context\">here<\/a>. (bad)\u00a0<\/li>\n\n\n\n<li>Check out further details about this rule on <a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#link-purpose-in-context\">W3&#8217;s \u201cHow to Meet WCAG\u201d reference page<\/a>.\u00a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Emphasis is shown by using bold\/italic styles \u2013&nbsp;don\u2019t&nbsp;rely on color alone. [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#use-of-color\" target=\"_blank\" rel=\"noreferrer noopener\">1.4.1<\/a>]&nbsp;<\/h3>\n\n\n\n<p>When you want to emphasize text, use provided bold and italic styles. While color can visually&nbsp;indicate&nbsp;emphasis,&nbsp;it\u2019s&nbsp;not enough to use color on its own because someone with color blindness can miss the difference in shade. Adding bold or italic styles (or bold&nbsp;<em>and<\/em>&nbsp;italic styles) will ensure all users can understand the full meaning.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Additionally, avoid using&nbsp;underline for&nbsp;emphasis in digital text because underline typically&nbsp;indicates&nbsp;links, and this may be confusing for your reader.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use row and column header settings when using tables in your text. [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242#info-and-relationships\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>1.3.1<\/em><\/strong><\/a><strong><em>]<\/em><\/strong>\u00a0<\/h3>\n\n\n\n<p>These settings (as well as the&nbsp;rowspan&nbsp;and&nbsp;colspan&nbsp;settings) give screen readers the information they need to understand the structure of the table. It may look like they just make&nbsp;the text a little bigger and bold, but those are just the visual indicators \u2013&nbsp;there\u2019s&nbsp;much more&nbsp;going on&nbsp;behind the scenes.&nbsp;<\/p>\n\n\n\n<p><em>Canvas will\u00a0notify you\u00a0if a table is missing row and\/or column headers \u2013 or if there are missing\u00a0rowspan\u00a0or\u00a0colspan\u00a0settings to\u00a0identify\u00a0what the row\/column applies to.<\/em>\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Images\/non-text content&nbsp;<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Non-text elements have a text alternative [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131#non-text-content\" target=\"_blank\" rel=\"noreferrer noopener\">1.1<\/a>]&nbsp;<\/h3>\n\n\n\n<p>We\u2019ve&nbsp;talked a lot before about images having alt text. But images&nbsp;aren\u2019t&nbsp;the only thing that requires a text-based alternative! Charts&nbsp;need&nbsp;to&nbsp;have a short label\/title as well as a longer description that includes the type of chart and a high-level summary of the data\/trends\/implications. You should also include a table with the data when possible.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Images require alt text \u2013 but sometimes&nbsp;there\u2019s&nbsp;too much going on in the image to concisely describe it. When that happens, use&nbsp;surrounding&nbsp;text to describe the&nbsp;important information&nbsp;in the image and use a simple description for the alt text.&nbsp;<\/p>\n\n\n\n<p>Note: When an image is part of a quiz, exam, or other element where an it cannot be specifically named, describe the content of an image (e.g., visually describe a medical tool vs giving the name of the tool \u2013 give the context necessary for students to be able to complete the question).&nbsp;&nbsp;<\/p>\n\n\n\n<p><em>Canvas will&nbsp;identify&nbsp;images that are missing alt text and prompt you to add it. Canvas also has an AI-powered alt text generator to help you get started if&nbsp;you\u2019re&nbsp;stuck on what to add&nbsp;for&nbsp;the alt text!<\/em>&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text is used vs images of text whenever possible [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131#images-of-text\" target=\"_blank\" rel=\"noreferrer noopener\">1.4.5<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Whenever possible, make sure that your images are just images without text included. If you created a table in another program,&nbsp;don\u2019t&nbsp;export an image of that table and place it in Canvas \u2013 create the table in Canvas!&nbsp;&nbsp;<\/p>\n\n\n\n<p>Graphs, screenshots, and diagrams that include important visual information other than text do not count as \u201cimages of text\u201d \u2014 but they must still have&nbsp;appropriate alt&nbsp;text.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Use of color&nbsp;<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Color is not the only visual way of&nbsp;identifying&nbsp;info [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131#use-of-color\" target=\"_blank\" rel=\"noreferrer noopener\">1.4.1<\/a>]&nbsp;<\/h3>\n\n\n\n<p>We touched on this&nbsp;before when&nbsp;talking about using bold\/italic styles to show emphasis. But the issues with using color as an identifier go a little beyond that \u2013 we&nbsp;can\u2019t&nbsp;describe an element by color alone to direct people to it (or mark an element by color alone to&nbsp;identify&nbsp;it).&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201cIncorrect answers are highlighted in red&#8221; (bad)&nbsp;<\/li>\n\n\n\n<li>&#8220;Incorrect answers are highlighted in red and labeled \u2018Incorrect\u2019\u201d (good)&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Contrast\u00a0[<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131&amp;currentsidebar=%23col_overview&amp;levels=aaa#contrast-minimum\">1.4.3<\/a>]<\/h3>\n\n\n\n<p>Color contrast is not likely an issue that&nbsp;you\u2019d&nbsp;commonly&nbsp;encounter&nbsp;when working in Canvas \u2013 but it is important to know about. For text and images, you need a 4.5:1 color ratio (like text over a background color or with a highlight). For non-text elements&nbsp;(such as&nbsp;interface components or elements of graphics), you need a 3:1 ratio.&nbsp;&nbsp;<\/p>\n\n\n\n<p><em>Canvas will&nbsp;identify&nbsp;issues with text contrast against background (or highlight) color and&nbsp;provide&nbsp;an alternate option that meets guidelines. If you want to check color contrast yourself or outside of Canvas, my favorite tool is the&nbsp;<\/em><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>WebAIM contrast checker<\/em><\/a><em>.<\/em>&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pre-recorded video &amp; audio&nbsp;<\/h2>\n\n\n\n<p>We\u2019re&nbsp;going to pivot away from talking about text and images to video and audio content. There\u2019s a couple of accessibility concerns here to keep in mind:&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Captions provide equivalent info for spoken audio in a text form [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131#captions-prerecorded\" target=\"_blank\" rel=\"noreferrer noopener\">1.2.2<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Whenever there is an audio element, that information needs&nbsp;to also&nbsp;be provided in a text format. In videos, this takes the form of captions&nbsp;synced&nbsp;to the audio. Captions are helpful not only for people who have difficulty hearing but also those who are in places where they&nbsp;can\u2019t&nbsp;play audio&nbsp;out loud&nbsp;and&nbsp;don\u2019t&nbsp;have headphones with them.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Transcripts are provided for audio-only media. Include the full context of the audio (laughing,&nbsp;etc), not just the words said. [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131#audio-only-and-video-only-prerecorded\" target=\"_blank\" rel=\"noreferrer noopener\">1.2.1<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Adding a text equivalent for audio&nbsp;isn\u2019t&nbsp;just for video content \u2013 audio-only content (like podcasts) also&nbsp;need&nbsp;to follow this rule. When creating a transcript for audio-only content, make sure you include the full context (such as who is speaking and laughter), not just what is said.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Other best practices&nbsp;<\/h2>\n\n\n\n<p>We\u2019ve&nbsp;covered the three main categories of accessibility concerns now, but&nbsp;there\u2019s&nbsp;a few items still to talk about that&nbsp;didn\u2019t&nbsp;neatly fit into our boxes.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Describe items by name, not appearance only [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131#sensory-characteristics\" target=\"_blank\" rel=\"noreferrer noopener\">1.3.3<\/a>]&nbsp;<\/h3>\n\n\n\n<p>This may seem familiar because&nbsp;it\u2019s&nbsp;similar to&nbsp;other concepts&nbsp;we\u2019ve&nbsp;talked about (using bold\/italic instead of just color, not&nbsp;identifying&nbsp;something by color alone) \u2013 but this is a little bit broader. Make sure you include the name of an item and not just its visual description.&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the green \u201cnext&#8221; arrow at the bottom of your screen (good)<\/li>\n\n\n\n<li>Click the green arrow at the bottom of your screen (bad)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Include multiple ways to access web pages unless the page is a step in a process [<a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/?versions=2.1&amp;showtechniques=242%2C131#multiple-ways\" target=\"_blank\" rel=\"noreferrer noopener\">2.4.5<\/a>]&nbsp;<\/h3>\n\n\n\n<p>Unless there is a reason for a course page or assignment to only be available one way, make sure there are multiple ways in your course for students to access it (modules page, quiz page,&nbsp;etc).&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Summary Table<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Section<\/th><th>Accessibility item<\/th><th>What faculty should do<\/th><th>Canvas checker support<\/th><\/tr><\/thead><tbody><tr><th rowspan=\"7\">Text structure&nbsp;<\/th><td>Page titles&nbsp;<\/td><td>Use titles that clearly describe the&nbsp;page&nbsp;topic or purpose.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><td>Heading levels&nbsp;<\/td><td>Use headings in logical order, like an outline; do not skip levels.&nbsp;<\/td><td>Flags skipped heading levels&nbsp;<\/td><\/tr><tr><td>Headings and labels&nbsp;<\/td><td>Make headings and labels accurately describe the content beneath them.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><td>Lists&nbsp;<\/td><td>Use built-in numbered or bulleted&nbsp;list&nbsp;styles instead of typed numbers, dashes, or symbols.&nbsp;<\/td><td>Flags&nbsp;likely lists&nbsp;without proper styling&nbsp;<\/td><\/tr><tr><td>Links&nbsp;<\/td><td>Use descriptive link text that explains where the link goes; avoid \u201cclick here\u201d or \u201cthis link.\u201d&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><td>Emphasis&nbsp;<\/td><td>Use bold or italic for emphasis; do not rely on color alone. Avoid underlining non-links.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><td>Tables&nbsp;<\/td><td>Use row and column headers, plus&nbsp;rowspan\/colspan&nbsp;when needed.&nbsp;<\/td><td>Flags missing table headers or span settings&nbsp;<\/td><\/tr><tr><th rowspan=\"2\">Images\/non-text&nbsp;items&nbsp;<\/th><td>Alt text and text alternatives&nbsp;<\/td><td>Provide alt text for images and text-based descriptions for charts, diagrams, and complex visuals.&nbsp;<\/td><td>Flags missing alt text; includes AI alt text support&nbsp;<\/td><\/tr><tr><td>Images of text&nbsp;<\/td><td>Use actual text instead of images of text whenever possible. Recreate tables in Canvas rather than&nbsp;uploading&nbsp;screenshots.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><th rowspan=\"2\">Use of color&nbsp;<\/th><td>Color as identifier&nbsp;<\/td><td>Do not use color as the only way to communicate meaning; pair it with labels or other indicators.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><td>Contrast&nbsp;<\/td><td>Ensure text has at least 4.5:1&nbsp;contrast&nbsp;and non-text elements have at least 3:1 contrast.&nbsp;<\/td><td>Flags text contrast issues and&nbsp;suggests&nbsp;accessible alternatives&nbsp;<\/td><\/tr><tr><th rowspan=\"2\">Video\/audio&nbsp;<\/th><td>Captions&nbsp;<\/td><td>Provide synchronized captions for videos with spoken audio.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><td>Transcripts&nbsp;<\/td><td>Provide full transcripts for audio-only media, including context such as speaker changes or laughter.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><th rowspan=\"2\">Other practices&nbsp;<\/th><td>Visual references&nbsp;<\/td><td>Describe items by name, not appearance alone.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><tr><td>Multiple access paths&nbsp;<\/td><td>Provide more than one way to access course pages unless the page is part of a required sequence.&nbsp;<\/td><td>Not specified&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>This has been a lot of information, but\u00a0it\u2019s\u00a0all important\u00a0things to keep in mind to help serve others! We have a handy\u00a0<a href=\"https:\/\/cedarvilleuniversity394.sharepoint.com\/:w:\/s\/CTL\/IQCNgOVC_dnJRqRtF8je-zZQAWRr-4rHuN9aZ-G8nEDmS0Y?e=no5SwJ\" target=\"_blank\" rel=\"noreferrer noopener\">accessibility checklist<\/a>\u00a0for you to keep on hand and consult as\u00a0you\u2019re\u00a0working, and\u00a0we\u2019re\u00a0also always happy to answer questions you may have (email us at\u00a0<a href=\"mailto:ctl@cedarville.edu\" target=\"_blank\" rel=\"noreferrer noopener\">ctl@cedarville.edu<\/a>!).\u00a0<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Want to never miss a post? Subscribe here!<\/strong><\/h2>\n\n\n<div class=\"wp-block-jetpack-subscriptions__supports-newline wp-block-jetpack-subscriptions\">\n\t\t<div>\n\t\t\t<div>\n\t\t\t\t<div>\n\t\t\t\t\t<p >\n\t\t\t\t\t\t<a href=\"https:\/\/ctl.cedarville.edu\/wp\/?post_type=post&#038;p=2491\" style=\"font-size: 16px;padding: 15px 23px 15px 23px;margin: 0; margin-left: 10px;border-radius: 0px;border-width: 1px; background-color: #113AF5; color: #FFFFFF; text-decoration: none; white-space: nowrap; margin-left: 0\">Subscribe<\/a>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 6<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>We\u2019ve\u00a0now covered all the\u00a0ways\u00a0that Canvas can help make sure your course meets accessibility guidelines with their new Accessibility Checker. While that is a great resource,\u00a0there\u2019s\u00a0still a few other things you need to know about. But\u00a0don\u2019t\u00a0worry!\u00a0We\u2019ve\u00a0compiled those (and reminders for the elements that Canvas does help with) into a handy checklist.\u00a0\u00a0 This checklist is divided into a couple different sections to help you quickly reference the&nbsp;different parts&nbsp;when building or reviewing a course: text element structure, images\/non-text content, use of color, pre-recorded video &amp; audio, and other best practices.&nbsp;Let\u2019s&nbsp;dive into each of these!&nbsp;&nbsp; Note: This checklist follows WCAG 2.1 A\/AA guidelines, but it does not&nbsp;contain&nbsp;absolutely everything presented in those levels \u2013 this&nbsp;contains&nbsp;the items\/scenarios that are&nbsp;most likely for&nbsp;faculty to&nbsp;encounter&nbsp;in their courses. Each item links back to the original WCAG rule.&nbsp;&nbsp; Text element structure&nbsp; Page titles describe the topic or purpose of the page [2.4.2]&nbsp; Titles need to relate to the content of the page, describing the topic or purpose. This helps&nbsp;people&nbsp;find the content&nbsp;they\u2019re&nbsp;looking for quickly and easily.&nbsp;&nbsp; Heading levels are used in order and are according to function, not visual style [1.3.1]&nbsp; Headings&nbsp;indicate&nbsp;the structure of&nbsp;a&nbsp;page.&nbsp;An easy way&nbsp;to make sure that&nbsp;you\u2019re&nbsp;not missing heading levels or that&nbsp;you\u2019re&nbsp;using heading levels properly is to think of them like outline levels. Your heading 1 (h1) is the title of your outline. Each of your main points (your Roman numerals) are your heading 2 (h2). Subpoints are capitalized letters (heading 3 or h3s). And support for those points&nbsp;are&nbsp;Arabic numerals (heading 4 or h4s). In an outline, you&nbsp;wouldn\u2019t&nbsp;jump straight from Roman numerals to Arabic numerals \u2013 and when using headings, we&nbsp;can\u2019t&nbsp;jump straight from an h2 to an h4.&nbsp;&nbsp; When using headings in Canvas, the Canvas Accessibility Checker will&nbsp;notify you&nbsp;if heading levels are skipped.&nbsp; Headings and labels describe their topic or purpose [2.4.6]&nbsp; If you are including headings or labels in your content, they need to accurately&nbsp;identify&nbsp;the information contained under them. While this rule does not require headings, dividing your content into smaller chunks and labeling those chunks with headings can help make the structure of the information clear to readers.&nbsp;&nbsp; Numbered or bulleted lists use defined list styles (not just typed numbers or dashes). [1.3.2]&nbsp; Defined numbered or bulleted lists allow screen readers to properly read and&nbsp;relay&nbsp;your content \u2013 it keeps the context of a list instead of just being individual items. Always use the defined styles instead of&nbsp;your own&nbsp;manually typed numbers, dashes, etc.&nbsp;&nbsp; Canvas will&nbsp;identify&nbsp;items that seem to be&nbsp;lists&nbsp;but do not have the proper styling and will prompt you to apply the correct list styles.&nbsp; Link text describes where it leads or&nbsp;contains&nbsp;info about where it leads [2.4.4]&nbsp; Link text should give context about where the user will end up when clicking the link. This is not only helpful for accessibility \u2013&nbsp;it\u2019s&nbsp;helpful for all users to know where the link should be taking them. Avoid using generic words like \u201chere\u201d or \u201cthis link\u201d as the anchor for your link text.&nbsp;&nbsp; Emphasis is shown by using bold\/italic styles \u2013&nbsp;don\u2019t&nbsp;rely on color alone. [1.4.1]&nbsp; When you want to emphasize text, use provided bold and italic styles. While color can visually&nbsp;indicate&nbsp;emphasis,&nbsp;it\u2019s&nbsp;not enough to use color on its own because someone with color blindness can miss the difference in shade. Adding bold or italic styles (or bold&nbsp;and&nbsp;italic styles) will ensure all users can understand the full meaning.&nbsp;&nbsp; Additionally, avoid using&nbsp;underline for&nbsp;emphasis in digital text because underline typically&nbsp;indicates&nbsp;links, and this may be confusing for your reader.&nbsp; Use row and column header settings when using tables in your text. [1.3.1]\u00a0 These settings (as well as the&nbsp;rowspan&nbsp;and&nbsp;colspan&nbsp;settings) give screen readers the information they need to understand the structure of the table. It may look like they just make&nbsp;the text a little bigger and bold, but those are just the visual indicators \u2013&nbsp;there\u2019s&nbsp;much more&nbsp;going on&nbsp;behind the scenes.&nbsp; Canvas will\u00a0notify you\u00a0if a table is missing row and\/or column headers \u2013 or if there are missing\u00a0rowspan\u00a0or\u00a0colspan\u00a0settings to\u00a0identify\u00a0what the row\/column applies to.\u00a0 Images\/non-text content&nbsp; Non-text elements have a text alternative [1.1]&nbsp; We\u2019ve&nbsp;talked a lot before about images having alt text. But images&nbsp;aren\u2019t&nbsp;the only thing that requires a text-based alternative! Charts&nbsp;need&nbsp;to&nbsp;have a short label\/title as well as a longer description that includes the type of chart and a high-level summary of the data\/trends\/implications. You should also include a table with the data when possible.&nbsp;&nbsp; Images require alt text \u2013 but sometimes&nbsp;there\u2019s&nbsp;too much going on in the image to concisely describe it. When that happens, use&nbsp;surrounding&nbsp;text to describe the&nbsp;important information&nbsp;in the image and use a simple description for the alt text.&nbsp; Note: When an image is part of a quiz, exam, or other element where an it cannot be specifically named, describe the content of an image (e.g., visually describe a medical tool vs giving the name of the tool \u2013 give the context necessary for students to be able to complete the question).&nbsp;&nbsp; Canvas will&nbsp;identify&nbsp;images that are missing alt text and prompt you to add it. Canvas also has an AI-powered alt text generator to help you get started if&nbsp;you\u2019re&nbsp;stuck on what to add&nbsp;for&nbsp;the alt text!&nbsp; Text is used vs images of text whenever possible [1.4.5]&nbsp; Whenever possible, make sure that your images are just images without text included. If you created a table in another program,&nbsp;don\u2019t&nbsp;export an image of that table and place it in Canvas \u2013 create the table in Canvas!&nbsp;&nbsp; Graphs, screenshots, and diagrams that include important visual information other than text do not count as \u201cimages of text\u201d \u2014 but they must still have&nbsp;appropriate alt&nbsp;text.&nbsp; Use of color&nbsp; Color is not the only visual way of&nbsp;identifying&nbsp;info [1.4.1]&nbsp; We touched on this&nbsp;before when&nbsp;talking about using bold\/italic styles to show emphasis. But the issues with using color as an identifier go a little beyond that \u2013 we&nbsp;can\u2019t&nbsp;describe an element by color alone to direct people to it (or mark an element by color alone to&nbsp;identify&nbsp;it).&nbsp;&nbsp; Contrast\u00a0[1.4.3] Color contrast is not likely an issue that&nbsp;you\u2019d&nbsp;commonly&nbsp;encounter&nbsp;when working in Canvas \u2013 but it is important to know about. For text and images, you need a 4.5:1 color ratio (like text over a background color or with a highlight). For non-text elements&nbsp;(such as&nbsp;interface components or elements of graphics), you need a 3:1 ratio.&nbsp;&nbsp; Canvas will&nbsp;identify&nbsp;issues with text contrast against background (or highlight) color and&nbsp;provide&nbsp;an alternate option that meets guidelines. If you want to check color contrast yourself or outside of Canvas, my favorite tool is the&nbsp;WebAIM contrast checker.&nbsp;&nbsp; Pre-recorded video &amp; audio&nbsp; We\u2019re&nbsp;going to pivot away from talking about text and images to video and audio content. There\u2019s a couple of accessibility concerns here to keep in mind:&nbsp;&nbsp; Captions provide equivalent info for spoken audio in a text form [1.2.2]&nbsp; Whenever there is an audio element, that information needs&nbsp;to also&nbsp;be provided in a text format. In videos, this takes the form of captions&nbsp;synced&nbsp;to the audio. Captions are helpful not only for people who have difficulty hearing but also those who are in places where they&nbsp;can\u2019t&nbsp;play audio&nbsp;out loud&nbsp;and&nbsp;don\u2019t&nbsp;have headphones with them.&nbsp;&nbsp; Transcripts are provided for audio-only media. Include the full context of the audio (laughing,&nbsp;etc), not just the words said. [1.2.1]&nbsp; Adding a text equivalent for audio&nbsp;isn\u2019t&nbsp;just for video content \u2013 audio-only content (like podcasts) also&nbsp;need&nbsp;to follow this rule. When creating a transcript for audio-only content, make sure you include the full context (such as who is speaking and laughter), not just what is said.&nbsp;&nbsp; Other best practices&nbsp; We\u2019ve&nbsp;covered the three main categories of accessibility concerns now, but&nbsp;there\u2019s&nbsp;a few items still to talk about that&nbsp;didn\u2019t&nbsp;neatly fit into our boxes.&nbsp;&nbsp; Describe items by name, not appearance only [1.3.3]&nbsp; This may seem familiar because&nbsp;it\u2019s&nbsp;similar to&nbsp;other concepts&nbsp;we\u2019ve&nbsp;talked about (using bold\/italic instead of just color, not&nbsp;identifying&nbsp;something by color alone) \u2013 but this is a little bit broader. Make sure you include the name of an item and not just its visual description.&nbsp;&nbsp; Include multiple ways to access web pages unless the page is a step in a process [2.4.5]&nbsp; Unless there is a reason for a course page or assignment to only be available one way, make sure there are multiple ways in your course for students to access it (modules page, quiz page,&nbsp;etc).&nbsp; Summary Table Section Accessibility item What faculty should do Canvas checker support Text structure&nbsp; Page titles&nbsp; Use titles that clearly describe the&nbsp;page&nbsp;topic or purpose.&nbsp; Not specified&nbsp; Heading levels&nbsp; Use headings in logical order, like an outline; do not skip levels.&nbsp; Flags skipped heading levels&nbsp; Headings and labels&nbsp; Make headings and labels accurately describe the content beneath them.&nbsp; Not specified&nbsp; Lists&nbsp; Use built-in numbered or bulleted&nbsp;list&nbsp;styles instead of typed numbers, dashes, or symbols.&nbsp; Flags&nbsp;likely lists&nbsp;without proper styling&nbsp; Links&nbsp; Use descriptive link text that explains where the link goes; avoid \u201cclick here\u201d or \u201cthis link.\u201d&nbsp; Not specified&nbsp; Emphasis&nbsp; Use bold or italic for emphasis; do not rely on color alone. Avoid underlining non-links.&nbsp; Not specified&nbsp; Tables&nbsp; Use row and column headers, plus&nbsp;rowspan\/colspan&nbsp;when needed.&nbsp; Flags missing table headers or span settings&nbsp; Images\/non-text&nbsp;items&nbsp; Alt text and text alternatives&nbsp; Provide alt text for images and text-based descriptions for charts, diagrams, and complex visuals.&nbsp; Flags missing alt text; includes AI alt text support&nbsp; Images of text&nbsp; Use actual text instead of images of text whenever possible. Recreate tables in Canvas rather than&nbsp;uploading&nbsp;screenshots.&nbsp; Not specified&nbsp; Use of color&nbsp; Color as identifier&nbsp; Do not use color as the only way to communicate meaning; pair it with labels or other indicators.&nbsp; Not specified&nbsp; Contrast&nbsp; Ensure text has at least 4.5:1&nbsp;contrast&nbsp;and non-text elements have at least 3:1 contrast.&nbsp; Flags text contrast issues and&nbsp;suggests&nbsp;accessible alternatives&nbsp; Video\/audio&nbsp; Captions&nbsp; Provide synchronized captions for videos with spoken audio.&nbsp; Not specified&nbsp; Transcripts&nbsp; Provide full transcripts for audio-only media, including context such as speaker changes or laughter.&nbsp; Not specified&nbsp; Other practices&nbsp; Visual references&nbsp; Describe items by name, not appearance alone.&nbsp; Not specified&nbsp; Multiple access paths&nbsp; Provide more than one way to access course pages unless the page is part of a required sequence.&nbsp; Not specified&nbsp; This has been a lot of information, but\u00a0it\u2019s\u00a0all important\u00a0things to keep in mind to help serve others! We have a handy\u00a0accessibility checklist\u00a0for you to keep on hand and consult as\u00a0you\u2019re\u00a0working, and\u00a0we\u2019re\u00a0also always happy to answer questions you may have (email us at\u00a0ctl@cedarville.edu!).\u00a0 Want to never miss a post? Subscribe here!<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-2491","post","type-post","status-publish","format-standard","hentry","category-miscellaneous"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/posts\/2491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/comments?post=2491"}],"version-history":[{"count":4,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/posts\/2491\/revisions"}],"predecessor-version":[{"id":2493,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/posts\/2491\/revisions\/2493"}],"wp:attachment":[{"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/media?parent=2491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/categories?post=2491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/tags?post=2491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}