In this web accessibility training course you will learn web and digital accessibility skills for web, documents, and mobile content. This self-paced course cover the most important aspects of Web Accessibility and will teach you how people with disabilities use the web and different types of assistive technologies.
Course Length
Approximately 8 hours of reading assignments and videos that may be completed at your own pace.
Software required for this Web Accessibility Training
- Microsoft Word
- Adobe Acrobat Professional
- Web browser
- WP ADA Compliance Plugin
Web Accessibility Training Topics
Content authors should complete the following reading assignments related to digital technology accessibility. (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
- Layout Tables (5 min)
- Data Tables (5 min)
- How Blind People Use the Web (10 min)
- Screen Readers and Links (5 min)
- Screen Reader Video (5 min)
- PDF Accessibility
- Defining PDF Accessibility (5 min)
- Converting Documents to PDF (5 min)
- Acrobat and Accessibility (15 min)
- Accessible Forms in Acrobat XI (15 min)
- 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 Check Plugin to complete accessibility testing
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).
- Remove any blank spaces, instead padding should be added to text using the spacing options under paragraph settings.
- Click the “Acrobat” tab
- Click “Preferences”
- Verify the “Enable Accessibility and Reflow with tagged Adobe PDF” feature is checked.
- Verify the “Enable advanced tagging” feature is unchecked.
- 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”
- 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.