Eating the Elephant

Download
Share  Add to  Flag Embed
Uploaded from authorPOINTLite
Views:
 
Category: Entertainment
     
 
License:   All Rights Reserved

Presentation Description

No description available.

Comments

Presentation Transcript

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