Skip to main content

Accessible XHTML and CSS Web Sites: Problem - Design - Solution

Accessible XHTML and CSS Web Sites: Problem - Design - Solution

Jon Duckett

ISBN: 978-0-764-58306-3

Apr 2005

450 pages

Select type: Paperback

Product not available for purchase

Description

  • Shows Web developers how to make the transition from HTML to XHTML, an XML-based reformulation of HTML that offers greater design flexibility
  • Demonstrates how to work with CSS (Cascading Style Sheets)-now supported by ninety percent of browsers and integral to new site-building tools from Macromedia and others-and implement a consistent style throughout and entire site
  • Explains how to make a site accessible to people with impaired vision, limited hand use, dyslexia, and other issues-now a legal requirement for many sites in the U.S. and the U.K.
Preface.

Introduction.

Chapter 1: Introducing the Site.

Chapter 2: Moving from HTML to XHTML.

Chapter 3: Using CSS to Style Documents.

Chapter 4: Adding More Style with CSS.

Chapter 5: Using CSS for Layout.

Chapter 6: Understanding Accessibility.

Chapter 7: Creating Accessible Tables and Forms and Testing Your Site.

Chapter 8: Looking to the Future.

Appendix A: Final Example Code.

Appendix B: XHTML Element Reference.

Appendix C: CSS Properties.

Appendix D: Escape Characters.

Appendix E: MIME Types.

Index.

Download the code for the book.
Code downloads for this title are available here.
Download
ChapterPageDetailsDatePrint Run
51Error in Code
3rd highlighted line of code on page

<input type= text
should begin:
<input type= checkbox
8/25/05

59Error in Text
2nd bullet beginning with Inline Elements first line:

Inline elements appear within block-level elements, do not necessarily start a new line, and

Should be:

Inline elements appear within block-level elements, they do not necessarily start a new line, nor
7/18/05

73Error in Code
2nd code line:

<img src= images/interface/1px.gif height= 15 width= 150 />

Should be:

<img src= images/interface/1px.gif height= 15 width= 150 alt= />
7/18/05

74Error in Code Block
Last code block, first line:

<div class= welcomeText >

Should be:

<div id= welcomeText >
7/18/05

76Error in Code Block
2nd code block, 1st line:

<div>

Should be:

<div class= footer >
7/18/05

125Bulleted List
Bullet list at bottom should read:

· border-bottom-style
· border-right-style
· border-top-style
· border-left-style
7/18/05

143Add Line
Please add this to the bottom of the page, after the current last paragraph:

In order to link the XHTML page to the style sheet you will need to add the <link /> element (which was discussed at the beginning of this chapter) inside the <head> element of the document. On the home page the <link /> element will look like this:

<head>
<link rel= stylesheet href= interface.css type= text/css />
</head>
7/18/05

145Error in Code
Last code line:

td#tagline {

Should be:

td#sitedescription
7/18/05

146Error in Code
Last highlighted code line:

img {border-none;}

Should be:

img {border:none;}
7/18/05

147Error in Code
Last code line:

margin:19px;}
Should be:
margin:1px;}
7/18/05

149Error in Code Block
First code block, last line:

border:solid 2px #666666;}
Should be:
border:solid 2px #999999;}
7/18/05

149Error in Code
Last line of code:

div#FeaturedItemsImage {left-margin:25px;}
Should be:
div#FeaturedItemsImage {margin-left:25px;}
7/18/05

180Error in Text
3rd bullet paragraph, last line:

and finally lowest.
Should be:
and finally lowest, inset.
7/18/05

186Error in Code Block
2nd code block, first line:

@import codestyle.css
Should be:
@import codestyle.css ;
7/18/05

234Error in Code Block
First code block, 8th line, beginning of line:

href= customerGifts.html
Should be:
href= customGifts.html
7/18/05

256Error in Heading
Last heading:

Using markup instead than images
Should be:
Using markup instead of images
7/18/05

290Error in Text
1st paragraph, 2nd line, end:

should do you best to
Should be:
should do your best to
7/18/05

294Error in Code Block
Last code block, 2nd line:

race numbers
Should be:
driver names
7/18/05

302Error in Code Block
2nd code block, 2nd line:

<label for= accountName >Account name</a>
Should be:
<label for= accountName >Account name</label>
7/18/05

306Error in Code Block
Code block, 13th line (this is the first of 3 lines that end with id= q35 :

id= q35
Should be:
id= q37
7/18/05

306Error in Code Block
Code block, 15th line (this is the second of 3 lines that end with id= q35

id= q35
Should be:
id= q36
7/18/05