< Return to Feed
Amanda Dunn - 12.29.2017

Web Accessibility Trends Part 2

Part 2 – So What Are the Guidelines?

 

Welcome back to our 3-Part Web Accessibility series. In Part 1, we provided a brief overview of what Web Accessibility is and how it pertains to your organization. There is a lot of information out there that lists the standards and guidelines but it can be very hard to actually interpret what they mean and know how to enhance your site to meet the standards. Let us help break it down for you.

   

Let’s Break These Guidelines* Down

  1. Guideline 1 Perceivable: “Information and user interface components must be presentable to users in ways they can perceive”

    1. 1.1 – Text Alternatives
      1. Explanation: Make sure all images (or any non-text content) have associated alt tags, or a description, that clearly and accurately describes what the content is portraying to be read by a screen reader.
    2. 1.2 – Time-based Media
      1. Explanation: Provide captions and/or other text alternatives for videos on your site so they can be read by screen readers.
    3. 1.3 – Adaptable
      1. Explanation: Allow screen readers to use the site – use ARIA tags to define the reading sequence and hierarchy of content.
    4. 1.4 - Distinguishable
      1. Explanation: Colors should not be used to convey information and color contrast ratios should be greater than 3:1. Ensure text links makes sense when being used by a screen reader – use descriptive text for the link text.
    5. 2.2 – Enough Time
      1. Explanation: Provide users enough time to read and use content. Provide a pause/play button for moving content.
    6. 2.3 – Seizures
      1. Explanation: Do not design content in a way that is known to cause seizures – don’t use content that flashes more than three times in a second.
    7. 2.4 – Navigable
      1. Explanation: Provide ways to help users navigate, find content, and determine where they are by including a sitemap page. Make sure the purpose of all links can easily be determined and all headings and labels describe their topic.
    8. 3.2 – Predictable
      1. Explanation: All pages of the site should have the same navigation in the same locations (header, footer, etc.)
    9. 3.3 – Input Assistance
      1. Explanation: Form fields should be labeled and form validation error messages should clearly explain the problem and how to fix it. Show a confirmation page upon form submission.
  2. Guideline 2 – Operable: “User interface components and navigation should be operable”

    1. 2.1 – Keyboard Accessible
      1. Explanation: Make all site functionality available from a keyboard.
  3. Guideline 3 – Understandable: “Information and the operation of user interface must be understandable”

    1. 3.1 – Readable
      1. Explanation: Make text content readable and understandable. The language of the web page should be programmatically determined – add en-US to the HTML tag.
  4. Guideline 4 – Robust: “Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies”

    1. 4.1 – Compatible
      1. Explanation: Use valid HTML 5 on the site

 

*Guidelines as described by the World Wide Web Consortium and WCAG 2.0 standards (https://www.w3.org/WAI/)

 

Ready to begin the journey to become ADA compliant? Sagepath has plenty of experience in auditing and remediating sites for ADA compliance. Contact us to learn more about our consulting services. For more information on the WCAG 2.0 Standards, visit the W3 website (https://www.w3.org).

 

In Part 3 of our 3-Part web compliance series, we’ll share four essential steps for successful design, layout and development of your site to make it fully accessible.