The Website Accessibility Page of Your Congregation's Website

Part of Documentation

This page describes the accessibility standards followed by your website – standards that make it accessible to a wide range of people with disabilities.

The UUA Theme for Congregations is designed with accessibility standards in mind. But the accessibility of your congregation’s site to people with a variety of abilities and technologies depends on many factors you will control.

How to Test Your Site

Congregations: The answers below will be true for most sites built with this template, as a high degree of accessibility comes built-in. However, this text must be considered point by point and re-written to reflect your website’s actual accessibility based on your actual content. Learn about website accessibility and how to test it from the UUA Web Team.

Sample Text for Your Congregation’s Site

[Name of Congregation] aims for the highest level of conformance on UUA.org with the following guidelines:

Our web team assesses the accessibility of our home page and other representative pages, with special attention to site-wide features such as navigation, headers, and footers.

Other staff and volunteers are responsible for the content of individual pages, documents, and media.

Feedback is not only welcome but encouraged! Please contact us with suggestions for improvement or to alert us to a particular problem area.

Summary of Results

  • Section 508 conformance on _____ pages.
  • WCAG AA or better conformance on ____ pages.
  • We assessed our site against a 62-point checklist covering our use of media, colors, tables, forms, motion, time, documents, scripts, navigation, and headers.
    • ___ points conform fully or are not applicable, meaning that we do already or can reasonably be expected to live up to these points, e.g. good text alternatives for images, charts, or graphs.
    • ___ points conform in part. We may not have the staff time or funding to meet all these points, e.g. edited captions for long General Assembly business session videos.
    • ___ points don’t conform. Synchronized text alternatives to video are currently beyond our budget, and controls used to show or hide page elements with styles or to control video are not hidden when styles are turned off.

Accessibility Conformance Checklist

Last assessed in [Month Year]. 

In addition to using automated tools like Cynthia Says, we manually assess pages on our site against checklists like those from the U.S. Department of Health & Human Services (508) and WebAIM (508) (WCAG 2.0). The guidelines we have assessed (and our conformance with each) are noted below.

Images

  • Do images that convey contextual content have equivalent alternative textspecified in the alt attribute of the img element?
    Yes or No
  • Do images that are purely decorative, and not contextual, have empty, or null, alternative text specified, e.g. alt=””?
    Yes or No
  • Does information conveyed by background images have equivalent content in text?
    Yes or No
  • Does the alternate text convey contextual relevance to the page it is on?
    Yes or No  A description of each image is entered as alternative text when it is uploaded to our server, and that remains persistent with each display of the image. When an image is added to a page, contextual relevance can be added as a caption.
  • Do images that convey complex content have longdesc attributes or equivalent text content available elsewhere on the page?
    Yes or No
  • Does text content contained in images persist when images are not available, i.e. is text contained within images also available as text?
    Yes or No

Image Maps

  • Do image map area elements have the link destination correctly titled? If the title attribute is used, it ought not to duplicate the alt text. Are links in server-side image maps repeated elsewhere in the page that are non-graphical, e.g. a normal list of links? Are client-side image maps used instead of server-side image maps? Do client-side image maps have appropriate alternative text for the image, as well as each hot spot region?
    N/A. Our site does not include image maps.

Frames

  • Do noframes elements have appropriate equivalent or alternative content for user agents that do not support frames?
    N/A. Our site does not use frames.

Audio/Video

  • Is a full text transcript provided for all prerecorded audio?
    Yes No Mixed. Transcripts or text equivalents are provided for most new audio.
  • Is a full text transcript provided for all prerecorded video?
    Yes No Mixed. Transcripts or text equivalents are provided for most new video.
  • Are open or closed captions provided for all synchronized video?
    Yes No Mixed. Captions are provided for most new video.
  • Is fully synchronized text alternative or sound track provided for all video interaction that is not otherwise described?
    Yes No Mixed. However, much of our video does not rely on the visual conveyance of information and therefore does not require additional description.

Colors

  • Is information conveyed by color also conveyed by context, markup, graphic coding, or other means?
    Yes.
  • Does a contrast ratio of at least 4.5:1 exist between text, and images of text, and background behind the text?
    Yes.
  • Does the color difference between text, and images of text, and background behind the text colors fall between 500 and 600?
    Mixed.
  • Is a correct contrast ratio maintained when images are not available?
    Yes.
  • Are links distinguished from surrounding text with sufficient color contrast and is additional differentiation provided when the link receives focus, e.g. it becomes underlined?
    Yes.

