Unit 1 - Eating the elephant

My action plan for making my web site accessible:

1. Action:

Due date:


2. Action:

Due date:


3. Action:

Due Date:



Unit 2 - Images and Visual Elements

For each of the following page elements, indicate which HTML mark-up technique you would use to make the page accessible.  Choose from the following:
a.  ALT and TITLE attribute with descriptive text
b.  ALT and TITLE attribute with no text	
c.  LONGDESC attribute with a URL to a page with a description
d.  Redundant text links

1. _____ Simple graphic

2. _____ Navigational graphic

3. _____ Non-informational graphic (Bullet or spacer)

4. _____ Chart, Graph or other Complex Image




Unit 3 - Cascading Style Sheets

1. Name two methods of applying styles to web page elements:


2. At what levels of Netscape and Internet Explorer does style sheet support start?

3. You want to change the font and color for one word on your page. Which kind of style would be most appropriate?

4. Who benefits when the content of your page is independent of the style used?


The "cascading" in Cascading Style Sheets refers to the way that general styles can be overridden by specific styles. In other words, the style closest to the tag is the style that will be rendered by the browser. So, if embedded style sheets, linked style sheets and inline styles are all present, the style closest to the tag will be invoked.

Number the invocation order of style sheets if all are present:

__________ Embedded style sheet 

__________ Linked style sheet

__________ Inline style



Unit 4 - Accessible Tables

True or False:

Tables are best suited for:

1. ____ Layout
2. ____ Tabular data
3. ____ Tubular bells
4. ____ Emails
5. ____ Spreadsheets
6. ____ Tabular Charts
7. ____ Forms

8.  Tables will adjust to the viewer's screen size without any intervention on the page author's part. __________
9.  The TH element should be used to designate row descriptors. __________
10.  You don't need to use a SUMMARY attribute if you are using the table's CAPTION element. __________


Unit 5 - Accessible Forms

Identify the user populations that benefit from the following design solution:

Choose from:
a. Visually impaired
b. Color blind
c. Deaf or Hard-of-hearing
d. Motion impaired
e. Technology impaired

Choose all that apply.

1. __________ Marking required fields with a character or labeled graphic rather than or along with color-coding.
2. __________ Associating labels with fields by placing a form field and its label on the same line
3. __________ Associating labels with fields using mark-up such as the LABEL tag
4. __________ Using SELECT controls (pull-down choices) instead of RADIO buttons
5. __________ Using TABINDEX
6. __________ Placing the LABEL and the form field in the same table cell


Unit 6 - Validation

Name three important things to check for when validating a site:

1.

2.

3.


Unit 7 - Usability

My action plan for making my web site usable:

1. Action:

Due date:


2. Action:

Due date:


3. Action:

Due Date:


Quiz Answers:

Unit 2: 1-a; 2-d; 3-b; 4-c

Unit 3:  1-Inline style, embedded style, linked style, imported style;  2-4; 3-Inline; 4-Everyone; 5-Inline style-1; 6-Embedded Style Sheet-2; 7-Linked style sheet-3

Unit 4:  1-F; 2-T; 3-F (you knew that, right?); 4-F; 5-T; 6-T; 7-F, 8-F, 9-T, 10-F

Unit 5: 1-a,b; 2-a; 3-a,d; 4-d; 5-a,d; 6-a,e

Unit 6:
Important things to check for when validating:
* ALT attributes for all graphics
* Live links
* Valid HTML
* Valid CSS
* Color not used to convey information
* Redundant text links if graphical navigation used
* Sufficient contrast between foreground and background color
* Tables use relative instead of absolute sizing
* Tables include contextual cues
* Font sizes are relative instead of absolute
* Tables linearize properly
* Any use of scripts is matched by a no-script alternative
* Complex informational graphics include a long description
* Page has been tested in multiple browsers
* Language and terminology appropriate to audience
* All acronyms explained