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 in your library's Database A-Z list. If you have any questions about these instructions, please reach out to Sarah Wiebe, Systems Librarian, at George Brown Polytechnic.

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

Download the ZIP file from the LEAP Service page in Confluence.

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.

  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.

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

Screenshot of how to add alt text to icons in LibApps Image Manager Library. There is a field for keywords, alt text and folder.

  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 and are organized in a horizontal row.
  5. Copy the resulting URL:

Screenshot of View Image URL box with the URL for a selected image in the LibApps Image Library.

  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 and placeholder text for icon URLs.

  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 database entry in the LibApps A-Z List Management with a red arrow pointing towards the three dots menu.

  1. Select Edit Item in the menu:

Screenshot of database entry in the LibApps A-Z List Management with a red arrow pointing towards the Edit Item button.

  1. Navigate to the Database Description field:

Screenshot of the LibApps database editor with an arrow pointing towards the Database Description field.

  1. Click on the Source icon:

Screenshot of a database editor with a red arrow pointing towards the Source icon in the Database Description. 

  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: Screenshot of the HTML source code for the database description field.
  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.

  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. There is a red arrow pointing towards the Add Custom Content Module button.
  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.