Showing posts with label standards. Show all posts
Showing posts with label standards. Show all posts

Wednesday, August 19, 2015

WCAG 2.0 In Brief

Simplifying the Standards

So we know that WCAG Standards exist, and we have the tools to check if our webpages and documents meet these standards--but what about building accessible documents and webpages in the first place? What makes a document or webpage accessible? 

As previously mentioned, the WCAG 2.0 standards layout the basics very well. From the Web Accessibility Initiative, we are able to see a very straightforward list of WCAG 2.0 "At a Glance": 

Perceivable

Operable

Understandable

Robust

(Above list pulled from the Web Accessibility Initiative website on 8/19/2015.)


Personally, the two that stand out as the easiest to follow or adapt to, but most often overlooked, are document structure and alternative formats. Documents that lack designated headings, paragraphs, and other features are not navigable. A good metaphor for users that aren't low-vision, blind, or otherwise using a screen reader is to imagine trying to navigate multiple, complex plain text emails with no way to search for key words or to scan the page--each word, regardless of importance, must be read. For someone using a screen reader, this is what each unstructured document or webpage encounter is like. 

Likewise, imagine being able to watch a video that includes important audio instructions, but you do not have access to speakers or headphones--or you are a member of the deaf and hard of hearing community. It can get pretty frustrating! Including multimedia content without alternative formats (such as captions on videos, transcripts of speeches and songs, alt tags for images, or descriptive text for diagrams) is not accessible, period. 

For the purpose of this blog, I will be breaking down the different techniques to create accessible documents through several types of files and web options: Microsoft Office (including Word, Powerpoint, and Outlook), PDFs, HTML, among others. Each post will focus on easy techniques for less experienced users, but will include links to resources that go even further for advanced users.

Thursday, July 16, 2015

Assessing Webpage Accessibility

Now that we know WCAG 2.0 standards, what now? 

As I mentioned in my last post, there are tools available to check the accessibility of a web page, and also give you tips on how to correct any errors. One of my personal favorites is the WAVE (Web Accessibility Evaluation) tool created by the WebAim (Web Accessibility In Mind) team. 

WAVE is a very straightforward tool: simply copy the URL of the website or page you would like to check, and paste the URL into WAVE. After hitting the next button, the tool will assess the site and create a report. Here's an example of the tool in use:

1. Users paste or type in the URL of the page they would like to check:
WAVE Homepage with sample URL entered into form
2. After a few moments of analyzing, WAVE produces a short report of the errors (or lack of errors) encountered on the page. (Not shown in image is the web page with errors indicated by symbols on the applicable page sections.): 

Menu listing all errors detected by WAVE tool

3. Users can click on the symbols listed to the left of the summary menu for more detailed descriptions of the errors as well as the explanation of the symbols marking the page:


While one cannot use the tool to perform the corrections, this report does allow the user to modify the appropriate content or submit this information to your IT department. Another cool feature is the contrast checker, which allows you to see if the contrast meets WCAG 2.0 standards for website visitors with low-vision or color deficits. The person can even enter different font colors to see if they pass or fail contrast checks!

WAVE Summary menu showing a detail of the contrast checker feature

Pretty neat, huh? This tool is just one of the many ways that web developers and site editors can verify that they are meeting accessibility requirements. As always, for more information about web accessibility standards, review the WCAG 2.0 technical standards for a comprehensive guide. However, for beginners and other users like myself, this is a great way to get started!