Showing results for 
Search instead for 
Did you mean: 
Community Member

Page Banners - HTML or PNG file?

I am working on some training courses and am using banner images for each individual item in a module (i.e. Pages, Discussions, Quizzes, etc.). I am wondering if the best approach for adding banners to a template course that might be used by many instructors is with image files or should this be something done in the HTML editor? One good thing about doing it in the HTML is that then the banner text can be editable by the user through the RCE. The problem with that is that the user may try to add too much text and make the banner look weird. Also, a benefit of using image files is that it's easier for individuals to customize their banners as most people are more familiar with using photo editing software than they are with manipulating HTML code. Thoughts? Here is an example of the banner image file that I'm using. I edit the text in Photoshop and export the PNG files. 

Screenshot of Canvas page with banner image.

32 Replies

Forgot to add the image. It's there now. My thinking on accessibility is that the text in the PNG file is just the title of the page so with the proper alt-text, the screenreader would basically just read the same title twice. 

Community Team
Community Team

kylecage‌, this is an interesting question. Your image didn't come through; could you provide it? Also, are you including very descriptive alt-text along with your PNG file? My immediate thoughts went to accessibility for screen readers.