Creating “Clickable” Images

Creating “Clickable” Images

Bitmoji of Professor Hawley saying hi

Why have a clickable image in your course? 

Creating an image of yourself using the Bitmoji app on your phone is a fun way to humanize your course and let students know you are approachable 

By making the image clickable, it links students to the areas where you can see their questions more quickly and therefore, respond to them faster. 

Whatever image you use (it doesn’t have to be a bitmoji!), be sure that you use it consistently so that students recognize that it’s a navigation shortcut they can use. 

One area where you can use a clickable image is to direct students to a Q and A Forum where they can ask questions. Using an image like a question mark or a button that takes students directly to the Q and A Forum increases the likelihood that they will use that area for questions and makes it easier for instructors to find and respond to student inqueries in a timely manner. 

To ensure accessibility, when giving the image an alternative description use a naming convention like “Question Mark Image Active Link to Q and A Forum.” 

How to Make a Clickable Image in Your Course 

  • Create and publish your Student Q and A Forum first. You need a location to send students to before creating the clickable image. 
  • Choose your image, upload it to your Canvas “Files” area and give it an “Alternative text description.” This description will come up when students roll over the image with a mouse and can also be read by screen-reading software. 
  • When you are creating a new assignment or starting a new module and you want to direct students to the Q and A Forum if they have questions, upload the image into the directions area of the new assignment while you are in Edit mode. 
  • Click on the image to “highlight” it (it will change to have a blue box overlay) then click on “Links” from the menu on the right-hand side of the screen. Click on “Discussions” in the drop-down menu. Scroll down until you find the “Q and A” Forum you already created. Click on that! 
Bitmoji of Professor Hawley surrounded by question marks

The blue box overlaying the image will turn yellow then back to blue. That’s the way you will know you have created an active link. Now when a student sees that image, they will know it will take them to the Q and A Forum.  

This tip maps to the following areas of the OEI Course Design Rubric:

A4: Course Navigation. Navigation and content flow are easily determined by the user. 

A7: Effective Use of Course Management (CMS) Tools. CMS tools are used to reduce the labor-intensity of learning and streamline access to materials and activities for students. 

A8: Effective Use of Multimedia. A variety of media, such as text, audio, video, images and/or graphics are used throughout. 

B2: Regular Effective Contact. The course design includes regular instructor-initiated contact with students using CMS communication tools. 

B3: Student-Initiated Contact. Students are encouraged to initiate contact with the instructor through easily accessed contact information that includes expected response times. 

Your Tech Tip Team,

-Lynn Hawley and Jenn Azzaro