With CSS Disabled

  • …is color and font information rendered in the browser’s default CSS?
    Yes.
  • … is a correct contrast ratio maintained?
    Yes.
  • …are headings, paragraphs, and lists obvious and sensible?
    Yes.
  • …does the order of the page content make sense as read?
    Yes.
  • …is most text, other than logos and banners, rendered in text rather than images?
    Yes.
  • …does any content that was invisible before stay invisible?
    Yes.
  • …is any content or functionality provided by the CSS through mouse action also provided through keyboard-triggered event handlers?
    Yes.

Tables

  • When tables are used for layout, does the content linearize properly when layout tables are turned off? For tables that are used for layout, are th elements orsummary, headers, scope, abbr, or axis attributes NOT used at all?
    N/A. Our site does not use tables for layout.

Motion

  • Do page elements avoid flickering at an unhealthy rate, e.g. less than three flashes per second?
    Yes.
  • Does pages avoid marquee and blink elements?
    Yes.
  • Can automatically moving, blinking, or scrolling content that lasts longer than 3 seconds be paused, stopped, or hidden by the user?
    No.

Time

  • Is enough time provided to allow users to read and interact with content?
    Yes.
  • Does the user have control over the timing of content changes?
    Yes, but not on the Homepage Carousel of three images.
  • If a page or application has a time limit, is the user given options to turn off, adjust, or extend that time limit?
    N/A.
  • Can automatically updating content be paused, stopped, or hidden by the user or the user can manually control the timing of the updates, e.g. automatically redirecting or refreshing a page, a news ticker, AJAX updated field, a notification alert, etcetera?
    Yes.
  • Can interruptions be postponed or suppressed by the user, e.g. alerts, page updates, etcetera?
    N/A.
  • If an authentication session expires, can the user re-authenticate and continue the activity without losing any data from the current page?
    N/A.
  • Is the functionality of the content predictable, i.e. will a user experience contextual changes only when they take an action?
    N/A.

Documents (PDF, Word, etc.)

  • Does a document have a text-only version? If so, does it meet all Section 508 criteria?
    Yes or No
  • Does the text-only version contain the same exact information as the original document?
    Yes or No
  • Does the text-only version provide the functionality equivalent to that of the original document?
    Yes or No
  • Are links provided to any special readers or plug-ins that are required to interpret page content?
    Yes, No, or Not in context
  • Do special readers or plug-ins comply with the requirements of Section 508 paragraphs §1194.21(a)-(l)?
    N/A

Scripts

  • Is an alternative provided for components, e.g. plug-ins & scripts, which are not directly accessible?
    Mixed. Menu, Google search, and Google Directions do not work without JavaScript.
  • Is any content or functionality provided by JavaScript through mouse actionalso provided through keyboard-triggered event handlers?
    Yes.
  • Are link-type behaviors created with JavaScript on ONLY focusable elements?
    Yes.
  • If content or functionality provided by JavaScript can not be provided to assistive technology, is equivalent content or functionality provided without JavaScript?
    Mixed. Menu, Google search, and Google Directions do not work without JavaScript.

Forms

  • Do form non-text controls, e.g. input type image, provide a text alternative that identifies the purpose of the non-text control?
    N/A.
  • Does each appropriate input element or form control have an associated and visible label element or title attribute?
    Yes.
  • Are all cues for filling out the form available to users of assistive technology, e.g. mandatory fields, help boxes, error messages?
    Yes.
  • Is the tab order to reach the form and the tab order between form elements logical and consistent with the normal and visual order of entering form data?
    Yes.
  • Are logically-related groups of form elements identified with appropriate fieldset and legend elements?
    N/A.
  • Is placeholder text, if used, NOT redundant or distracting to users of assistive technology?
    Yes.
  • Do form error messages identify the error(s) to the user and describe them to the user in text?
    Yes.

Navigation & Headers

  • If repetitive navigation links are at the beginning of the source of the HTML page, can a user navigate via a link, the “skip link”, at the top of each page directly to the main content area?
    Yes.
  • If a “skip link” is provided, does the anchor element contain text content that is visible with CSS disabled?
    Yes.
  • If a “skip link” is provided and it is hidden with CSS, is it available to users of assistive technology, e.g. not using the display:none method?
    Yes.
  • Can a user navigate over groups of links, between multiple groups of links, and between sections of the page content by means of section headings or visible and audible local links?
    Yes.
  • Are heading elements used to convey logical hierarchy and denote the beginning of each section of content?
    Yes.