Today, the details of this spam website determine everything ..........
The ultimate webdesign usability Checklist
Technical
- Did you validate your (x) HTML using W3C markup validation service?
- Did you validate your CSS using W3C CSS validation service?
- Did you check your website in at least IE, FF, opera and safari?
Images
- Did you add the alt and title attributes to all your important images?
- Did you add the longdesc attributes to all your image that need a description?
- Did you write into tive alt text?
- Did you make the size of your pages less then 50kb?
- Did you choose the appropriate filetype for your images?
- Did you add a description to images that support your content?
- Did you use plain text instead of images for important content?
Content
- Did you use a sans-serif typeface with a decent font size for your body text?
- Did you adjusted the leading and tracking, if necessary, to increase readability?
- Did you align your body text to the left? (Depends on language)
- Did you use EM or percentages instead of PX?
- Did you make sure that there are no whole sentences in uppercase?
- Did you use less then 78 characters, including spaces, per line?
- Did you make brief and precise paragraphs with explanatory titles?
- Did you use lists to sum things up?
- Did you write your conclusion first and then your explanation?
- Did you create enough contrast between the text and the background?
- Did you make your website also accessible for text-only browsers?
- Did you make sure that there are no 'under construction 'pages?
- Did you include a print function on pages with a large amount of text?
- Did you include a print stylesheet?
- Did you replace all special characters with the ISO Latin-1 codes?
- Did you spell check your content and did you proofread for grammar errors ??
Navigation
- Did you make sure that all your links work? W3C link checker does the job.
- Did you include a link to all your main pages on your homepage?
- Did you include your main navigation on every page?
- Did you use no more then 8 items in your main navigation?
- Did you distinguish the active and nonactive page in the menu?
- Did you use self explanatory link text instead of 'click here '?
- Did you use self explanatory link text instead of business terms?
- Did you make a distinction between visited and non-visited links?
- Did you make a distinction between links and plain text?
- Did you add the title attribute to all your links?
- Did you use breadcrumbs if you have a large amount of pages?
- Did you include a search option if you have a large amount of pages?
- Did you make your logo link to your homepage?
- Did you make a skip to content link at the top of your pages?
- Did you make a skip to menu link at the top of your pages?
- Did you make it possible to browse your website using shift-tab and return?
- Did you make sure you didn't use any JavaScript links?
Structure
- Did you make a consistent page structure?
- Did you place your logo at the top left?
- Did you place an explanatory tag line next to your logo?
- Did you place your search box at the top right?
- Did you place important content above the fold/scroll?
- Did you make your design on a grid system?
- Did you make your design fluid using percentages?
- Did you make your website also viewable on low resolutions?
- Did you make custom titles (as in Title Tag) for all your pages?
Forms
- Did you make sure that users don't return to an altered form after an error?
- Did you make a friendly and informative error page?
- Did you make a friendly 'thank you 'page with a confirmation email?
- Did you add only a 'submit 'button and no 'reset' button?
- Did you tell the user what to expect CT after clicking the submit button?
- Did you split long forms up into multiply pages?
- Did you gave the user room to type?
- Did you place an asterisk when a field is compulsatory?
- Did you keep the standard look of input fields that is generated by the browser?
- Did you create a logical order of asking information?
- Did you use double input fields for passwords only?
- Did you let the computer, not the user, handle information formatting?
- Did you make sure that users can fill in the entire form using the tab key?
- Did you explain to the user why you ask certain information?
- Did you explain to the user what you are going to do with that information?
- Did you use realtime validation using Ajax?
- Did you use the label tag?
- Did you place the label above the input field, instead of next to it?
- Did you choose the correct input type for different data?
- Did you make the top input field automatically active using setfocus?
- Did you destinguish the active field from non-active fields using input: Focus?
- Did you use the fieldset and legend entities when appropriate?
- Did you check if your forms also work with JavaScript turned off?
Multimedia
- Did you make sure that essential information/navigation is not made in flash?
- Did you make sure that music and videoclips don't start playing automatically?
- Did you make sure that music and videoclips can be turned off at any time?
- Did you inform the user about the size and length of your music and videoclips?
Extra features
- Did you make a custom 404 page?
- Did you make a site map?
- Did you make a RSS feed? (If you add content regularly)
- Did you make a high contrast version of your website?
- Did you make good looking URL's (like this one )?
- Did you make sure that there are no frames on your website?
- Did you make sure that there are no pop ups on your website?
- Did you make a contact form instead of just an email link?
Any suggestions?
- Add number 88 by giving a comment on this post!