A web standards checklist
1. Quality of code
- Does the site use a correct Doctype?
http://www.w3.org/QA/2002/04/valid-dtd-list.html - Does the site use a Character set?
http://www.w3.org/International/O-charset.html - Does the site use Valid (X)HTML?
http://validator.w3.org/ - Does the site use Valid CSS?
http://jigsaw.w3.org/css-validator/ - Does the site use any CSS hacks?
- Does the site use unnecessary classes or ids?
- Is the code well structured?
http://www.w3.org/2003/12/semantic-extractor.html - Does the site have any broken links?
http://validator.w3.org/checklink - How does the site perform in terms of speed/page size?
http://www.websiteoptimization.com/services/analyze/ - Does the site have JavaScript errors?
2. Degree of separation between content and presentation
- Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)?
- Are all decorative images in the CSS, or do they appear in the (X)HTML?
3. Accessibility for users
- Are "alt" attributes used for all descriptive images?
- Does the site use relative units rather than absolute units for text size?
- Do any aspects of the layout break if font size is increased?
- Does the site use visible skip menus?
- Does the site use accessible forms?
- Does the site use accessible tables?
- Is there sufficient colour brightness/contrasts?
- Is colour alone used for critical information?
- Is there delayed responsiveness for dropdown menus (for users with reduced motor skills)?
- Are all links descriptive (for blind users)?
4. Accessibility for devices
- Does the site work acceptably across modern and older browsers?
- Is the content accessible with CSS switched off or not supported?
- Is the content accessible with images switched off or not supported?
- Does the site work in text browsers such as Lynx?
- Does the site work well when printed?
- Does the site work well in Hand Held devices?
- Does the site include detailed metadata?
- Does the site work well in a range of browser window sizes?
5. Basic Usability
- Is there a clear visual hierarchy?
- Are heading levels easy to distinguish?
- Does the site have easy to understand navigation?
- Does the site use consistent navigation?
- Are links underlined?
- Does the site use consistent and appropriate language?
- Do you have a sitemap page and contact page? Are they easy to find?
- For large sites, is there a search tool?
- Is there a link to the home page on every page in the site?
- Are visited links clearly defined with a unique colour?
6. Site management
- Does the site have a meaningful and helpful 404 error page that works from any depth in the site?
- Does the site use friendly URLs?
- Do your URLs work without "www"?
- Does the site have a favicon?