Web Accessibility

Training

Self-guided Training

The link below will allow you to download the files and folders used in the self-guided training. Begin by opening the files named "training.html" and "instructions.pdf". The file "corrected_version.html" is a completed version of the training that has been included for reference.

Self-guided training - text editor

Self-guided training - Dreamweaver

Self-guided training - Serena Collage

• If you have questions or would like assistance with any of the self-guided trainings, please contact Web Accessibility Technical Assistance at webaccessibilitytech@purdue.edu.

Instructor-led Courses

Websites

Sessions to learn accessible Web design techniques have been scheduled for staff who design or develop Websites and have knowledge of HTML coding. These sessions will focus on some of the most common accessibility problems and how to correct them using appropriate HTML code. At the end of the session, you will be able to improve accessibility of your pages by:

• using headings for document structure
• including appropriate alt text on all images and image maps
• designing with color blindness in mind
• explicitly associating form labels with form fields
• designating row and column headers in data tables

Course Materials:

• Accessible Web Design Presentation (Video with closed captions) - Transcript [Docx] - February 2011
  Tips for getting captions to display in Windows Media Player: Right click on the video and choose "Lyrics, Captions and subtitles" and choose either "On" or "Captions". You may also need to go to the File menu (press the Alt Key if you have the File menu hidden) and go to File -> Tools -> Options. Under the Security Tab make sure "Show local captions when present" is checked.
  1. Introduction (3:37)
  2. Web Accessibility Policy (3:02)
  3. Headings and Structure (14:31)
  4. Images - General (4:01)
  5. Which alt text is appropriate? (1:13)
  6. Images used for information (3:06)
  7. Images used for navigation and decoration (1:28)
  8. Null alt attribute (4:44)
  9. Image maps (2:24)
  10. Color (2:22)
  11. Forms (7:14)
  12. Tables (6:42)
• Accessible Web Design Presentation (PowerPoint) - February 2011
• Accessible Web Design Handout - February 2011

PDFs

Course Materials from the October 2011 PDF document training sessions by Terrill Thompson:

• Accessible PDF Documents Presentation (Video with closed captions) - Transcript - October 2011
  1. Introduction (7:58)
  2. A web page example (9:27)
  3. PDF types (4:58)
  4. Creating PDFs overview, headings and images (3:02)
  5. Creating an accessible Microsoft Word document, hands-on (20:57)
  6. Making an accessible PDF using Adobe Acrobat, hands-on example #1 (29:46)
  7. Hands-on example #2 (9:49)
  8. Hands-on example #3 (9:09)
• Accessible PDF Forms Presentation (Video with closed captions) - Transcript - October 2011
  1. The first part of the PDF Forms video briefly reviews PDF Document Accessibility. Please refer to the PDF Documents video for those parts.
  2. Introduction (5:55)
  3. PDF Forms Accessiblity hands-on example #1 (14:00)
  4. Hands-on example #2 (29:10)
  5. Hands-on example #3 (34:15)
  6. Hands-on example #4 and LiveCycle Designer (37:36)
• PDF Accessibility Key Points, Tips, & Resources
• Making PDFs Accessible powerpoint slides

 Open Forum PowerPoint - June 2010