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

WAI Presentation Format Notes

Open issues and current notes:

ppt design format (note: the title slide should have light blue background, but might be still showing up as dark gray in some)
CSS file OPEN issues (that Ian pouncey is working on):
- significant: slide should be in box and notes outside of it like in this old one (or did we change this for a reason?)
- medium: some browser issues (sent screen shots to Ian in email)
- minor: Some Notes and <p> overlaps.
- presentation-specific: platter image missing for WCAG Benefits presentation (for an example of it in previous version, see the next-to-last slide of tthis old one).
HTML conventions are below and were developed to work iwht Slidey and S5. HTML example (note that they layout is not quite right per the open issue above)
minor open item: Any other common slide layouts that we want to define?

WAI presentation material for others to use:

Benefits of WCAG 2 - overview page, ppt format, HTML/CSS format
Web Accessibility is Smart Business - overview page, ppt format
Web Accessibility for Older Users - overview page, ppt format, HTML/CSS format
Components of Web Accessibility - overview page, step-by-step guide, ppt format, HTML/CSS presentation format
Using WCAG 2 - overview page, ppt format draft
Overview of the Web Accessibility Initiative (WAI) Slides (old slidemaker format) - overview page, slides

HTML-based slide info:

Slidey & S5 formatting

Slidy

Each slide is enclosed in <div class="slide"> ... </div>
The div element will be created automatically for h1 elements that are direct children of the body element.

S5

<div class="presentation">
<div class="slide">
<h1>[slide title]</h1>
<div class="slidecontent">
[slide content]
</div>
<div class="handout">
[extra content not displayed in slide show]
</div>
</div>
</div>

Related stuff:

How to Make Presentations Accessible to All
Links to tools to make HTML from PowerPoint and more