Users should be able to quickly scan a page and locate its content. Clear differences in color help readers identify and understand information. Text must have enough contrast with its background to remain readable. In addition, color should never be the only way to show meaning, indicate actions, prompt responses, or distinguish elements. Relying solely on color can prevent people with color blindness or low vision from accessing the information.
Avoid using only color to show importance or status (combine color with bold and/or italic)
Apply emphasis consistently and sparingly
Ensure emphasis adds meaning or structure, not just decoration
Ensure high contrast between emphasized text and background
Use underline only for links — not for regular emphasis
Changing font size is not an accessible emphasis tool
Bold, italics and textual cues are often just as effective and avoid the numerous possible accessibility issues that color can create.
✅ Good Examples:
Field Trip: April 30
→ Uses bold for clear, scannable importance.
Please refer to the introduction before continuing.
→ Italics used for subtle emphasis.
Important: This week’s field trip is Tuesday, not Wednesday, as previously announced.
→ Use a textual cue like “Important” and bolding.
Using color is fine, but it’s not just about choosing nice-looking colors—it’s about contrast, clarity, and avoiding color as the only means of conveying information. Some users (like those who are colorblind) may not perceive color distinctions. Therefore, use bold and/or italics together with color.
✅This week’s field trip is Tuesday, not Wednesday, as previously announced. (Note bold and italics.)
❌ This week’s field trip is Tuesday, not Wednesday as previously announced.
Some users can’t distinguish subtle differences between text and background. High contrast makes text stand out clearly.
❌ This week’s assignment will be due Tuesday, not Wednesday, as previously announced
Only links should be underlined.
Resizing the font is not a substitute for the use of proper heading tags, which are required for screen readers. Changing default paragraph font size in Canvas is generally not recommended at all. Many readers, both with and without visual impairments often permanently adjust browser settings or use other technologies for readability. Increasing font sizes can complicate these. Enlarged text may also negatively affect users on mobile devices.
❌ Sample Header (paragraph text with font size increased to 18pt.)
More about this in the “Structured Headings” section of this document.
About: Below is a quick overview, notes, and introductory learning links related the tools available for identifying and fixing accessibilities issues in Canvas. Please see Accessibility Tools for Canvas by UW IT for more details and recommendations. Our team encourages each user to experiment with the different approaches and tools to come to the best solution for their workflow and course. And as always, contact us for any consultation needed!
*We are finding a lot of false flags occurring in the accessibility checkers. We have reported to UW IT. If you are unsure, to be on the safe side we use the WebAIM Color Contraster.
About: Entire site scans are great for a comprehensive look at all the issues on your site and track your improvements through the scores generated. One recommended strategy is to choose one of the accessibility core areas and use the tools' filters to target a selected one of them at a time. These tool are accessed by clicking the link on your course navigation menu. If not present, this article will show you how to enable: Manage Course Navigation Links.
Video (1:06, CiDi Labs):Intro to UDOIT
Webpage (UW IT) UDOIT Accessibility Checker
Video (1:14, Vendor): Ally Course Report Tool
Webpage(UW IT): Ally accessibility tool for Canvas
About: These three tools to do scans, not of an entire course, but on individual items of Canvas content such a page, assignment description, announcement, etc. They can be accessed anytime you are in Canvas Edit mode. Many users find these tools useful for quick clean ups of selected content and in tandem with site scanning tools. Making a habit of using these to check and fix content every time you're working in Canvas will go a long way in the ultimate goal of creating content that's accessible for all from the start!
WebPage:(Vendor) Ally WYSIWYG Accessibility
Video (2:25, Pope Tech) Canvas's built-in Accessibility Checker demo *Includes great demo of fixing color contrast.
Webpages:
(Vendor): How do I use the Accessibility Checker in the Rich Content Editor?
(UW IT) Overview: Accessibility tools in Canvas *Page has a section on this as well as other tools for accessibility in Canvas.
About: DesignPLUS is a powerful tool in the iSchool technology suite that the TLT uses for customizing Canvas sites and creating templates. It is available for anyone to use and also has its own accessibility checker. If you have enabled ("unhidden") the DesignPlus sidebar, you can use its accessibility checker.
Webpages
(Vendor): How To Unhide the DesignPLUS Sidebar
(Vendor): DesignPLUS User Guide