{"id":2456,"date":"2026-03-20T15:30:00","date_gmt":"2026-03-20T19:30:00","guid":{"rendered":"https:\/\/ctl.cedarville.edu\/wp\/?p=2456"},"modified":"2026-03-20T15:05:41","modified_gmt":"2026-03-20T19:05:41","slug":"course-accessibility-headings-links-and-color-contrast","status":"publish","type":"post","link":"https:\/\/ctl.cedarville.edu\/wp\/course-accessibility-headings-links-and-color-contrast\/","title":{"rendered":"Course Accessibility: Headings, Links, and Color Contrast"},"content":{"rendered":"Reading Time: <\/span> 4<\/span> minutes<\/span><\/span>\n

Today\u00a0we\u2019re\u00a0going to start our dive into the new Canvas Accessibility Checker and tackle a few of the issues it checks for.\u00a0We\u2019ll\u00a0cover the rest of the items next week, but for now,\u00a0we\u2019ll\u00a0focus on the text-based items.\u00a0\u00a0<\/p>\n\n\n\n

Before we start looking at the individual items,\u00a0let\u2019s\u00a0chat about how to get to this tool and run the report. In your course, find the \u201cAccessibility\u201d link in your course navigation and\u00a0click\u00a0it. The first time you go to this page,\u00a0you\u2019ll\u00a0get a note that says you have not yet scanned your course and a prompt to scan the course.\u00a0\u00a0<\/p>\n\n\n\n

Once the scan is complete,\u00a0you\u2019ll\u00a0see a graph detailing the kinds of issues and a list below detailing the resource affected, the number of issues as well as a button to fix them from this page, and info about the type of course item it is.\u00a0\u00a0<\/p>\n\n\n

\n
\"Canvas
Canvas Accessibility Checker tool scan results<\/em><\/figcaption><\/figure><\/div>\n\n\n

The \u201cfix\u201d button is one of my favorite parts of this tool \u2013 it allows to you see all of the issues identified for a particular resource, resolve them while still on this page, and even jump directly to the resource with the error if you want.  <\/p>\n\n\n\n

Now that you know what to look for on this page, let\u2019s dive into a few of the things this tool checks. <\/p>\n\n\n\n

Headings <\/h2>\n\n\n\n

Canvas checks for three different issues when it comes to using headings in your course \u2013 using a Heading 1 (H1) on a page, skipping heading levels, and using headings that are too long.  <\/p>\n\n\n\n

Using a H1 <\/h3>\n\n\n\n

Only one H1 can be used in a page to adhere to accessibility standards, and that H1 is automatically applied to the page title. When using headings inside of a page, your largest heading should be a Heading 2 (which is also why there\u2019s no H1 option in the Canvas paragraph styles options).  <\/p>\n\n\n\n

The Accessibility Checker will identify any rogue H1s in your content and remind you that an H2 should be the highest level of heading used in a resource. In the \u201cfix\u201d tab, Canvas gives you two options to resolve this issue \u2013 changing the heading level to an H2 or turning it into a paragraph.  <\/p>\n\n\n\n

If you have a rogue H1, remember that you may have other heading level things to check in your resource one it\u2019s changed \u2013 you\u2019ll want to go to the resource to make sure the rest of your headings \u201cstack\u201d properly (e.g., old H2s will likely need to become H3s, H3s become H4s,\u00a0etc).\u00a0\u00a0<\/p>\n\n\n\n

Skipping heading levels\u00a0<\/h3>\n\n\n\n

Canvas will also help you identify if you have skipped a heading level \u2013 but there are some limitations to what Canvas can do. As their documentation states, \u201cThe tool does not check if the first header starts with H2 or whether the headings are sequential with the rest of the content in the page.\u201d <\/p>\n\n\n\n

Similarly to your options with a rogue H1, Canvas will prompt you to fix the heading level (pull it up a level to the one that was skipped) or turn it into a paragraph. You can select an option in this sidebar, but you may also want to check the resource itself to make sure the rest of your headings are shipshape!  <\/p>\n\n\n\n

Too long headings <\/h3>\n\n\n\n

Canvas will also check the number of characters in a heading and notify you if it crosses 120 characters. If you encounter this issue in the Accessibility Checker tool, Canvas will gently ask if you meant it to be a paragraph and prompt you to change it to be a paragraph.  <\/p>\n\n\n\n

You can use the provided button to change it into a paragraph, but you can also use the \u201copen\u201d or \u201cedit\u201d buttons to jump directly to the resource and complete a more nuanced edit \u2013 keeping part of the heading as a heading and either eliminating the rest or changing it to be a paragraph below the heading.  <\/p>\n\n\n\n

Links <\/h2>\n\n\n\n

The Accessibility Checker can also help you identify any places where a link is erroneously broken into two separate, adjacent links that use the same URL. The fix for this one is easy \u2013 Canvas gives you a simple button to merge the separated links into one link.  <\/p>\n\n\n\n

Color contrast <\/h2>\n\n\n\n

Finally, Canvas will now help you make sure that your text adheres to the proper contrast ratios for text color \/ background color. This will likely not be an issue for most people, but it is something to keep an eye on if you use the highlight tool or change your text color in Canvas.  <\/p>\n\n\n\n

This is an extreme example, but you can see that for this large text example, it is difficult to read against the background color. For this issue (as well as for a small text issue), Canvas suggests a new text color that will meet the contrast guidelines.\u00a0\u00a0<\/p>\n\n\n

\n
\"The
Canvas Accessibility Checker color contrast fix<\/em><\/figcaption><\/figure><\/div>\n\n\n
\n\n\n\n

If you have questions about this tool, Canvas support is here to help! You can contact them through the \u201chelp\u201d menu in Canvas. The CTL is also here if you want to discuss accessibility as a broader topic \u2013 contact us at ctl@cedarville.edu<\/a>.  <\/p>\n\n\n\n

Want to never miss a post? Subscribe here!<\/strong><\/h2>\n\n\n
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\n\t\t\t\t\t\tSubscribe<\/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":"

Reading Time: <\/span> 4<\/span> minutes<\/span><\/span>Today\u00a0we\u2019re\u00a0going to start our dive into the new Canvas Accessibility Checker and tackle a few of the issues it checks for.\u00a0We\u2019ll\u00a0cover the rest of the items next week, but for now,\u00a0we\u2019ll\u00a0focus on the text-based items.\u00a0\u00a0 Before we start looking at the individual items,\u00a0let\u2019s\u00a0chat about how to get to this tool and run the report. In your course, find the \u201cAccessibility\u201d link in your course navigation and\u00a0click\u00a0it. The first time you go to this page,\u00a0you\u2019ll\u00a0get a note that says you have not yet scanned your course and a prompt to scan the course.\u00a0\u00a0 Once the scan is complete,\u00a0you\u2019ll\u00a0see a graph detailing the kinds of issues and a list below detailing the resource affected, the number of issues as well as a button to fix them from this page, and info about the type of course item it is.\u00a0\u00a0 The \u201cfix\u201d button is one of my favorite parts of this tool \u2013 it allows to you see all of the issues identified for a particular resource, resolve them while still on this page, and even jump directly to the resource with the error if you want.   Now that you know what to look for on this page, let\u2019s dive into a few of the things this tool checks.  Headings  Canvas checks for three different issues when it comes to using headings in your course \u2013 using a Heading 1 (H1) on a page, skipping heading levels, and using headings that are too long.   Using a H1  Only one H1 can be used in a page to adhere to accessibility standards, and that H1 is automatically applied to the page title. When using headings inside of a page, your largest heading should be a Heading 2 (which is also why there\u2019s no H1 option in the Canvas paragraph styles options).   The Accessibility Checker will identify any rogue H1s in your content and remind you that an H2 should be the highest level of heading used in a resource. In the \u201cfix\u201d tab, Canvas gives you two options to resolve this issue \u2013 changing the heading level to an H2 or turning it into a paragraph.   If you have a rogue H1, remember that you may have other heading level things to check in your resource one it\u2019s changed \u2013 you\u2019ll want to go to the resource to make sure the rest of your headings \u201cstack\u201d properly (e.g., old H2s will likely need to become H3s, H3s become H4s,\u00a0etc).\u00a0\u00a0 Skipping heading levels\u00a0 Canvas will also help you identify if you have skipped a heading level \u2013 but there are some limitations to what Canvas can do. As their documentation states, \u201cThe tool does not check if the first header starts with H2 or whether the headings are sequential with the rest of the content in the page.\u201d  Similarly to your options with a rogue H1, Canvas will prompt you to fix the heading level (pull it up a level to the one that was skipped) or turn it into a paragraph. You can select an option in this sidebar, but you may also want to check the resource itself to make sure the rest of your headings are shipshape!   Too long headings  Canvas will also check the number of characters in a heading and notify you if it crosses 120 characters. If you encounter this issue in the Accessibility Checker tool, Canvas will gently ask if you meant it to be a paragraph and prompt you to change it to be a paragraph.   You can use the provided button to change it into a paragraph, but you can also use the \u201copen\u201d or \u201cedit\u201d buttons to jump directly to the resource and complete a more nuanced edit \u2013 keeping part of the heading as a heading and either eliminating the rest or changing it to be a paragraph below the heading.   Links  The Accessibility Checker can also help you identify any places where a link is erroneously broken into two separate, adjacent links that use the same URL. The fix for this one is easy \u2013 Canvas gives you a simple button to merge the separated links into one link.   Color contrast  Finally, Canvas will now help you make sure that your text adheres to the proper contrast ratios for text color \/ background color. This will likely not be an issue for most people, but it is something to keep an eye on if you use the highlight tool or change your text color in Canvas.   This is an extreme example, but you can see that for this large text example, it is difficult to read against the background color. For this issue (as well as for a small text issue), Canvas suggests a new text color that will meet the contrast guidelines.\u00a0\u00a0 If you have questions about this tool, Canvas support is here to help! You can contact them through the \u201chelp\u201d menu in Canvas. The CTL is also here if you want to discuss accessibility as a broader topic \u2013 contact us at ctl@cedarville.edu.   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":[6,7,5],"tags":[43,159,34,158],"class_list":["post-2456","post","type-post","status-publish","format-standard","hentry","category-canvas","category-educational-tools","category-teaching-learning","tag-accessibility","tag-accessibility-checker","tag-canvas-update","tag-course-accessibility"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/posts\/2456","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=2456"}],"version-history":[{"count":4,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/posts\/2456\/revisions"}],"predecessor-version":[{"id":2458,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/posts\/2456\/revisions\/2458"}],"wp:attachment":[{"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/media?parent=2456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/categories?post=2456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ctl.cedarville.edu\/wp\/wp-json\/wp\/v2\/tags?post=2456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}