WEBBAB johanoloflindberg

QA List

A checklist of items to check when launching a website or application. Some items may be optional.

Use as few as possible, so that your page loads faster and costs your users less data.
Use the best format for your image (the one that gives the smallest file size, while retaining image quality): SVGs; JPGs (for photos, images with many colours); PNGs (for images with fewer colours); GIFs (for animations).

Things to do every time we launch a web application.

Check for incorrect punctuation marks, particularly apostrophes, quotation marks and hyphens/dashes
Check headings for where you could potentially use ligatures
Check for widow/orphan terms in important paragraphs

Check your code: Remember to validate your code
Validate that all of your forms are working: Check any automatic emails for spelling mistakes and that it looks good on all email clients. Also, it's a great idea to add a link to social networks on all of your touchpoints.
Check your site on multiple browsers: Firefox, Chrome, Safari and IE or Edge(LOL)
Check your site on mobile: Mobile site checking

Check your keywords: Ensure you have your meta description in place, and that any keywords are suitable for the site
Check your titles: A popular structure for page titles is: Name of my page | websitename

	Meta-Information =============================================================

	Site Name:
	Site URL:
	Client:
	Client Point of Contact:
	Client Services Point of Contact:

	Design Phase =================================================================

	Launchlist
	☐ All text free from spelling errors?
	☐ Content has been placed consistently?
	☐ Page & Content formatting has been tested?
	☐ Print stylesheet exists and tested?
	☐ Meta data has been included and is appropriate?
	☐ Page titles are descriptive and SEO friendly?
	☐ Images have appropriate alt text?
	☐ Title attributes are appropriate and SEO friendly?
	☐ Favicon has been created and displays correctly?

	01. <!DOCTYPE>
	02. lang="…"
	03. <title="…" />
	04. <link rel="…" /* home, next, prev… */
	05. skip to #main-content link
	06. visual check /* color blindness */
	07. NO "javascript:" links
	08. <a href="…" title="…">
	09. accesskey="…" /* samples below */
	10. NO <a href="…" target="_blank">

	<!doctype html>
	<html class="no-js">
	<head>
	<meta charset="utf-8">

	<link rel="dns-prefetch" href="//ajax.googleapis.com">
	<link rel="dns-prefetch" href="//google-analytics.com">
	<link rel="dns-prefetch" href="//use.edgefonts.net">

	<title>Web Designers Checklist : A Visual Designers Checklist for the Web</title>