Adding LEAP Scores as Icons to Database A-Z

The following instructions will walk you through how to add LEAP scores as icons in the database description. If you have any questions about these instructions, please reach out to Sarah Wiebe, Systems Librarian, at George Brown College.

George Brown's Database A-Z list with LEAP accessibility scores next to database descriptions

Step 1: Map Resources in Database A-Z to LEAP Resources

Identify which databases will have which LEAP icon using the LEAP Assessment Index.

This list will be used to add the icon to the database description field in you’re a-Z list.

Step 2: Download LEAP Icons

Step 3: Upload your LEAP Icons to your Image Library

  1. Open LibGuides.
  2. Go to Content.
  3. Go to Image Manager.
  4. Choose the Shared Library: 

Screenshot of a user interface showing a tab selection for "LibApps Image Manager Library" with two tabs labeled "Personal Library" and "Shared Library." The "Shared Library" tab is active, indicated by a checkmark and darker shading. AI-generated content may be incorrect.

  1. If you wish, you can create a new folder to hold your LEAP icons. 
  2. Select Upload New Image and choose an icon to upload.  

Screenshot of a web interface for LibApps Image Manager Library showing options to upload and manage images. The interface includes tabs for Personal Library and Shared Library, a folder navigation panel with a root folder and a Book Covers subfolder, and a blue "Upload New Image" button highlighted by a red arrow. AI-generated content may be incorrect.

  1. After you upload your icons, make sure you add in the alternate text and then click Save:

  1. After you upload your icons, open Notepad on your computer. 
  2. Copy the text at this link into Notepad or another text editor.
  3.  Navigate back to the Image Library, and navigate to your uploaded LEAP report. 
  4. Click on the chain link icon to get the URL for a LEAP Icon: Screenshot of a file directory displaying 13 LEAP icons with medical and accessibility symbols. Icons are labeled with letters and symbols such as A+, B+, and C+, and are organized in a horizontal row with a blue and white interface background. AI-generated content may be incorrect.
  5. Copy the resulting URL:

A horizontal bar chart displays accessibility scores for five categories: Perceivable, Operable, Understandable, Robust, and Total, with scores ranging from 0 to 100. Bars are color-coded in blue and orange, showing Total score at 94, Perceivable at 97, Operable at 92, Understandable at 88, and Robust at 100, highlighting overall strong accessibility performance. AI-generated content may be incorrect.

  1. Paste the URL into your Notepad HTML document: 

Screenshot of a code editor displaying HTML code for embedding accessibility score icons with alt text labels "Accessibility Score A Plus," "Accessibility Score A," and "Accessibility Score A Minus." The code includes image source URLs and placeholder text for icon URLs, with styling attributes specifying height and width. AI-generated content may be incorrect.

  1. Do this until all the icon URLs have been filled in.

Step 4: Add the Icons

  1. Open LibGuides.
  2. Go to Content.
  3. Open A-Z List Management (new).
  4. Either search each database independently or go in list order.
  5. Choose a database and click on the three dots menu:

Screenshot of a web interface displaying a list of academic courses with columns for course name, best bets, mappings, and update dates. A dropdown menu is open on the right side with options including Quick View, Edit Item, and Delete Item, highlighted by a red arrow. AI-generated content may be incorrect.

  1. Select Edit Item in the menu:

  1. Navigate to the Database Description field:

  1. Click on the Source icon:

 

  1. Copy and paste the corresponding LEAP icon HTML (only the part  from your HTML Notepad into the Database Description:

A+

<img style="height:3%;width:3%;" src="https://thelinkhereshouldbeyours.com/1638/images/A__Accessibility_Score.png" alt="Accessibility Score A Plus">  xc 

Only copy the highlighted part. The A+ is just a title.

  1. Your Database Description will look like this:
  2. Scroll back to the top of the screen and select Save.
  3. Refresh your A-Z public page to view changes.
  4. Repeat steps 15 to 26 for each database you want to add a LEAP score for.

Step 5: Add a Legend Explaining the Scores

  1. Create a subject guide. Note: You can keep this page private
  2. Add a content box; include a brief description of LEAP and what the LEAP icons mean. Remember the title of this content box. Example:

Legend table showing LEAP accessibility scores assigned to participating institutions, ranging from A Plus to F. Each score is represented by a letter grade icon with plus or minus variations, accompanied by a blue circular symbol with a white accessibility figure. AI-generated content may be incorrect.

  1. Go back to LibGuides 
  2. Open Admin > Look and Feel (new)
  3. Select Main Database List from the left-hand side menu bar. 
  4. Select Settings and click on Public A-Z Page
  5. Click on Sidebar
  6. Under Content Modules, select + Add Custom Content ModuleScreenshot of a content management interface showing a list of sidebar column content modules with options to expand, collapse, reorder, or delete each module. Modules include Icon Legend, New/Trials Databases, Featured Databases, Accessibility Scores, Subject Experts and Guides, Helpful Links, and Widgets, with a visible button to add a custom content module at the bottom. AI-generated content may be incorrect.
  7. Select the Subject Guide and the applicable Content Box from the menu. 
  8.  Scroll back to the top of the menu and select Save. At this stage, you can choose whether the box appears expanded or collapsed as the page loads.
  9. Scroll to the bottom and select Save Changes.
  10. Refresh your A-Z Public Page to view changes.