Massachusetts School Library Association
            MEMBER PORTAL                
​Join or Renew     Member Directory​
  • Home
  • About Us
    • MSLA Leadership 2022-23
    • Executive Board Meetings
    • Joint Statements: MLA, MassCUE
    • Spotlight Archive
    • Strategic Plan 2016-22
    • MSLA Constitution
  • Membership
    • Member Portal
    • Join or Renew Your Membership
    • Members Map
    • Email List
    • Regions >
      • Boston
      • Northeast
      • Metrowest
      • Southeast
      • Central
      • West
  • Conference
    • MSLA and PDPs
  • Resources
    • DESE Rubric
    • Certification & Licensure
    • Program Standards & Rubrics
    • Job Description: School Librarian
    • Job Listings
    • MLS Strategic Planning
    • Intellectual Freedom
  • Advocacy
    • MA School Library Study for Equity & Access
    • Everyday Advocacy
    • ESSA
    • Exemplary Programs
  • Newsletter
    • 2023 MSLA Forum Issues >
      • February 2023
    • 2022 MSLA Forum Issues >
      • February 2022
      • May 2022
      • October 2022
    • 2021 MSLA Forum Issues >
      • February 2021
      • May 2021
      • October 2021
    • 2020 MSLA Forum Issues >
      • February 2020
      • May 2020
      • October 2020
    • 2019 MSLA Forum Issues >
      • February 2019
      • May 2019
      • October 2019
    • 2018 MSLA Forum Issues >
      • February 2018
      • May 2018
      • October 2018
    • 2017 MSLA Forum Issues >
      • February 2017
      • May 2017
      • September 2017
      • October 2017
    • 2016 MSLA Forum Issues >
      • February 2016
      • May 2016
      • October 2016
    • 2015 MSLA Forum Issues >
      • April 2015
      • November 2015
    • MSLA Forum 2002-2013
  • Awards
    • Judi Paradis Memorial Grant
    • Archive: History of Awards
    • 2019 Awards Pictures
    • 2018 Awards Pictures
    • 2017 Awards Pictures
    • 2016 Awards Pictures
    • 2015 Awards Pictures
  • Bookmark Contest
    • 2023 Winners
    • 2022 Winners
    • 2020 Winners
    • 2019 and 2018 Winners
    • 2016 and 2017 Winners
    • 2012 to 2015 Winners
    • 2009 to 2011 Winners
    • 2004 to 2008 Winners
    • Bookmark Judges

Tech Column: Check Your Website for Accessibility Issues

2/11/2020

1 Comment

 
Margaret Kane Schoen is a Library Teacher at Newton South High School. 

As librarians, it’s important to make sure our resources are accessible to all of our patrons. When designing the layout of your library, you’ve probably thought about physical accessibility. Are exits and entrances wheelchair accessible, will people with disabilities be able to work comfortably at tables or reach printers? Did you know you also need to evaluate your website for accessibility?
​

Proper design and coding allows people with disabilities to navigate and interact with websites, and access the information and materials you’ve curated there. The World Wide Web Consortium has laid out guidelines for accessibility in its Web Content Accessibility Guidelines (WCAG), and the American Library Association recommends that libraries comply with them.

​Making your website accessible also makes it more usable for all users. Code written to be accessible for screen readers for the visually impaired also works better for those accessing sites with different tools, such as smart phones or watches. Allowing users to pause carousels is important for users using voice input devices, but can also help someone who needs more time to read the content.

A good place to start is to run your web site through an accessibility tester (tools are linked at the bottom of the article). These tools will look at the underlying code to check for issues such as missing structural elements like headers, improperly formatted tables or missing alt text in images.  

The results may seem overwhelming, especially if you are not an experienced web site designer! There will probably be parts of your web site that have issues that you can’t fix. Maybe the library web site is hosted with a district provided tool, and you don’t have access to any of the menus and headers. You might be using code created by outside vendors for databases, or search engines. Start with what you can do. 

  • Check your links. Screen readers for the visually impaired will read out the words that are attached to a link. So make sure that you are creating the links with the most descriptive part of your sentence. For example, instead of using  “Click here for summer reading”  (which will give the not very helpful description of “click here” for where your link goes), try something like “Check out our summer reading list" which will create a description of “summer reading list” for your link. Be as clear - and as brief - as possible. Screen readers sometimes alphabetize all the links on a page for users. In that case a link for “Databases” will be easier to find than “Search the library databases”.
 
  • Create alt text for images. Alternative text refers to the description that will be displayed if the image can not be shown. Many screen readers use this text as well. Don’t leave this field blank, or stick in placeholders like “photo.” Be descriptive! The general rule of thumb is that the description should explain both the content and the purpose of the image. This can vary depending on where the image is and why you are using it. For example, “George Washington” might be an appropriate description on a web page linking to biographies of the presidents, while “Painting of George Washington during the battle of Valley Forge” might be better for a research guide for an American History class. Do not use this space for copyright information, citations or other supplemental information - that should go in a separate caption under the image.
 
  • Create blank alt text for decorative images. Used if you are inserting decorative images - something that exists solely for visual layout purposes or design, and conveys no information - for example, a line dividing a page, or a picture of a heart on a romance books list.  Leaving this field blank or inserting a space will prompt screen readers to say nothing and move on to the next element.
 
  • Label images. Most web site editors allow you to name an image when you upload or insert the file. Make sure the images you are uploaded have descriptive names, for example “Student _work_examples,” or “MayBookClubPoster.” Try to avoid image names like “20160414_140422.jpg".
