-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
458 lines (357 loc) · 22.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Humaan Website Checklist</title>
<meta name="description" content="The Humaan website checklist" />
<meta name="og:title" content="The Humaan website go live checklist" />
<meta name="og:type" content="website" />
<meta name="og:description" content="Our bulletproof list for website QA before and after go live." />
<meta name="og:url" content="http://humaan.com/checklist" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/print.css" media="print">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
<![endif]-->
<!-- Favicons -->
<link rel="shortcut icon" href="http://humaan.com/wp-content/themes/epic/img/favicon.ico">
<link rel="apple-touch-icon" href="http://humaan.com/wp-content/themes/epic/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://humaan.com/wp-content/themes/epic/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://humaan.com/wp-content/themes/epic/img/apple-touch-icon-114x114.png">
<script src="https://use.typekit.net/iyy0knd.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-22985555-46', 'humaan.com');
ga('send', 'pageview');
</script>
<!-- Made by Humaan http://humaan.com @wearehumaan -->
</head>
<body>
<div class="container">
<header class="main">
<a href="http://humaan.com/" title="Humaan" class="header-logo">Humaan</a>
<h1>Website pre & post launch checklist </h1>
<p>Humaan's QA checklist for launching a website. Feel free to use this for yourself, published under a <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons Sharealike</a> license.</p>
</header>
<div class="checklist">
<section>
<header>Content</header>
<ul>
<li>
<input type="checkbox" name="item_0" id="item_0"><label for="item_0">All text free from spelling errors</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_1" id="item_1"><label for="item_1">Page and content formatting appropriate on all pages</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_2" id="item_2"><label for="item_2">Placeholder text removed</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_3" id="item_3"><label for="item_3">All pages have content</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_99" id="item_99"><label for="item_99">Privacy Policy included (Generate one at <a href="http://getterms.io" target="_blank">getterms.io</a>)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_4" id="item_4"><label for="item_4">Print stylesheet exists and tested</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_6" id="item_6"><label for="item_6">Favicon created and displays correctly (retina included)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_7" id="item_7"><label for="item_7">Device icons created and display correctly</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_8" id="item_8"><label for="item_8">Footer includes copyright statement</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_9" id="item_9"><label for="item_9">404 page exists and informative</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_11" id="item_11"><label for="item_11">Correct author is attributed to pages and posts (as required)</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>SEO & Analytics</header>
<ul>
<li>
<input type="checkbox" name="item_13" id="item_13"><label for="item_13">Page titles are descriptive and SEO friendly</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_14" id="item_14"><label for="item_14">All page titles are unique</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_15" id="item_15"><label for="item_15">Meta data included and appropriate</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_16" id="item_16"><label for="item_16">H1s used for page titles and only one H1 per page</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_17" id="item_17"><label for="item_17">XML sitemap has been generated and added to root of website</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_18" id="item_18"><label for="item_18">robots.txt is generated and added to root of website</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_20" id="item_20"><label for="item_20">301 redirects for existing website are prepared and in place</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_22" id="item_22"><label for="item_22">Website can be accessed by search engines (remove noindex, nofollow for pages)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_77" id="item_77"><label for="item_77">Google Analytics and relevant analytics/tracking tools installed</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Social</header>
<ul>
<li>
<input type="checkbox" name="item_75" id="item_75"><label for="item_75">Open Graph tags included across website and appropriate? (including images where possible)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_76" id="item_76"><label for="item_76">Social accounts integrated, linking to correct URLs and use API for integrations</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Markup</header>
<ul>
<li>
<input type="checkbox" name="item_23" id="item_23"><label for="item_23">HTML has passed validation (or known issues noted)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_24" id="item_24"><label for="item_24">CSS has passed validation (or known issues noted)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_25" id="item_25"><label for="item_25">Bonus: CSS tested on <a href="http://csslint.net/" target="_blank">CSS Lint</a> (to hurt your feelings)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_26" id="item_26"><label for="item_26">Site links have been tested and resolve correctly</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_27" id="item_27"><label for="item_27">JavaScript is error free</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Accessibility</header>
<ul>
<li>
<input type="checkbox" name="item_78" id="item_78"><label for="item_78">Website meets appropriate level of WCAG compliance</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_101" id="item_101"><label for="item_101">ARIA Landmark Roles specified</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_102" id="item_102"><label for="item_102">Semantic headings and structure used</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_103" id="item_103"><label for="item_103">Links are clearly recognisable and have :focus state</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_104" id="item_104"><label for="item_104">Images use appropriate ALT text</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_105" id="item_105"><label for="item_105">Alternatives provided for users with Javascript disabled</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_106" id="item_106"><label for="item_106">Forms have logical layout</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_107" id="item_107"><label for="item_107">Associated label for all form controls</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_108" id="item_108"><label for="item_108">Colour contrast tested</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_28" id="item_28"><label for="item_28">Website accessibility has been checked with Total Validator Pro or <a href="http://wave.webaim.org/" target="_blank">WAVE</a> and issues resolved (exceptions noted)</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Rendering</header>
<ul>
<li>
<input type="checkbox" name="item_30" id="item_30"><label for="item_30">Displays & functions correctly in IE9</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_31" id="item_31"><label for="item_31">Displays & functions correctly in IE10</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_32" id="item_32"><label for="item_32">Displays & functions correctly in IE11</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_33" id="item_33"><label for="item_33">Displays & functions correctly in Firefox (Windows)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_34" id="item_34"><label for="item_34">Displays & functions correctly in Firefox (Mac)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_35" id="item_35"><label for="item_35">Displays & functions correctly in Chrome (Windows)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_36" id="item_36"><label for="item_36">Displays & functions correctly in Chrome (Mac)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_37" id="item_37"><label for="item_37">Displays & functions correctly in Safari (Mac)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_38" id="item_38"><label for="item_38">Displays & functions correctly in Safari (iOS – Mobile)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_39" id="item_39"><label for="item_39">Displays & functions correctly in Safari (iOS – iPad)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_123" id="item_123"><label for="item_123">Displays & functions correctly in Chrome (iOS – Mobile)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_124" id="item_124"><label for="item_124">Displays & functions correctly in Chrome (iOS – iPad)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_40" id="item_40"><label for="item_40">Displays & functions correctly in Chrome (Android – Mobile)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_41" id="item_41"><label for="item_41">Displays & functions correctly in Chrome (Android – Tablet)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_42" id="item_42"><label for="item_42">Displays & functions correctly in stock browser (Android)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_125" id="item_125"><label for="item_125">Displays & functions correctly in Microsoft Edge</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_44" id="item_44"><label for="item_44">Displays & functions correctly on large resolutions</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Functionality</header>
<ul>
<li>
<input type="checkbox" name="item_45" id="item_45"><label for="item_45">Forms have been tested and processed correctly</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_46" id="item_46"><label for="item_46">Required fields have been tested</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_79" id="item_79"><label for="item_79">Review input validation (min/max lengths, character limits)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_47" id="item_47"><label for="item_47">Forms send to the correct recipient</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_48" id="item_48"><label for="item_48">Forms have confirmation URL or event tracking so submissions can be tracked</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_80" id="item_80"><label for="item_80">Forms process correctly with JavaScript disabled
</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_50" id="item_50"><label for="item_50">Website search and search results function correctly</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Optimisation</header>
<ul>
<li>
<input type="checkbox" name="item_51" id="item_51"><label for="item_51">Images have been optimised</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_53" id="item_53"><label for="item_53">CSS is minified and combined</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_55" id="item_55"><label for="item_55">JavaScript is minified and combined (as much as possible)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_57" id="item_57"><label for="item_57">Enable gzip compression</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_81" id="item_81"><label for="item_81">Ensure only necessary fonts, weights and character sets are installed</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_58" id="item_58"><label for="item_58">Run <a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank">Google speed test</a> and optimise accordingly (record score and known issues)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_59" id="item_59"><label for="item_59">Run <a href="http://www.webpagetest.org/" target="_blank">Web page test</a> and optimise accordingly (record results)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_82" id="item_82"><label for="item_82">Incorporate CDN / Caching as required</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Security</header>
<ul>
<li>
<input type="checkbox" name="item_60" id="item_60"><label for="item_60">Secure areas are locked down and not accessible by search engines</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_61" id="item_61"><label for="item_61">Default CMS login URL is changed</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_62" id="item_62"><label for="item_62">Default CMS username is changed</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_83" id="item_83"><label for="item_83">SSL Certificate is requested</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
<section>
<header>Post Launch</header>
<ul>
<li>
<input type="checkbox" name="item_64" id="item_64"><label for="item_64">Ensure site is visible to search engines</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_66" id="item_66"><label for="item_66">SSL certificates successfully installed</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_67" id="item_67"><label for="item_67">Images, media and links reference live URL</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_68" id="item_68"><label for="item_68">Webfonts integrated and working correctly on live site</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_69" id="item_69"><label for="item_69">Webfonts set to production (as required)</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_70" id="item_70"><label for="item_70">301 redirects are in place and working correctly</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_71" id="item_71"><label for="item_71">Website URL has been <a href="https://www.google.com/webmasters/tools/submit-url?pli=1" target="_blank">submitted</a> to Google</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_72" id="item_72"><label for="item_72">Generate a new sitemap.xml and upload to root</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_73" id="item_73"><label for="item_73">Site added to Google Webmaster tools and sitemap submitted</label><span class="input"><span class="check"></span></span>
</li>
<li>
<input type="checkbox" name="item_74" id="item_74"><label for="item_74">Analytics has been setup and integrated into website</label><span class="input"><span class="check"></span></span>
</li>
</ul>
</section>
</div><!--checklist-->
<footer>
<p>Hey, you made it! Best of luck with your site launch :)</p>
</footer>
</div><!--container -->
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
<script src="js/snap.svg-min.js" type="text/javascript"></script>
<script src="js/logo.min.js" type="text/javascript"></script>
</body>
</html>