ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
Make a copy of this checklist (File > Make a copy) to help you work through the changes you need to make to update to GOV.UK Frontend V5.0
2
StatusNotes
3
Breaking changes
4
Update package file paths for SassTo Do
5
Update package file paths for NunjucksNot Relevant
6
Update package file paths for assets such as images and fontsTo Do
7
Update package file paths in Rails Assets Pipeline or SprocketsTo Do
8
Update package file paths if including JavaScript directlyTo Do
9
Update package file paths for Node.js and other bundlersNot Relevant
10
Verify your code does not rely on polyfills we have now removedTo Do
11
Stop Internet Explorer 11 and other older browsers running unsupported JavaScriptDone
12
Update the <script> snippet at the top of your <body> tagDone
13
Update the hash used by your Content Security PolicyNot Relevant
14
Remove calls to component init methods from your JavaScriptDone
15
Remove Internet Explorer 8 stylesheets, settings and mixins
16
Remove references to “Compatibility mode” and related features from your Sass
17
Remove references to font family variables from your Sass
18
Remove references to govuk-button--disabled class from the HTML for the Button component
19
Remove references to the JavaScript for the Details component
20
Update the GOV.UK logo
21
Check your favicons, app icons and OpenGraph image still work
22
Remove the fallback GOV.UK crown logo from the HTML for the Header component
23
Remove references to govuk-header__navigation--no-service-name class from the HTML for the Header component
24
Add the hidden attribute to the mobile menu button in the Header component
25
Update references to govuk-header__link--service-name class from the HTML for the Header component
26
Update references to govuk-!-margin-static and govuk-!-padding-static classes from the HTML
27
Update references to the govuk-warning-text__assistive class from the HTML for the Warning Text component
28
Check your browser console for component initialisation errors
29
Check any JavaScript that uses HTMLElement.getAttribute to get the disabled state of a button works as expected
30
Check that inverse buttons still look as expected if you have customised the brand colour
31
Check any Selects that have options without explicit values work as expected
32
New features
33
Use the Task list component to give users an overview of the tasks they need to complete
34
Use the new focus style for links containing non-text content
35
New link styles are now enabled by default
36
Customise the colours of inverse buttons
37
Precompiled CSS and JavaScript
38
Check your tags align with design changes to the Tag component
39
Recommended changes
40
Remove the X-UA-Compatible meta tag
41
Update the Pagination component’s default aria-label
42
Update the Exit this Page button’s default text
43
Add the rel attribute to the Exit this Page button and secondary link
44
Update titles of the action links inside the Summary Card
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