Show Menu
Cheatography

Web Accessibility Resources Cheat Sheet by

An introduction to basic terminology and concepts of Web Accessibility.

Organi­zations - Regulatory

United States Access Board
Chief Inform­ation Officer Council is an organi­zation of CIO's from all major US branches and agencies from the Department of Defense to the Department of Education.
CIO Council Access Committee
W3C's Web Access­ibility Initiative

Organi­zations - Advocacy

AFB
CIL
DOJ:ADA
DRA
DREDF
EEOC
The U.S. Equal Employment Opport­unity Commission protects against discri­min­ation during hiring and in the workplace.
FBC
GPII
IDEA
IFHOH
NCDAE
NAD
NFB
RESNA
RtF
Additional Organi­zations
These organi­zations are most often associated with web access­ibility litigation and awareness education. For inform­ation on other organi­zat­ions, check the links under Additional Organi­zations above.
For more inform­ation on case history visit Karl Grove's List of Web Access­ibility Related Litigation and Settle­ments

Web Resources - Standards

WCAG 2.0
WAI-ARIA
DSGWG's Keyboard Shortcut Recomm­end­ation

Web Resources - WCAG 2.0 Checklists

Intera­ctive WCAG 2.0 by Vijet lists both W3C and WebAIM recomm­end­ations in the same simple interface.
WebAIM's WCAG 2.0 Checklist for HTML documents
WCAG 2.0 Checklist by Paul J Adam
WAI-AR­IA-­Che­atsheet is a list of ARIA roles and attrib­utes.
ARIA Cheatsheet by Abhinay Rathore is automa­tically update from W3's site.
WCAG 2.0 map by Stamford Intera­ctive Resources

Web Resources - Blogs and News

Digital A11Y - Web Access­ibility Blog
Disability Scoop - The Premier Source for Develo­pmental Disability New
WebAIM's Blog - Web Access­ibility Blog

Web Resources - Testing

WebAIM's WAVE is a web access­ibility evaluation tool.
AChecker can verify access­ibility of a website, webpage, or code block.
aViewer (Acces­sib­ility Viewer) is a tool for Windows that displays the access­ibility API inform­ation (MSAA, IAcces­sible2, UI Automa­tion, ARIA, HTML DOM) exposed by web browsers to the operating system, and thus to any assistive technology (AT) such as screen­rea­ders.
tota11y is an access­ibility visual­ization toolkit.
aXe is a JavaScript access­ibility automated testing engine
Automated Access­ibility Testing Tool is a JavaScript access­ibility automated testing engine
Functional Access­ibility Evaluator (FAE) evaluates a website or a single web page based on the WCAG 2.0 Level A and AA requir­ements.
AccessLint integrates with GitHub to test code as it's uploaded to GitHub.
Access­Lint.js is a JavaScript access­ibility automated testing engine
 

Web Resources - Example Code

OpenAjax Alliance Access­ibility - WCAG demons­trated through example code using Ajax and ARIA
SitePo­int's Intro to WAI-ARIA

Web Resources - Design

Colors­afe.co aims to empower designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
A11y Color Palette allows you to provide a palette of colors and get list of compatible colors.
Access­ibility Color Wheel allows you to use a color wheel to compare color contrast.
snook.ca's Colour Contrast Check allows you to compare 2 colors.
NCSU's Color Palette Access­ibility Evaluator allows you to create a palette of colors and compare their compli­ance.
HTML Writers Guild's AWARE's Color Lab allows you to simulate the experience a user with color blindness will have with different color palettes.
Vischeck allows you to upload an image and see how it may be viewed by a user with color blindness.

Assistive Techno­logy- Screen Reader

NVDA (NonVisual Desktop Access) is a free screen reader which enables blind and vision impaired people to use computers.
Freedo­mSc­ien­tific JAWS (Job Access With Speech) is a commercial screen reader that allows blind and visually impaired users to read the screen either with a text-t­o-s­peech output or by a refres­hable Braille display.
AI Squared's Window­s-Eyes is a commercial screen reader which can be registered for free if you have Microsoft Office.
Apple's VoiceOver is the default option available on Mac, iPhone, and iPod devices.

Assistive Technology - Low Vision

Freedo­mSc­ien­tific's MAGic
AI Squared's ZoomText

Characters

“
Opening Double Quotation
“
U+201C
”
Closing Double Quotation
”
U+201D
’
Apostrophe
’
U+201D
–
En Dash, used for ranges
–
–
U+2013
—
Em Dash, used for change of thought
—
—
U+2014
…
Horizontal Ellipsis, used to indicate an omission or a pause
…
…
U+2026
These are the most important characters per WAI's recomm­end­ation. For more Unicode charac­ters, check Wikipe­dia's List of Unicode characters or W3School's Charsets Reference.

Math Access­ibility

Access­ibility Confer­ences

Certif­ication

Certified Profes­sional in Access­ibility Core Compet­encies (CPACC)
ADA Coordi­nator Training Certif­ication Program (ACTCP)

Document Access­ibility

University of Illinois Spring­field - Online Teaching & Technology Blog - Access­ibility - Cheat Sheets for Word, Excel, PowerP­oint, PDF and HTML
WebAim's Guides for Word, PowerPoint, PDF, and more

Consti­tuent Groups

Webinars

                           
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Web Accessibility Basics Cheat Sheet

          More Cheat Sheets by jreiche

          Web Accessibility Basics Cheat Sheet