)
Design and CSS
Target resolution?
Is high color contrast maintained?
Usable with background images off?
No tables, unless device support is guaranteed
No nested tables, no tables for layout
Textual representation of all non text elements (images, media, etc.)
No pixel-based designs, use relative measures like em
CSS for design
No extraneous CSS code
Font agnostic design
Works with CSS off
Uses lists for structure??”ol, ul, dl
Small icons are good, used where needed
Consistent color theme across the site
No wasted vertical space
Uses blocks for page elements
Background color to distinguish different blocks
Unimportant text in gray color
??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ???
Developing Standards-Compliant Sites
[ 92 ]
Images
No images without alt tag
Tested with images turned off
Image size according to device size
Image size specified in XHTML
Image resizing on the server, not at client
No spacer images
No image maps
Navigation and Links
Shortest click-stream possible for each task
No navigation bar in the header
Check: is breadcrumb navigation adding value? Really?
Most important links at the top
Home, Contact, and few more important links in footer
accesskey for important links in the page
No more than 10 links on a page
Clear, action-oriented label on each link
Hide links to unsupported document types
Site search in footer if needed
Google sitemap present
Links are search-engine friendly??”avoid GET parameters via ? and &
Content
Maximum 5 scrolls long
No splash pages
No stub pages without actual content or with links only
Important content at top
Clear and concise language for content
Error messages, in the same language as content
No unrelated content??”check: will the user want it?
Scrolls in one direction only, unless application needs secondary scroll
??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ???
Chapter 5
[ 93 ]
Markup
Is the markup valid?
No redundant markup; must be tidy
Total page size (including markup, images, CSS) less than 20K
XHTML is semantic, e.
Pages:
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132