www.webaim.org
Accessibility Webinar Series (December 11, 2009)
Website: http://webaim.org
Note: All screen shots copyrighted by webaim.org
Testing your site
WAVE: Web Accessibility Evaluation Tool at wave.webaim.org
Test for keyboard accessibility by tabbing through entire page
Font contrast: www.webaim.org/resources/contrastchecker
Images
Images – alt text must include expected content and function
Decorative images do not need alt text
Don’t use “image of” or “graphic of”
Photo can be described if it is important to content
Make sure image buttons have alt text
Headings
Should have one and only one H1 per page – never blank
Forms
Use field sets to group buttons/radio buttons, etc.
Avoid reset buttons
Make forms simple
Collect only necessary info
Don’t force user to provide formatting unless necessary
Take users directly to erros
Allow resubmission of the form
Unless otherwise noted, all materials on this site are Copyright © 1999-2009 WebAIM (Web Accessibility in Mind). All rights reserved. All content on this
Web site may be reproduced and distributed in print or electronic format only if offered at no cost to recipients and as long as full credit is given to
WebAIM, including a link to the WebAIM Web site or www.webaim.org clearly printed, and as long as this Terms of Use notice remains intact.
www.webaim.org
Using hidden
Change audience menu as “accessibility friendly” – consider ONE skip link to these menus as hidden at the beginning of
the home page
You can visually “hide” text (hidden) for ADA – just judiciously (see screen below)
Files
Use title attribute in links to PDF files “this is a PDF” or other unusual files or open in new windows
Tables
Tables used for LAYOUT are accessible: use TH for any header rows/cols in table
Don’t provide summary for layout tables (non-spreadsheet usage)
Frames
All Frames should use titles
Mobile devices
Make sure site works on mobile devices
Formatting
10px or less is too small
Provide descriptive page titles
Provide sufficient contrast
Use visually appealing font faces
Use relative font sizes
Font sizes must be able to zoom up to 200-300% and not break functionality or readability
Unless otherwise noted, all materials on this site are Copyright © 1999-2009 WebAIM (Web Accessibility in Mind). All rights reserved. All content on this
Web site may be reproduced and distributed in print or electronic format only if offered at no cost to recipients and as long as full credit is given to
WebAIM, including a link to the WebAIM Web site or www.webaim.org clearly printed, and as long as this Terms of Use notice remains intact.
www.webaim.org
Best practices for content
Should expand first instance of an abbreviation
Use <acronym> or <abbr> on first instance
Not necessary to expand commonly known abbreviations (HTML, CSS, etc)
Avoid “click here” and other meaningless link text
Enhance usability and accessibility with scripting and ARIA (Accessible Rich Internet Applications specification from the
W3C). Add ARIA landmark roles.
Don’t rely on color alone to convey content
Pages must be able to work without styles and javascript
Page must support varying resolutions without horizontal scrolling or overly long line lengths
HTML to avoid
Avoid accesskey and tabindex
If must use tabindex, see below
Unless otherwise noted, all materials on this site are Copyright © 1999-2009 WebAIM (Web Accessibility in Mind). All rights reserved. All content on this
Web site may be reproduced and distributed in print or electronic format only if offered at no cost to recipients and as long as full credit is given to
WebAIM, including a link to the WebAIM Web site or www.webaim.org clearly printed, and as long as this Terms of Use notice remains intact.
www.webaim.org
Opening in New Windows
Incorrect usage below
Acceptable usage below
Unless otherwise noted, all materials on this site are Copyright © 1999-2009 WebAIM (Web Accessibility in Mind). All rights reserved. All content on this
Web site may be reproduced and distributed in print or electronic format only if offered at no cost to recipients and as long as full credit is given to
WebAIM, including a link to the WebAIM Web site or www.webaim.org clearly printed, and as long as this Terms of Use notice remains intact.