Eating the Elephant
Slide1: Eating the Elephant Prepared by the NYS Forum IT Accessibility Committee http://www.nysforum.org/accessibility/resources/curriculum/eatingtheelephant Presented by Michael B. Short May 11, 2006 Eating the Elephant: Eating the Elephant OBJECTIVE: The learner will list three techniques that can be applied to a web site to maximize the value for the effort Eating the Elephant?: Eating the Elephant? How do you eat an elephant? Eating the Elephant?: Eating the Elephant? One bite at a time! Tackling a large project one small step at a time Eating the Elephant: Eating the Elephant 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 alt and title attributes: alt and title attributes 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=" " Eating the Elephant: Eating the Elephant 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 Top Ten Pages: Top Ten Pages your home page top level menu pages the pages most frequently accessed by your visitors Eating the Elephant: Eating the Elephant 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 Eating the Elephant: Eating the Elephant It is much easier to create accessible web pages than retrofit But, if you are revising anyway, that is the time to retrofit Eating the Elephant: Eating the Elephant 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 Tables 101: Tables 101 Mark-up should 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” attribute to clue in our visitors that the table is not really a table Tables 102: Tables 102 If you must use tables for layout, keep it simple nested tables make navigation tricky colspan and rowspan used indiscriminately will lose the most savvy navigator Quiz: Quiz