Accessibility

As a public university, the University at Buffalo adheres to state and federal mandates regarding universal accessibility.

On this page:

Tools:

We expect that all UBCMS websites will be in compliance with UB policies. If you have questions about accessibility, please consult the UB Accessibility website (also linked from our site-wide footer.)

The Americans with Disabilities Act of 1990 (federal ADA website), as well as parallel state regulations (e.g. NYS Section 508) require all significant elements of a website to be fully accessible. Here accessibility refers to the design of services for people with visual, physical or cognitive impairments. Accessible practice ensures unassisted direct access, such as sufficient font contrast or the ability to navigate without a mouse, as well as compatibility with assistive technology such as a screen reader. However accessibility accomodations can actually benefit almost every user.

Audit your Web pages for overall accessibility compliance using the WAVE tool.

Audio (captions)

Captioning is essential for making audio content such as podcats accessible for individuals with hearing impairments.

Additional Resources

Documents

Electronic documents must be accessible with the use of assistive technology and presented in a format that is clear and well-organized whether they are embedded or linked from your Web page (e.g. through the File Download component).

Additional Resources

Embedded or Third Party Content

When you include external content using the External Embed or HTML Snippet components it must comply with accessibility mandates.

Similarly, third party sites or systems must also be accessible. You may need to ask vendors to explain how their products are accessible, test for accessibility, and include accessibility assurances in purchase agreements.  

Additional Resources

Font Size and Contrast

Accessibility includes the legibility of text on our pages.  The font sizes and the level of contrast between text and background colors must be great enough so people with poor eyesight can read the words.

UBCMS system-wide fonts are Web-optimized and our new Brand colors are optimized to meet ADA standards (more about our new brand palette).

Forms (Headings)

Forms should be intuitively organized with clearly marked required fields and clear instructions about what information is desired. Forms must also be usable for people using screen readers or tabbing using a keyboard.

This includes providing a clear label for each field -- for the UBCMS, that means that the Title will be required for each form component such as the Dropdown List or Text Field.

Additional Resources

Headings

Headings, provided by the UBCMS Title component, provide structure to the content on your Web pages. They break up your content into meaningful sections, define its hierarchical structure and provide handy anchors for deep linking or the On This Page component. WebAIM.org calls this semantic structure. Done effectively, this structure allows humans, screen readers and automated search engines to easily digest your page.

  • Do not use Title components solely for visual results. They should be used as section headings.
  • Do not use bold text formatting to give the visual appearance of headings.
  • Every page should have one top level H1 heading.
    • For UBCMS home pages without a suitable Title component, the main site Header can serve (see Page Properties).
  • Do not choose heading levels merely because 'they look better.'
  • Descend through the levels or ascend back up and do not skip over heading levels..
    • For example,
      • H1, then H2, then H3... is ok.
      • H1, H2, H3, then H2... is ok.
      • H1 then H3... is NOT ok.
    • For example,
      • H1
        • H2
          • H3
          • H3
        • H2
          • H3

Additional resources

Images ('alt text')

Images on Web pages must be fully accessible to screen readers. In practical terms, that means each UBCMS image must be accompanied by 'Alt Text'.  Short for 'alternative text', this descriptive information allows people who cannot see the image to understand what they are missing.

Best practices:

  • Clearly describe that the person cannot see.
  • Be as concise as possible.
  • Do not begin "picture of..." or "portrait of...." This will be supplied by the screen reader.
  • If adjacent text (like a photo caption) clearly describes the image, you can safely check 'This image does not require alt text.'

Alt Text can be added to these areas:

Master Class Resources

Additional resources

Audit your Web pages for Alt Text compliance using the Image Accessibility Bookmarklet.

There are a variety of accessibility concerns about links, and here are some best practices:

  • Links should make sense out of context.
    • Avoid non-informative phrases like "read more." Screen readers may group all of your links together as a list.
  • Be concise.
    • A link that says "click here to access today's weather" could be shortened to "today's weather."
  • Avoid repetitive links which overload the user.
    • Avoid multiple links on one page that all go to one other site.
    • Replace with deep links to the matching content, or one master link to that other site.
  • Be sure your text clearly matches the content that will be found on the linked page.
    • If this is not easily possible, outreach to the other site to discuss a compromise that will meet both of your needs.
  • Whenever possible, link directly to the most relevant content on the target site by using deep links or anchors (#abc).
  • Links should never be empty, which can be very confusing for keyboard and screen reader users.
    • The UBCMS gives us a lot of protection against this issue, but be careful with third party embedded code.
  • Use text and not the URL itself to label the link.
    • URLs are not very 'readable', especially for a screen reader, and also do not provide much context for where the link will take the reader.

Additional resources

Tables (headings)

While it is not necessary for each table to have a caption, a caption is generally very helpful. In the UBCMS, this can be added in the Table component settings, using the Caption field in Table Properties.

Tables that are used to portray data must have clearly identifed row and column headings. The headings themselves can just be added to each table cells, but then the Cell Properties for the cell must be adjusted in the Table component settings to declare that it is a heading. In Cell Properties, set Cell Type to 'Header').   

Additional resources

Video (captions)

You must add Alt Text to each Video (YouTube) component

For the UBCMS Video (YouTube) component, we have added Alt Text to meet accessibility concerns for our websites, including supporting screen readers that are trying to 'read' the thumbnail image/play button that is shown for each video.

You must add captions to your videos

All videos displayed on UB websites must be made accessible to those who cannot see or hear them, which requires captioning and audio descriptions, as well as an accessible player.

What should we do for our own video portfolio?

To model best practice, University Communications is reviewing all videos that we manage directly (those placed on the UBCommunications YouTube channel). For these videos, we are taking appropriate action, including:

  • Working with our video production providers to file disputes with YouTube.
  • Replacing music in the videos.
  • Removing videos from our webpages and YouTube channels, as necessary; e.g. the 'UB Points of Pride' video will be removed as of May 19, 2014.

Additionally, starting University Communications will contacting UB owners of videos that are embedded on or linked to from UB’s top-level web pages to affirm there are no copyright flags on the videos.

Each unit in the UBCMS should take similar steps to ensure that any communications assets (e.g., videos) they own, manage or have placed on their pages are not in violation.

If those videos are in violation, we expect channel owners to resolve any copyright disputes, replace video soundtracks with authorized or licensed music, or advise us that the video will be taken down and is no longer available for syndication. UB cannot afford to be associated with copyright infringement.

If your department has a YouTube channel or is the owner/manager of videos on YouTube, University Communications strongly recommends that you take these steps, as soon as possible:

  • Go to your YouTube page and check for Copyright Notices in “Video Manager” (see screen shots below)
    • Remarks to the right of the “Edit” button will detail the infringement
  • If you see a copyright notification, please contact your video production provider for help

If your web pages link to videos owned/managed by other UB units:

  • Contact the owner of the video or YouTube Channel to confirm that their videos are not in violation of copyright
  • Work with them to either:
    • rectify the violation,
    • replace unauthorized music with licensed music, or
    • take the video down from YouTube and remove any links that appear on your web pages.

Master Class Resources

Additional resources

Was This Page Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)