​
  • Check your contrast. Low contrast between colors can make text very difficult to read. Think about the difference between reading white text on a black background and light grey text on a light blue background. While the colors are the aspect most people notice, the issue is really one of contrast between the hues of the text. This can be complicated, but there are several tools (linked below) that can help you evaluate whether the contrast ratio you are using is accessible.​​
​white text on a black background
light grey text on a light blue background
  • Check your colors. Visitors with color blindness may have difficulty reading some websites. There are test sites you can run your web site through to see what it looks like for people with these visual issues.
​
  • Transcripts for videos. Do you use screencasts or videos? Make sure you have captions or subtitles (for individuals with hearing disabilities), and provide transcripts or descriptions for individuals with visual disabilities (see link below). 

What about things you can’t fix? Reach out to your vendors and report issues that you have noticed. Reach out to your district design team and tell them about problems you have discovered. They are also responsible for the look and feel of your web site, and for all of the students and staff who access it. And remember that this is not a one-time fix! Get in the habit of checking your site on a regular basis to make sure it’s staying as accessible as possible,   

Resources and tools

An overview for Web Site Evaluation from the W3C

WAVE (Web Accessibility Evaluation Tool)

5 Website Accessibility Checkers You Need Today, from MediaCurrent 

Contrast Checker, from Web Accessibility in Mind

YouTube Automated Captioning 
 
Colorblind Web Page Filter
1 Comment
Maria D'Orsi
3/31/2020 08:45:29 am

This article certainly gave me something to think about, which I had not considered. I have spent time making adjustments in my physical library in order to accommodate all learners, including signage and width of walking space. I have not done the same for my website. Your tips and links are extremely useful, especially as I am about to roll out my first LibGuide. With our transformed school environment now on the web this is more important than ever. Thank you!

Reply

Your comment will be posted after it is approved.


Leave a Reply.

    Forum Newsletter

    Co-Editors
    Reba Tierney and
    ​Luke Steere

    Reba is the School Librarian at Waltham High School; Luke is School Librarian at  Wilson Middle in Natick

    Click to set custom HTML

    Categories

    All
    AASL
    Academic
    Advocacy
    ALA
    Authors
    Book Bans
    Book Challenges
    Book Trailers
    Cataloging
    Censorship
    Column
    Conference
    Copyright
    Culture
    Databases
    Dewey
    Digital Citizenship
    E Books
    E-books
    Elementary
    ESSA
    Ethics
    Evaluation
    Graphic Books
    Graphic Novels
    Inquiry
    Leadership
    Learning Commons
    Legislation
    Literacy
    Maker Space
    Nonfiction
    Orientation
    Planning
    PLN
    President's Remarks
    Professional Development
    Reading
    Research
    Science
    Secondary
    Standards
    Technology
    Union
    Volunteers
    Weeding

    Archives

    February 2023
    October 2022
    May 2022
    February 2022
    October 2021
    May 2021
    February 2021
    October 2020
    May 2020
    February 2020
    October 2019
    May 2019
    February 2019
    October 2018
    May 2018
    February 2018
    October 2017
    September 2017
    May 2017
    February 2017
    October 2016
    May 2016
    February 2016
    November 2015
    April 2015

    MSLA Forum Past Issues:
    January 2015
    April 2015
    ​
    2002-2015 MSLA Forum
The Massachusetts School Library Association  works to ensure every school has a school library program that is fully integrated at all grade levels across the curriculum and has a significant and measurable impact on student achievement….Read more…..and Learn more about MSLA

Contact MSLA:
Emily Kristofek, Office Manager/Event Planner
P.O. Box 336. Wayland, MA 01778
ekristofek@maschoolibraries.org
​
508-276-1697 

Massachusetts School Library Association. All Rights Reserved.  Copyright 2023.