Approximately 8 hours of self-paced reading assignments and videos.
Software required for this training
- Microsoft Word
- Adobe Acrobat Professional
- Web browser
- WP ADA Compliance Plugin
Web Accessibility Topics
Complete the following reading assignments. (all topics are produced and hosted by WebAim.org)
- Introduction to Web Accessibility (30 min)
- Alternative Text (30 min)
- Appropriate Document Structure (5 min)
- Creating Accessible Tables
- How Blind People Use the Web (10 min)
- Screen Readers and Links (5 min)
- Screen Reader Video (5 min)
- PDF Accessibility
- Use of Colored Text or Cues (5 min)
- Creating Accessible Word Documents (MS Office Users) (20 min)
- Web Content Accessibility Guidelines (10 min)
- Captions, Transcripts, and Audio Descriptions (audio and video content) (5 min)
- Ensuring Users can Complete and Submit Forms (for programmers) (15 min)
- Create Accessible PowerPoint Files (MS Office Users) (10 min)
- Using NVDA to Evaluate Web Accessibility (screen reader testing) (90 min)
Using the WP ADA Compliance Plugin
Whatch the video and complete the reading assignment.
Creating Accessible PDF Files
Watch the video and complete the listed steps.
The following steps apply to any Word Document.
- Open a Word Document
- Go to the “File” tab and then choose Info.
- Look for “Properties” on the right and click in the “Title” field.
- Enter an appropriate and descriptive title.
- Click on the “Home” tab.
- Add ALT text to all images by right clicking on each image and choosing “Format Picture”.
- Choose “Alt Text”.
- Enter appropriate alt text in the “Description” field.
- Click “Close”.
- Mark header rows in data tables by placing your cursor in the top row of each data table.
- The “Table Tools” tab is now visible at the top of the page. Click on the “Design” tab.
- Place a checkmark next to Header Row.
- Click on the “Layout” tab.
- Click “Repeat Header Rows”.
- Correctly define the page structure by assigning page headings (H1 through H6).
- Click the “Acrobat” tab
- Click “Preferences”
- Verify the “Enable advanced tagging” feature is checked.
- Click “Ok”
- Choose “File” and then “Save as Adobe PDF”
- Choose a location to save the file
- Click “Save”. After the conversion takes place. Open the PDF document in Adobe Acrobat Professional.
- Choose “Accessibility”
- Choose “Autotag Document” and “Yes” , if prompted about retagging the document.
- Click “Accessibility Check”
- Look for the Accessibility Center on the left and expand the “Document” section.
- From the menu at the top, choose “File” and then “Properties”
- On the “Description” tab enter an appropriate tile in the “Title” field.
- Click “OK”
- Right click on each item that has failed and choose “Fix”.
- Click on the “Tags” icon, the last icon in the toolbar on the left and verify that the page structure is accurate. Ensure that headings H1 – H6 are correctly nested and accurately tagged. Ensure that table headings are marked.
- Clicking on the arrow next to a tag will allow you to view the contents of the tag.
- Empty tags should be removed: right click on the tag and choose “Delete Tag”.
- If the tag is inaccurate, right click over the tag and choose “Properties”, from the type dropdown choose the correct tag and then click “Close”.
- Choose “Accessibility Check” from the menu on the right.
- The report should not indicate any issues.