Intro to Web Accessibility

What does it mean to be Web Accessible?

  • Accessibility is the word used to describe whether a website can be used by people of all abilities and disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.

What is Web Accessibility?


Section Editor Tips / Teacher Page Tips

  • IMAGES AND VIDEOS

    Add alternative text to every uploaded image. Make your alt text brief but as descriptive as possible. Do not use images that contain text. Screen readers are unable to read text inside of images. Add closed captioning to all videos posted on your site. Many video hosting services like YouTube or Ensemble offer closed captioning options, which help videos accessible.

    TEXT HEADERS

    Use a Header instead of simply making the text larger. Headings allow screen readers to skim the structure of a page and navigate to or skip over sections. Provide logical heading structure. E.g: H2 should follow h1, H2 or H3 should follow H2, H3 or H4 should follow H3 and so on.

    UNDERLINED TEXT

    Do not underline text in your pages. Screen readers often mistake underlined text for a hyperlink.

    TITLES TO LINKS

    Make sure your link text is descriptive. Instead of your link text reading "click here for Board of Education meeting notes", it should read, "Board of Education meeting notes". Notice how the actual link text is more descriptive.

    PDF DOCUMENTS, WIDGETS, PLUG-INS AND 3RD PARTY TOOLS

    Make sure any documents, widgets (social media feeds), plug-ins and 3rd party tools (calendars, surveys) uploaded, linked or displayed on the website are accessible before adding them.

    BACKGROUND COLORS AND PATTERNS

    The best scenario for screen readers is to read black text on a white background. All color combinations with a good amount of contrast is okay.

    READABILITY

    Aim for a website readability level of grade 8 or lower. Use simple words, contractions and try to keep sentences short in length. 

    TABLES

    Use the table app for tabular data.  Users of screen readers can navigate through data tables one cell at a time, and they will hear the column and row headers spoken to them.  Do not use tables for a display structure.