Accessible XHTML and CSS Web sites problem, design, solution

Cover......Page 1
Preface......Page 7
Contents......Page 9
Introduction......Page 19
Introducing the Site......Page 25
Problems with HTML Design......Page 27
Clarifying terminology......Page 28
A Little Background to HTML......Page 29
Browser issues......Page 32
Lessons from the mobile world......Page 33
Accessibility......Page 34
Separating style from content......Page 35
Putting the “X” in XHTML......Page 36
The Story Behind CSS......Page 37
Using Style Sheets......Page 38
Introducing the Sample Site......Page 40
Home page......Page 43
Product list pages......Page 51
Product details page......Page 54
Site structure......Page 58
Updating the site......Page 59
Summary......Page 61
Moving from HTML to XHTML......Page 63
Design......Page 64
Strict XHTML......Page 65
Frameset XHTML......Page 66
An example XHTML document......Page 67
Writing documents using XML syntax......Page 68
Why XML?......Page 77
Differences between Transitional and Strict XHTML 1.0......Page 80
XHTML compliance in authoring tools......Page 86
Validation......Page 87
Solution......Page 91
Home page......Page 92
Product list page......Page 101
Product details page......Page 105
Summary......Page 108
Using CSS to Style Documents......Page 111
How CSS works......Page 112
A closer look at adding CSS rules......Page 118
Selectors......Page 123
Fonts......Page 127
Text properties......Page 134
Text pseudo-elements......Page 140
Understanding the box model......Page 142
The 
 and  elements......Page 145
Box properties......Page 147
Dimensions......Page 154
Color and background......Page 158
The home page......Page 167
The product list pages......Page 177
The product details pages......Page 179
Summary......Page 182
Adding More Style with CSS......Page 183
Pseudo-classes and pseudo-elements......Page 184
Lists......Page 199
Table properties......Page 202
Visibility of elements......Page 206
Multiple style sheets and @import......Page 209
Precedence of rules......Page 211
Validating CSS......Page 212
Improving the look of links......Page 213
Product pages table borders......Page 214
Summary......Page 218
Problem......Page 219
CSS positioning schemes......Page 220
Overlapping layers......Page 236
Common layouts......Page 239
Choices for layout......Page 255
Solution......Page 256
Summary......Page 265
Understanding Accessibility......Page 267
Design......Page 268
Assistive technology......Page 269
Additional accessibility benefits......Page 270
Introducing the guidelines......Page 271
Creating accessible Web pages......Page 273
Solution......Page 303
Checking for dynamic content, color, and contrast issues......Page 304
Adding links to skip repetitive navigation......Page 305
Summary......Page 307
Creating Accessible Tables and Forms and Testing Your Site......Page 309
Design......Page 310
Tables......Page 311
Forms......Page 323
Accessibility issues for deaf people......Page 337
Accessible frames......Page 338
Testing your site for accessibility......Page 341
Product details pages......Page 344
Testing with Bobby......Page 346
Summary......Page 347
Looking to the Future......Page 349
The situation today......Page 350
The new devices......Page 351
Lessons from the mobile world......Page 352
The abstract modules of XHTML......Page 353
XHTML 1.1......Page 354
XHTML Basic......Page 360
Hybrid documents......Page 362
XHTML on different devices......Page 367
Solution......Page 374
Summary......Page 378
Final Example Code......Page 381
Home Page......Page 382
Product List Page......Page 384
Product Details Page......Page 387
CSS Style Sheet......Page 389
XHTML Element Reference......Page 395
Core Attributes......Page 396
 (all)......Page 397
 (all)......Page 398
 Deprecated (all)......Page 399
 (Netscape only — N 3+)......Page 400

 (all)......Page 401
 (all)......Page 402
 (all)......Page 403
 (all)......Page 404
 (IE 4+, N 6+)......Page 405
 (all)......Page 406
 (all)......Page 407
 (all)......Page 408