lecture 5: html structure and navigation lis350ar: designing universally accessible web resources...
TRANSCRIPT
Lecture 5: HTML Structure and Navigation
LIS350AR: Designing Universally Accessible Web Resources
Instructor: Jon Gunderson
Goals
Authroing Tools– HotMetal Pro– Dreamweaver– FrontPage
Vaild documents HTML structural elements HTML navigational elements
Valid Documents
DOCTYPE<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Language<HTML lang=“en”>
Character Encoding<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
HTML Validator
http://validator.w3.org
HTML Structural Elements
Headers (H1-H6) List elements (UL, OL, DL) Navigation Bars (MENU) Input controls (LABEL) Tables (TH, Scope, Headers) Frames (TITLE)
Navigational Elements
Tabindex Accesskey
508 Requirements
Paragraph e: Text links for image maps Paragraph f: Client side image maps Paragraphs g and h: Tables Paragraph i: Frames Paragraph o: Skip navigation
WCAG Guidelines
Guideline 3 Guideline 4 Guideline 5 Guideline 6 Guideline 9 Guideline 11 Guideline 12 Guideline 13