Color choice for module headers

Question

Did the topic about having a choice for module headings come up in the past? I'd love to visually color-code different parts of my classes. Any suggestions?

Gabriel33 · Accepted Answer

Yes, and Instructure has decided against it.

See, for example:

*  Color Code Headings in Modules - Instructure Community - 413643
*  Colored Cells for Modules and Text Headers - Instructure Community - 372850  
*  [Modules] color items in modules - Instructure Community - 595064  (for items only, but similar)

Basically, if an instructor/designer uses only color to differentiate items by type or importance, then it might be considered inaccessible to some users.
So Instructure has decided it's better not to give that option to users.
They should soon be removing color as well as italics from the rich content editor.

TroyNico · Accepted Answer

Yes, the topic of allowing color choices for module headers in Canvas has come up before. There have been multiple discussions and user requests within the Instructure Community about visually color-coding different parts of classes, such as module headers and items, to help students identify sections or highlight important content. Suggestions include using color to differentiate module headers, color-coding module items, and visually organizing course components for easier navigation, especially for students with learning disabilities or neurodivergence.

However, Instructure has decided against enabling color customization for module headers in the standard user interface. The primary reason is to maintain accessibility compliance, as using color alone to convey meaning does not meet accessibility standards and can disadvantage students with color vision deficiencies. Some users have suggested or implemented workarounds, such as adding emojis or unicode symbols to module titles to help them stand out, but direct color customization of module headers is not available. There is also mention of technical approaches like using custom CSS at the global level, but this is not supported through the standard front-end interface.