The huge checklist: 341 tests to make your site perfect!
Hi all,
It’s sometimes difficult to know if a site is good or not. You paid a web designer to create a website but you have no idea if he did a good job or not? You are a web designer yourself, and you want to make sure you didn’t forget anything to make a great website? Whoever you are, this huge checklist is for you. It features 341 tests to make sure your site is perfect!
Web Standards
- Does the site use a correct Doctype?
- Does the site use a Character set?
- Does the site use Valid – strict – (X)HTML?
- Does the site use Valid CSS?
- Does the site have any JavaScript error?
- Does the site have a separate CSS Print sheet ?
- If your site has a RSS feed, is it valid?
- What is the degree of separation between markup and CSS?
- Does the site use CSS hacks?
- Does your site use some kind of CSS reset?
- Does the site use deprecated markup?
- Does the site use unnecessary classes or ids?
- Does the site use unnecessary <div> and <span> containers?
- Do the classes and ids have semantic value?
- Is the code well structured and commented?
- Are all decorative images in CSS and not in markup?
- Does the site use browser-specific tags like or IE page transitions?
- Does the site use <hr> bars?
- Does the site use nested or full-page tables?
- Has the site been hand-coded or created with a WYSIWYG editor?
Usability
- Is the purpose of the site clear within a few seconds without reading much or no text copy at all ?
- What is the single most important thing you want a visitor to do? Is that clear from looking at your site?
- Is the home page simple and effective?
- Does the site use a splash screen?
- Is your home page doing you any favors or is it merely an “Enter Site” gateway?
- Does the site make users register before they can enter?
- Does the site follow the « Z »-shaped reading pattern?
- Is there a clear visual hierarchy?
- Is important information quickly available?
- Does the important content fit above the fold, without scrolling?
- Is the site organized with a consistent structure?
- Does the site require horizontal scrolling?
- Does the site use colors to convey meaning?
- Is there a logo on the top left of every page ?
- Does the logo link to the home page?
- Is there a link to the home page on every page in the site?
- Is there a search form at the top-right of every page, like that provided by Google Custom Search Engine, to make it easy for visitors to find what they seek?
- If no – and if the site is big – can visitors easily search for what they want?
- Does the site provide clear instructions on how to fill out the forms?
- Do the forms have inline confirmation?
- Do the forms mix up checkboxes and radio buttons?
- Are the site’s error messages helpful?
- Does the site have an “About” page? Is it easy to find?
- Does the “About” page identifies the author of the content and credits the source for content that was not written by the site owner himself ?
- Does the site have a “Contact” page? Is it easy to find?
- Is your contact information readily available on every page – or at least from every page?
- Does the site provide multiple contact methods?
- Does the site have a (X)HTML sitemap page? Is it easy to find?
- Does the site have a meaningful and helpful 404 error page?
- Does the site provide a FAQ? Is it easy to find?
- Does the FAQ answer real questions?
- Does the site have a footer? Is it readable?
- Does the footer provide at least copyright and contact information?
- Does the site have a favicon?
- Does the site have an RSS Feed?
- If so, does the site provide a small RSS icon in the browser’s address bar?
- Are the site’s URLs meaningful & user-friendly?
- Are (X)HTML page titles explanatory & user-friendly?
- Is main navigation easily identifiable ?
- Are navigation labels are clear and concise ?
- Is the site’s navigation consistent?
- Is the site’s navigation above the fold?
- Does the site clearly shows where the user is, and where he is going to?
- What is the maximum number of clicks it takes to reach a page within the depths of the site?
- How many clicks does it take for a visitor to give you money / do what you expect him to?
- Is there at least 1 call to action on every page, no dead ends ?
- Does the site breaks the browser’s back button?
- Are links easy to identify?
- Are links style consistent?
- Are links labeled with anchor text that provides a clear indication of where they lead?
- Does the site have links of more than 10 words?
- Are links underlined?
- Are visited links clearly defined?
- Are special links clearly identified with well-know icons?
- Are the site symbols and icons logical?
- Do clickable items stylistically indicate that they are clickable?
- Does the site have dead/broken links?
- Is a response given immediately (0.1 seconds) after a click is made on a hyperlink?
- How easy is it for a visitor to leave a comment or write a review?
- Does the site automatically play a music file in the background when a page loads?
- Does the site automatically load movies when a page loads?
- Are download times for audio or video files indicated?
- Does your site have banner ads? If so, are they annoying?
- Does the site block right-click mouse button?
- Does the site use « Under Construction » graphics?
Accessibility
- Do you need to download anything on your computer to even see the site?
- Does the site force visitors to install weird plugins?
- Is the site Flash-based?
- Is content structurally separate from navigational elements?
- Does the site display what software was used to create it?
- Do all image have “alt” tags?
- Are « alt » attributes used for all descriptive images?
- Are “alt” tags empty on all other images?
- Does the site use graphics for text for more than just the logo?
- Are text-based alternatives in place to convey essential information if this is featured within images or multimedia files?
- Are Flash & Add-ons used very sparingly?
- Are captions provided for each audio or video file used?
- Does the site use white or off-white background color?
- Does the site use black or dark text?
- Is the text-to-background contrast sufficient to make reading easy on the eyes?
- Are fonts size & spacing big enough to make texts easy to read?
- 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?
- Can text be resized through the browser or do CSS settings restrict size alteration?
- If the site uses a splash screen, is a text-based alternative also available?
- If navigation feature is provided in a Java/JavaScript/Flash, is a text-based alternative also available?
- Is every page accessible at least via a single plain (X)HTML Link (no JavaScript or Flash Link)?
- Is the site load-time reasonable?
- Is there delayed responsiveness for dropdown menus?
- Does the site use accessible forms?
- Does the site use accessible tables?
- Does the site use <ul>, <ol> and <li> for lists and navigation?
- Is color alone used for critical information?
- Is color alone used to show that links are links?
- Is the site working fine in grayscale?
- Are the color choices visually accessible? (For example high enough in contrast to assist the colorblind and visually impaired in reading the site appropriately)
- Is the content accessible with CSS switched off or not supported?
- Is the content accessible with images switched off or not supported?
- Is content accessible on a computer without Flash?
- Is content accessible on a computer without JavaScript?
- Does the site work in text browsers such as Lynx?
- Does the site work well in Hand Held devices?
- How does your site look on a mobile device? An iPhone? Blackberry?
- How does your site look in every Grade A web browser?
- Is the website cross-browser compatible?
- Does the site work well in a range of browser window sizes?
- Does the site have pop-up windows?
- Does the site use frames?
Typography
- Are heading levels easy to distinguish?
- Are major headings clear & descriptive?
- Do the site’s headings use ligatures when possible?
- Do all the important pages (e.g. content items) print correctly?
- Is main body of text constrained between 72 and 110 characters per line?
- Is text broken into small, readable chunks to assist in skimming?
- Does typography follow a regular rhythm for line height?
- Does the site have enough white space between chunks of text?
- Are the text sizes consistent?
- Are the text colors consistent?
- Are text styles consistent?
- Does the site use a lot of words in all-caps?
- Is there a lot of text in bold and/or italic?
- Do the site use centered text on more than just headlines?
- Do the site use justified text?
- Do the text use underlined text on more than just links?
- Does the site have moving text in the status bar?
- Does the site use blinking or moving text?
- Are the font faces appropriate for the targeted audience?
- Are the fonts easily readable on various screen resolutions?
- Does the site use more than 2 font-faces on a page?
- Does the site use efficient, ordered, font stacks in CSS?
- Does the font stack work well for computers with common fonts only?
Writing & Content
- Has the content been proofread?
- Is there any spelling or grammar mistakes?
- Is there incorrect punctuation marks, quotation marks and hyphens/dashes?
- Is there any remaining test content on the site?
- Is there a « welcome to… » on the home page?
- Is your home page too wordy?
- Is the site copy written for the customer, not for you?
- Does the copywriting style suit the website’s purpose and ’speak’ to its target audience?
- Does the content style consistently reflect the editorial or brand voice?
- Does the content use the most appropriate techniques to influence or engage customers?
- Does the copy’s tone adjust appropriately to the context—for example, sales versus customer service?
- Is the site copy specially written for the web and not print media?
- Does the content read, look, or sound as though it’s professionally crafted?
- Is the site copy written at readability level consistent with the user’s knowledge level?
- Are your messages clear? (Instead of saying « click here, » let your visitors « contact the company, » or « locate a store. »)
- Is information easy to find?
- Is the website copy succinct but informative?
- Do you repeat the vital points often enough?
- Is some of the site’s content offensive or politically incorrect?
- Is the content full of jargon or unexplained acronyms?
- Is there any widow/orphan terms in important paragraphs?
- Does the content contain factual errors?
- Within articles, there should be links to more detailed explanations of subjects, or definitions of jargon terms. Are you doing that?
- Is the site’s content divided into logical categories and subcategories?
- Is the content easy to scan or read?
- Is the content in a usable format, including headings, bulleted lists, tables, white space, or similar techniques, as appropriate to the content?
- Do images, video, and audio meet technical standards, so they are clear?
- Is your style/vocabulary consistent?
- Are tenses/grammar choices consistent?
- Does the site use consistent abbreviations?
- Does the site’s copy have recurring/common phrases (e.g. ‘More about X’ links)?
- Does the site’s copy have variations in words (e.g. Websites vs Web Sites, or UK vs US spelling)?
- Are all the bulleted lists consistent (e.g. periods or commas at end of each item)?
- Is the site’s content regularly updated?
- Is the site’s content dated?
- The date of the last revision and/or copyright date is accurate
- For how long will the content be useful? Has its usefulness already expired?
- Does the site have up to date calendar information?
- Does the content meet user needs, goals, and interests?
- Does the content meet business goals?
- Does the site answer the readers/customers questions?
- Does the content follow search engine optimization (SEO) guidelines – such as keywords density – without sacrificing quality in other areas?
- Can customers find the content when searching using relevant keywords?
Design & Identity
- If the site is based on a template, has its design been customized?
- Is the site’s design aesthetically appealing?
- Does your site look professional, or does it look like a teenager’s MySpace page?
- Is the site’s design unique, and not a copy of another site?
- Are the colors used harmonious and logically related?
- Is the design audience appropriate?
- Is the whole site’s design consistent?
- Does each graphic used serve a clear purpose?
- Design elements are put where visitors expect them
- Is white space used effectively?
- Is the logo prominently placed and above the fold?
- Does the logo look professionally made?
- Does the site have a tagline that makes its purpose clear?
- Are the site’s header, logo and navigation area consistent?
- Does the site use a trailing cursor?
- Does the site use clip arts and/or animated GIFs?
- Is there any unnecessary design element?
- Does your competitor have a slicker site? (All other things being equal, users will gravitate to the site with more visual appeal)
- Does the site use beveled and/or embossed images?
- Does the site use images with heavy shadows?
- Does the site use background graphics that repeat themselves and are not tiles?
- Does the site have a hit counter, or a visit counter?
- Does the site graphics look like ads?
SEO
- Do page titles have relevant keywords in them?
- Does each page have its own meta tags?
- Does each page have its own meta description?
- Are metas for Robot and Keywords set up properly?
- Does the site have a Robots.txt file? If so, is it configured properly?
- Does the site’s URL work with consistent « www »?
- Is your site ranking highly in search engines for relevant keywords?
- Is there enough websites linking to your site? How many backlinks does the site have?
- How old is your site’s domain?
- Does the site’s domain name have important keywords in it?
- Is the site visible on many social websites such as Digg, Stumble Upon, Delicious, etc.?
- What’s the site PageRank?
- Is the content marked-up semantically (<h1>, <h2>, etc.)?
- Is your main keywords density between 2% and 5%?
- Do your “title” tags have your site’s main keywords?
- Do your “alt” tags have your site’s main keywords?
- Do your links anchor text have your site’s main keywords?
- Does the site have a XML sitemap available?
- Does the site have a (X)HTML sitemap available?
- Is there a link to both XML and (X)HTML sitemaps in the site’s footer?
- Has the (X)HTML sitemap been submitted to Google (and Yahoo)?
- Has the site been submitted to the main search engines?
- Has the site been submitted to CSS galleries?
- Has the site been submitted to the best directories?
- Are Google tools (Webmaster & Analytics) set up for the site?
- Does every page have at least some text in the content?
- Is every individual page only accessible via a single URL or are several URLs available (and worse, used) to access the same page?
- Does the site avoid duplicate content issues?
Marketing
- Does the site provide clear instructions on how to buy its products?
- Does the site make users register before they can start the buying process?
- Are you asking for too much information?
- Does the index page entice a visitor deeper into the site or shopping cart?
- Does the site link out to your other web presences (social network profiles, Twitter account, YouTube page, Flickr photostream)?
- Have your site’s articles been submitted to Digg, Stumbleupon, Stumble Upon, etc.
- Does the website contain elements designed to encourage future or viral visitation (i.e. a contest, newsletter, tell-a-friend feature, downloadable toolbar, RSS feed or similar)?
- Are you commenting on blogs and building relationships with other site-owners in your niche?
- Is your branding consistent between your site, your printed material, your storefront, and you as a person?
- Is the site’s domain name good?
- Can you tell someone how to get to your site without having to spell anything?
- Has PPC/Google Adwords been set up where necessary?
- Is the formatting of site results in SERPs good?
- Does the site feature testimonials and/or reviews?
- Is your products/services availability obvious?
- Are your product reviews heavily moderated?
- Is the site secure? Does the site explain to the user why it is secure?
- Does the site “contact” page have your real address, phone number and contact form or email available?
- Does the site have a “terms of use” page available where you specify what you do and why and what visitors have to agree on if they want to use your site?
- Does the site have a “privacy policy” page (especially if you collect data, email, names, and web analytics tracking cookies)?
- Does the site have a landing page? For each product?
- Does the site have an “encore” page to offer more products once the user has executed the desired task?
- Is it extremely easy to use and buy from the site?
- Have many landing pages been tested so that you know what works best?
- Does the site always offer confirmation to make users aware their actions were successful?
- Does the site always offer enough calls to action?
- Is there links to irrelevant information on your landing page?
- Is the price of your products/services easy to find?
- Do your product pages have many photos, enough information?
- Are all your product pages consistent?
- Is it easy to continue shopping after putting a product in the shopping cart?
- Is the shopping cart called “shopping cart“ and doesn’t use any fancy name like “shopping bag“?
- Is the shopping cart easy to edit?
- Does the site provide many billing options?
- Is your site taking advantage of up-sells, cross-sells and add-ons?
Testing & Stats
- Has all bespoke/complex functionality been checked?
- Has search functionality (including relevance of results) been tested?
- Have cross-browser and cross-platform display been tested?
- Have common screen resolutions been tested?
- Have all forms, including anti-spam features, been tested?
- Have emails, and emails responses, been tested?
- Have all links (internal and external) been tested so that they are valid and active?
- Have all scripts been tested so that they are free from errors?
- Is the website free from server side errors?
- Have the site’s stats been analyzed (visitors, bouncing rate, etc.) so that you know how what works and what doesn’t?
- Has the display of the RSS feed been tested?
- Has print functionality been tested?
- Is the site back-end working fine, without any error?
- Does the site have a log page? Is it easy to analyze?
- Has the site been reviewed by a team of UX testers, and been modified according to their feedback?
Optimization
- Are all the site’s images optimized and compressed?
- Are all the site’s images in the right format?
- Does the site use thumbnails that link to larger images?
- Has proper caching been implemented?
- Are all the components compressed with gzip protocol?
- Are as many JavaScript scripts as possible placed at the bottom of the page?
- Does the site have duplicate scripts?
- Is the site pages size/download time as small as possible?
- Are static files (JavaScript/HTML/CSS) minified/compressed?
- Are comment removed from HTML and CSS files?
- Are the CSS files fully optimised?
- Are HTTP request kept to a minimum?
- Is the database indexing optimised?
- Do you monitor and respond to feedback? From the site itself? From social medias?
- Do you use Google Analytics/Webmaster tools to optimize the site as much as possible?
- Do you use any other tools to monitor the site success (Yahoo! Site Explorer, Feedburner, etc.)?
- Do you use any other tools to monitor users activity (like ClickHeat for example)?
- Does the site use a content-delivery network?
- Does the site use expire headers to specify how long the content can be cached?
- How long does it take your site to load at your mother’s house?
- Is your site “fine for the moment” or is it flexible enough to be fine for the next 5 years?
- Can the site run without you?
- How long would it take to turn your entire site dark green with white text?
- Is there a slash at the end of the site’s links?
- Does the site avoid redirects when possible?
Security
- Has backup schedule been configured? Recovery from backup tested?
- Is the entire site backed up at the moment? In multiple physical locations?
- Is all important information (client account, ftp account, etc.)backed up at the moment? In multiple physical locations?
- Are sensitive pages (e.g. administration area) protected from users?
- Are sensitive pages protected from search engine indexing with robots.txt?
- Are private directories password protected via .htaccess?
- Are public non-document directories (cgi-bin, images, etc) index able or are blank index.html pages or appropriate permission settings in place to block access?
- Have security/penetration test been performed?
- Can you fin any obvious security flaws?
- Has verbose error reporting been turned off?
- How resilient are forms to special characters?
- Is customer data stored online? If so, is this database appropriately safeguarded against external access?
- Are the email addresses protected from SPAM / robot harvesting?
- Is it clear what content is protected by Copyright and what is free to take and re-use?
- Are remote URLs for file handling functions disabled?
- Is register global feature off?
- Is what PHP can read and write restricted?
- Is PHP safe mode correctly set up?
- Is PHP configuration properly set up?
- Is access to sensitive file type protected?
- Are error messages correctly handled?
- Is PHP presence hidden?
What now?
I’m sure this checklist will help you make your site perfect! But it’s impossible to test everything… so, did I miss something important? What else would you test?
Samuel Petit | 0