Web/IT Accessibility – Comprehensive resources

advertisement

Web Accessibility Resources

Compiled by the SC Assistive Technology Advisory Committee and the SC Assistive Technology Program

Web/IT Accessibility – Comprehensive resources

University of Minnesota at Duluth: Many, many links to articles about the specifics and the case for

Web Accessibility - http://www.d.umn.edu/itss/support/Training/Online/webdesign/accessibility.html

Colorado State University: HTML, Universally Designed - http://accessproject.colostate.edu/udl/modules/html/mod_html.cfm

 Colorado State University: Universal Design for Learning - http://accessproject.colostate.edu/udl/

 WebAIM - http://webaim.org/

Web Accessibility Evaluation Tools

WebAIM’s List of Evaluation Tools

-

http://webaim.org/articles/tools/

Skip Navigation links

Explanation and solution: Skip Navigation Links (WebAIM) - http://www.webaim.org/techniques/skipnav/

Resources:

 Skip Navigation article (Jim Thatcher) - http://jimthatcher.com/skipnav.htm

 Skip Navigation (Drupal) - http://drupal.org/node/467976

Skip to Main Content (Webnauts) - http://www.webnauts.net/skip-to-main-content.html

Adding Alternative Text

Explanation and solution: Creating Accessible Images (WebAIM) - http://www.webaim.org/techniques/images/alt_text.php

Solution: Blank Alt (WebAIM) - http://www.webaim.org/discussion/mail_message.php?id=2356

Meaningful Alternative Text

Explanation: Alt Attributes (About.com) - http://webdesign.about.com/od/beginningtutorials/a/aa122004.htm

Accessible Forms

Explanation and Solution:

Creating Accessible Forms (WebAIM) - http://www.webaim.org/techniques/forms/

Accessible Forms Series (Web Usability) - http://usability.com.au/2013/04/accessible-forms-1-labelsand-identification/

Data Tables and Layout Tables

Explanation: Table Types and Headers (IBM) – http://www-

03.ibm.com/able/guidelines/web/webtableheaders.html

Explanation and Solution: Creating Accessible Data Tables (WebAIM) - http://www.webaim.org/techniques/tables/data.php

Explanation and Solution: Webstandards, Accessibility and Usability at Penn State - http://accessibility.psu.edu/tableshtml

Layout tables explanation: Creating Accessible Layout Tables (WebAIM) - http://www.webaim.org/techniques/tables/

Explanation: Penn State Accessibility - http://accessibility.psu.edu/tableshtml

Explanation: Jim Thatcher on Tables - http://jimthatcher.com/webcourse9.htm

Link Text

Explanation and Solution: Links and Hypertext (WebAIM) - http://www.webaim.org/techniques/hypertext/link_text.php

PDF Accessibility

 WebAIM: PDF Accessibility - http://www.webaim.org/techniques/acrobat/

 California State University at Sacramento: How to Create Accessible PDFs using Adobe Acrobat (51 pages) - http://www.csus.edu/training/handouts/workshops/creating_accessible_pdfs.pdf

 Ohio State University: Accessible PDF Guidelines and Standards - http://wac.osu.edu/pdf/guidelines.htm

Colorado State University: Adobe PDF, Universally Designed - http://accessproject.colostate.edu/udl/modules/pdf/mod_pdf.cfm

Veterans Health Administration Section 508 Office http://www.ehealth.va.gov/508/tutorials/pdf/index.asp

 Making Accessible PDFs (WebAIM) - http://www.webaim.org/techniques/acrobat/acrobat.php

 Creating Accessible PDF files (Adobe) http://www.adobe.com/accessibility/products/acrobat.html

 PDF Accessibility (US Dept. of Health and Human Services) - http://www.hhs.gov/web/508/accessiblefiles/checklistpdf.html

PowerPoint Accessibility

 WebAIM: PowerPoint Accessibility - http://www.webaim.org/techniques/powerpoint/

 Colorado State University: Microsoft PowerPoint, Universally Designed - http://accessproject.colostate.edu/udl/modules/powerpoint/mod_ppt.cfm

Microsoft Word Document Accessibility

WebAIM: Microsoft Word Accessibility - http://www.webaim.org/techniques/word/

WebAIM: How to Create Structured Word Documents - http://www.webaim.org/techniques/word/#create

Colorado State University: Microsoft Word, Universally Designed - http://accessproject.colostate.edu/udl/modules/word/mod_word.cfm

University of Central Florida Document Formatting Guidelines – http://teach.ucf.edu/resources/document-formatting-guidelines/

Cascading Style Sheets (CSS)

Explanation: Creating Accessible CSS (WebAIM) - http://www.webaim.org/techniques/css/

Resources :

 Cascading Style Sheets (Jim Thatcher) - http://jimthatcher.com/webcourseb.htm

 CSS: Managing Background Images Responsibly - http://www.456bereastreet.com/archive/200512/use_css_background_images_responsibly/

 Naughty or Nice: CSS Background Images - http://24ways.org/2005/naughty-or-nice-css-backgroundimages

RNIB: CSS layout and positioning - http://www.rnib.org.uk/professionals/webaccessibility/designbuild/cascadingstylesheets/Pages/css_la yout.aspx

Video Captioning

Explanation: Web Captioning Overview (WebAIM) - http://www.webaim.org/techniques/captions/

Resources:

 Real-Time Captioning (WebAIM) - http://www.webaim.org/techniques/captions/realtime.php

 NCDAE Cheatsheet Captioning YouTube - http://ncdae.org/resources/cheatsheets/youtube.php

Video - Audible Descriptions

Explanation: Web Captioning Overview (WebAIM) - http://www.webaim.org/techniques/captions/

Resources :

Standard Techniques in Audio Descriptions (Joe Clark) - http://joeclark.org/access/description/adprinciples.html

Use of Color

Explanation: Designing for Color Blindness (WebAIM) http://www.webaim.org/articles/visual/colorblind.php#designing

Fix: Color Deficiency/Color Blindness (Penn State) http://accessibility.psu.edu/colorblindness

Color Contrast

Explanation: Designing for Color Blindness (WebAIM) - h ttp://www.webaim.org/articles/visual/colorblind.php#designing

Solutions: Color Deficiency/Color Blindness (Penn State) http://accessibility.psu.edu/colorblindness

Image Maps

Explanation: Server-Side Image Maps (WebAIM) - http://www.webaim.org/techniques/alt_text/#serverside

Frames

Explanation: Creating Accessible Frames (WebAIM) - http://www.webaim.org/techniques/frames/

Blinking Content

Explanation: Seizure Disorders Introduction (WebAIM) - http://www.webaim.org/articles/seizure/

JavaScript / Flash

JavaScript Solution: Creating Accessible JavaScript (WebAIM) - http://www.webaim.org/techniques/javascript/

Training: Accessible Flash (Veterans Health Administration Section 508 Office) - http://www.ehealth.va.gov/508/flash/index.asp

Plug-ins

Explanation: 508 Checklist for Scripts, Plugins, Java, etc. (WebAIM) - http://www.webaim.org/standards/508/checklist#note4

*******************************************************************

These resources can be found on the web at http://www.sc.edu/scatp/questionnaire.html

Contact Janet Jendron at Janet.Jendron@uscmed.sc.edu

with suggestions/ additions to these resources.

Revised March 2014

Download