• Skip to Content
• | Change text size or colors

WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities

Site Navigation

W3C Home

Web Accessibility Initiative (WAI) Home

1. Getting Started
2. Designing for Inclusion
3. Guidelines & Techniques
4. Planning & Implementing
5. Evaluating Accessibility
6. Tutorials and Presentations
   • Web Accessibility Tutorials
   • Before and After Demo (BAD)
   • Making Presentations Accessible
   • Developing Presentations and Training
   • WAI Presentations
     • »Components
     • Benefits of WCAG 2
     • Using WCAG 2
     • Older Users
     • Business Case
   • Handouts
7. Getting Involved with WAI

Instructions for the "Components of Web Accessibility" Presentation and Step-by-Step Guide

The Components of Web Accessibility presentation and step-by-step guide [will be] available in 3 formats:

• Step-by-Step Guide for self-study [Draft] (updated July 2009) - see Step-by-Step Guide Instructions below.
• Presentation format [Draft] (updated July 2009) - compatible with Microsoft PowerPoint, Open Office Impress, and some other presentation software; see IMPORTANT: Notes Section for Presentation Materials below.
• HTML/CSS for presentations [Draft] (updated July 2009) - compatible with HTML Slidy and S5 slide formats; see IMPORTANT: Notes Section for Presentation Materials below.

Other presentations are available from WAI Presentations.

What is in this Presentation/Step-by-Step Guide

Web accessibility depends on more than web developers. The Components of Web Accessibility presentation/step-by-step guide tells you about different people and technology components that each have a vital role in providing Web accessibility. It has 21 slides/pages that:

• Briefly introduce the components — including authoring tools and browsers, then
  Describe each component in more detail
• Describe the impact of weak components, and high quality components
• Introduce WAI Web accessibility guidelines that cover the different components

Step-by-Step Guide Instructions

This step-by-step guide runs in a web browser. If you do not have JavaScript, all topics are shown on one web page. With JavaScript, you can see individual topics in a page and use the following functionality:

• Advance to next topic page: Enter or right arrow or PgDn or mouse click or space bar
  Move backward to the previous topic page: left arrow or PgUp
• Show all topics in one page toggle: A (useful for printing)
• Font size increase and decrease: S and B or < and > or - and + on the number pad
• Contents list: C or click "contents" on the toolbar
• First topic page: Home
  Last topic page: End

IMPORTANT: Notes Section for Presentation Materials

The presentation slides themselves have limited text so that participants do not have to read much during a presentation. The Notes section contains important information.

Make sure you read the notes for each slide. The first one starts with: [NOTES SECTION: This is where the important information is for each slide.].

To view the Notes:

• In Open Office Impress: From the View menu, select Notes Page.
• In Microsoft PowerPoint: From the View menu, select Normal.
• In some screen readers: Ctrl+Shift+N.
• When using the HTML Slidey online slide show: a (the "a" key on your keyboard)
• Most software allows you to change the font size or zoom settings for the notes area.

Advice for Presenters

See important information in How to Make Presentations Accessible to All and the Advice for Presenters section of the WAI Presentations page.

Permission and Reference

See the Permission and Reference section of the WAI Presentations page. The reference for this presentation is:

Components of Web Accessibility. Shawn Lawton Henry, ed. Copyright © 2010 W3C® (MIT, ERCIM, Keio). Status: Draft July 2009. www.w3.org/WAI/presentations/components/Overview

Credits for the images and information on permission to use the images are included in the Notes section where the image first appears.

Who Develops the Presentation

The Components of Web Accessibility presentation was developed by the WAI Education and Outreach Working Group (EOWG), edited by Shawn Lawton Henry. Ian Pouncey, developed most of the [new] CSS [that we still need to implement on this one :-].

Comments are welcome to: wai-eo-editors@w3.org.

Document Information

Status: Draft Updated July 2009 [changelog]
Editor: Shawn Lawton Henry. Developed with the Education and Outreach Working Group (EOWG).