PowerPoint Presentation

SLIDE FORMAT
Generally, slides have a white background behind black text.

SLIDE 1
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
The slide is composed of two columns.
On the left:
Prepared by:
The NYS Forum for Information Resource Management
IT Accessibility Committee
On the right:
A photo of an animal cracker in the shape of an elephant.  The animal cracker is whole and unblemished.

SLIDE 2
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
OBJECTIVE:  The learner will list three techniques that can be applied to a web site to maximize the value for the effort 

SLIDE 3
SLIDE TITLE:  Eating the Elephant?
SLIDE TEXT:
* How do you eat an elephant?

SLIDE 4
SLIDE TITLE:  Eating the Elephant?
SLIDE TEXT:
* One bite at a time!
* Tackling a large project one small step at a time

SLIDE 5
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
* Use ALT and TITLE attributes for all graphics, graphic buttons and images
* Locate your "top ten" pages and make them completely accessible 
* Make new and revised pages accessible as you go
* Label your "format only" tables accordingly using the SUMMARY attribute

SLIDE 6
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
NOTE:  The slide shows all four of the items from the previous slide, but only the first is distinct (indicating focus).  The remaining three are printed in light gray.
* [black text] Use ALT and TITLE attributes for all graphics, graphic buttons and images
* [gray text] Locate your "top ten" pages and make them completely accessible 
* [gray text] Make new and revised pages accessible as you go
* [gray text] Label your "format only" tables accordingly using the SUMMARY attribute

SLIDE 7
SLIDE TITLE:  ALT and TITLE attributes
SLIDE TEXT:
* Describe the function of the graphic
  * Example: a navigation arrow pointing to the right should be labeled "Next," not "Arrow"
* Concentrate on navigation
* Handle bullets and spacer graphics
  * Use an empty attribute:  alt=" "

SLIDE 8
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
NOTE:  The slide shows all four of the items from slide 5, but only the second is distinct (indicating focus).  The remaining three are printed in light gray.
* [gray text] Use ALT and TITLE attributes for all graphics, graphic buttons and images
* [black text] Locate your "top ten" pages and make them completely accessible 
* [gray text] Make new and revised pages accessible as you go
* [gray text] Label your "format only" tables accordingly using the SUMMARY attribute

SLIDE 9
SLIDE TITLE:  Top Ten Pages
SLIDE TEXT:
* your home page
* top level menu pages
* the pages most frequently accessed by your visitors

SLIDE 10
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
NOTE:  The slide shows all four of the items from slide 5, but only the third is distinct (indicating focus).  The remaining three are printed in light gray.
* [gray text] Use ALT and TITLE attributes for all graphics, graphic buttons and images
* [gray text] Locate your "top ten" pages and make them completely accessible 
* [black text] Make new and revised pages accessible as you go
* [gray text] Label your "format only" tables accordingly using the SUMMARY attribute

SLIDE 11
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
* It is much easier to create accessible web pages than retrofit
* But, if you are revising anyway, that is the time to retrofit

SLIDE 12
SLIDE TITLE:  Eating the Elephant
SLIDE TEXT:
NOTE:  The slide shows all four of the items from slide 5, but only the fourth is distinct (indicating focus).  The remaining three are printed in light gray.
* [gray text] Use ALT and TITLE attributes for all graphics, graphic buttons and images
* [gray text] Locate your "top ten" pages and make them completely accessible 
* [gray text] Make new and revised pages accessible as you go
* [black text] Label your "format only" tables accordingly using the SUMMARY attribute

SLIDE 13
SLIDE TITLE:  Tables 101
SLIDE TEXT:
* Mark-up should (the word "should" is italicized) describe the contents
  * <H1> marks a heading ... not used to simply style text
* Lack of style sheet support in the past has led to using tables for layout
* We should use the summary="format only" (the phrase "summary='format only'" is bolded) attribute to clue in our visitors that the table is not really (the word "really" is italicized) a table

SLIDE 14
SLIDE TITLE:  Tables 102
SLIDE TEXT:
* If you must (the word "must" is italicized) use tables for layout, keep it simple
  * nested tables make navigation tricky
  * COLSPAN and ROWSPAN used indiscriminately will lose the most savvy navigator

SLIDE 15
SLIDE TITLE:  QUIZ
SLIDE TEXT:
None.

END PRESENTATION