Review and fix HTML attribute trailing spaces etc #4416
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
📋 StatsFile sizes
Modules
View stats and visualisations on the review app Action run for d863a55 |
colinrotherham
force-pushed
the
attributes-trim
branch
from
dbb51d5
to
c7d8776
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
36degrees
reviewed
Nov 6, 2023
| @@ -41,14 +41,14 @@ treat it as an interactive element - without this it will be | |||
| {%- if element == 'a' %} | |||
| <a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}> | |||
| {{ params.html | safe if params.html else params.text }} | |||
| {# Indentation is intentional to output HTML nicely #} | |||
| {#- Indentation is intentional to output HTML nicely #} | |||
There was a problem hiding this comment.
This results in there no longer being a line break between the button text and the SVG.
Before
<a href="/" role="button" draggable="false" class="govuk-button govuk-button--start" data-module="govuk-button">
Start now link button
<svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z" />
</svg></a>After
<a href="/" role="button" draggable="false" class="govuk-button govuk-button--start" data-module="govuk-button">
Start now link button <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z" />
</svg></a>I think it'd be worth trying to fix (and ideally getting the closing </a> on a line of its own).
There was a problem hiding this comment.
I think this same change is also responsible for the closing button or a tag no longer being on a new line when iconHtml is empty:
Before
<button type="submit" class="govuk-button" data-module="govuk-button">
Save and continue
</button>After
<button type="submit" class="govuk-button" data-module="govuk-button">
Save and continue</button>There was a problem hiding this comment.
Nicely spotted
Looks like the trailing -}} on iconHtml was compensating for the extra comment space already
If we keep my change but made this edit (just pushed) I think we're good?
{#- Indentation is intentional to output HTML nicely #}
- {{- iconHtml | safe | trim | indent(2, true) if iconHtml -}}
+ {{- iconHtml | safe | trim | indent(2, true) if iconHtml }}There was a problem hiding this comment.
That's fixed the second issue but not the first – we've still lost the line break between the button text and the SVG:
<button type="submit" class="govuk-button govuk-button--start" data-module="govuk-button">
Start now button <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
<path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z" />
</svg>
</button>There was a problem hiding this comment.
Yeah, too true. Also hadn't realised we remove the </svg> line break currently as well:
</svg></button>Must be special handling of {% set example %} blocks so I'll take another look
There was a problem hiding this comment.
I made the mistake of turning off the Review app's js-beautify HTML formatting
I'll fix Button in my next push but take a look at Radios/Checkboxes output when you can:
<div class="govuk-form-group">
<div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
British
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="irish">
<label class="govuk-label govuk-checkboxes__label" for="nationality-2">
Irish
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="other">
<label class="govuk-label govuk-checkboxes__label" for="nationality-3">
Citizen of another country
</label>
</div>
</div>
</div>There was a problem hiding this comment.
Pagination is another good one
Other than wrapping changes to fix trailing spaces, I'll leave things like this for another PR
<nav class="govuk-pagination" role="navigation" aria-label="Pagination"><div class="govuk-pagination__prev">
<a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
<svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
<path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
</svg>
<span class="govuk-pagination__link-title">Previous<span class="govuk-visually-hidden"> page</span></span></a>
</div>
<ul class="govuk-pagination__list"><li class="govuk-pagination__item">
<a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
1
</a>
</li><li class="govuk-pagination__item govuk-pagination__item--current">
<a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2" aria-current="page">
2
</a>
</li><li class="govuk-pagination__item">
<a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
3
</a>
</li></ul><div class="govuk-pagination__next">
<a class="govuk-link govuk-pagination__link" href="/next" rel="next"> <span class="govuk-pagination__link-title">Next<span class="govuk-visually-hidden"> page</span></span> <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
<path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
</svg></a>
</div></nav>There was a problem hiding this comment.
Yeah, TBH I hadn't realised how bad it'd got in places. This might be a battle we've already lost, but I think if we can address the couple of specific things I spotted now we can revisit this later and decide how much we want to care about this…?
There was a problem hiding this comment.
@36degrees This PR is ready for review again now
Didn't take too long to manually fix them all but these changes are now in:
packages/govuk-frontend/src/govuk/components/textarea/template.njk
Outdated
Show resolved
Hide resolved
colinrotherham
force-pushed
the
attributes-trim
branch
from
c7d8776
to
a55f8bc
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
colinrotherham
force-pushed
the
attributes-trim
branch
from
a55f8bc
to
b105840
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
colinrotherham
force-pushed
the
attributes-trim
branch
from
b105840
to
9901e4a
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
colinrotherham
force-pushed
the
attributes-trim
branch
from
9901e4a
to
945ba04
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
colinrotherham
changed the title
colinrotherham
force-pushed
the
attributes-trim
branch
from
945ba04
to
b14eb6f
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
|
Here's a diff of the HTML changes for all examples diff --git a/html/character-count-attributes.html b/html/character-count-attributes.html
index 1d8b69a..17642d7 100644
--- a/html/character-count-attributes.html
+++ b/html/character-count-attributes.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="with-attributes">
With attributes
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="with-attributes" name="with-attributes" rows="5" aria-describedby="with-attributes-info" data-attribute="my data value"></textarea>
</div>
-
+
<div id="with-attributes-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-classes.html b/html/character-count-classes.html
index 83120d1..8a62d6c 100644
--- a/html/character-count-classes.html
+++ b/html/character-count-classes.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="with-classes">
With classes
</label>
<textarea class="govuk-textarea govuk-js-character-count app-character-count--custom-modifier" id="with-classes" name="with-classes" rows="5" aria-describedby="with-classes-info"></textarea>
</div>
-
+
<div id="with-classes-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-custom-classes-on-countmessage.html b/html/character-count-custom-classes-on-countmessage.html
index 14deee6..f93eb48 100644
--- a/html/character-count-custom-classes-on-countmessage.html
+++ b/html/character-count-custom-classes-on-countmessage.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="with-custom-countmessage-class">
With custom countMessage class
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="with-custom-countmessage-class" name="with-custom-countmessage-class" rows="5" aria-describedby="with-custom-countmessage-class-info"></textarea>
</div>
-
+
<div id="with-custom-countmessage-class-info" class="govuk-hint govuk-character-count__message app-custom-count-message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-custom-classes-with-error-message.html b/html/character-count-custom-classes-with-error-message.html
index 0bd1877..063c0ef 100644
--- a/html/character-count-custom-classes-with-error-message.html
+++ b/html/character-count-custom-classes-with-error-message.html
@@ -1,6 +1,4 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group govuk-form-group--error">
<label class="govuk-label" for="with-custom-error-class">
With custom error class
@@ -10,7 +8,7 @@
</p>
<textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count app-character-count--custom-modifier" id="with-custom-error-class" name="with-custom-error-class" rows="5" aria-describedby="with-custom-error-class-info with-custom-error-class-error"></textarea>
</div>
-
+
<div id="with-custom-error-class-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-default.html b/html/character-count-default.html
index a1222e2..1881a65 100644
--- a/html/character-count-default.html
+++ b/html/character-count-default.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="more-detail">
Can you provide more detail?
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-info"></textarea>
</div>
-
+
<div id="more-detail-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-formgroup-with-classes.html b/html/character-count-formgroup-with-classes.html
index 2914836..f1c5d42 100644
--- a/html/character-count-formgroup-with-classes.html
+++ b/html/character-count-formgroup-with-classes.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group app-character-count--custom-modifier">
<label class="govuk-label" for="with-formgroup">
With formgroup
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="with-formgroup" name="with-formgroup" rows="5" aria-describedby="with-formgroup-info"></textarea>
</div>
-
+
<div id="with-formgroup-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-spellcheck-disabled.html b/html/character-count-spellcheck-disabled.html
index e36b141..59ee9e4 100644
--- a/html/character-count-spellcheck-disabled.html
+++ b/html/character-count-spellcheck-disabled.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="without-spellcheck">
Without spellcheck
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="without-spellcheck" name="without-spellcheck" rows="5" spellcheck="false" aria-describedby="without-spellcheck-info"></textarea>
</div>
-
+
<div id="without-spellcheck-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-spellcheck-enabled.html b/html/character-count-spellcheck-enabled.html
index e7e1440..9ce5cbe 100644
--- a/html/character-count-spellcheck-enabled.html
+++ b/html/character-count-spellcheck-enabled.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="with-spellcheck">
With spellcheck
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="with-spellcheck" name="with-spellcheck" rows="5" spellcheck="true" aria-describedby="with-spellcheck-info"></textarea>
</div>
-
+
<div id="with-spellcheck-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-to-configure-in-javascript.html b/html/character-count-to-configure-in-javascript.html
index 4050c20..8c057d1 100644
--- a/html/character-count-to-configure-in-javascript.html
+++ b/html/character-count-to-configure-in-javascript.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" >
+<div class="govuk-character-count" data-module="govuk-character-count">
<div class="govuk-form-group">
<label class="govuk-label" for="to-configure-in-javascript">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="to-configure-in-javascript" name="address" rows="5" aria-describedby="to-configure-in-javascript-info"></textarea>
</div>
-
+
<div id="to-configure-in-javascript-info" class="govuk-hint govuk-character-count__message">
</div>
diff --git a/html/character-count-when-neither-maxlength-nor-maxwords-are-set.html b/html/character-count-when-neither-maxlength-nor-maxwords-are-set.html
index ecf172b..0ae50aa 100644
--- a/html/character-count-when-neither-maxlength-nor-maxwords-are-set.html
+++ b/html/character-count-when-neither-maxlength-nor-maxwords-are-set.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-i18n.textarea-description.other="No more than %{count} characters">
+<div class="govuk-character-count" data-module="govuk-character-count" data-i18n.textarea-description.other="No more than %{count} characters">
<div class="govuk-form-group">
<label class="govuk-label" for="no-maximum">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="no-maximum" name="no-maximum" rows="5" aria-describedby="no-maximum-info"></textarea>
</div>
-
+
<div id="no-maximum-info" class="govuk-hint govuk-character-count__message">
</div>
diff --git a/html/character-count-when-neither-maxlengthmaxwords-nor-textarea-description-are-set.html b/html/character-count-when-neither-maxlengthmaxwords-nor-textarea-description-are-set.html
index 0336ca0..0979b2e 100644
--- a/html/character-count-when-neither-maxlengthmaxwords-nor-textarea-description-are-set.html
+++ b/html/character-count-when-neither-maxlengthmaxwords-nor-textarea-description-are-set.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" >
+<div class="govuk-character-count" data-module="govuk-character-count">
<div class="govuk-form-group">
<label class="govuk-label" for="no-maximum">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="no-maximum" name="no-maximum" rows="5" aria-describedby="no-maximum-info"></textarea>
</div>
-
+
<div id="no-maximum-info" class="govuk-hint govuk-character-count__message">
</div>
diff --git a/html/character-count-with-custom-rows.html b/html/character-count-with-custom-rows.html
index fda49f0..0486ac7 100644
--- a/html/character-count-with-custom-rows.html
+++ b/html/character-count-with-custom-rows.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="custom-rows">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="custom-rows" name="custom" rows="8" aria-describedby="custom-rows-info"></textarea>
</div>
-
+
<div id="custom-rows-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-custom-textarea-description.html b/html/character-count-with-custom-textarea-description.html
index 7f7ad96..0f8fb36 100644
--- a/html/character-count-with-custom-textarea-description.html
+++ b/html/character-count-with-custom-textarea-description.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="custom-textarea-description">
Can you provide more detail?
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="custom-textarea-description" name="custom-textarea-description" rows="5" aria-describedby="custom-textarea-description-info"></textarea>
</div>
-
+
<div id="custom-textarea-description-info" class="govuk-hint govuk-character-count__message">
Gallwch ddefnyddio hyd at 10 nod
</div>
diff --git a/html/character-count-with-default-value-exceeding-limit.html b/html/character-count-with-default-value-exceeding-limit.html
index f8f8561..8a04042 100644
--- a/html/character-count-with-default-value-exceeding-limit.html
+++ b/html/character-count-with-default-value-exceeding-limit.html
@@ -1,6 +1,4 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group govuk-form-group--error">
<label class="govuk-label" for="exceeding-characters">
Full address
@@ -13,7 +11,7 @@ London
NW1 6XE
</textarea>
</div>
-
+
<div id="exceeding-characters-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-default-value.html b/html/character-count-with-default-value.html
index c991b04..69633e4 100644
--- a/html/character-count-with-default-value.html
+++ b/html/character-count-with-default-value.html
@@ -1,6 +1,4 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="100" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="100">
<div class="govuk-form-group">
<label class="govuk-label" for="with-default-value">
Full address
@@ -10,7 +8,7 @@ London
NW1 6XE
</textarea>
</div>
-
+
<div id="with-default-value-info" class="govuk-hint govuk-character-count__message">
You can enter up to 100 characters
</div>
diff --git a/html/character-count-with-hint.html b/html/character-count-with-hint.html
index ef31075..cc624fd 100644
--- a/html/character-count-with-hint.html
+++ b/html/character-count-with-hint.html
@@ -1,6 +1,4 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="with-hint">
Can you provide more detail?
@@ -10,7 +8,7 @@
</div>
<textarea class="govuk-textarea govuk-js-character-count" id="with-hint" name="with-hint" rows="5" aria-describedby="with-hint-info with-hint-hint"></textarea>
</div>
-
+
<div id="with-hint-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-id-starting-with-number.html b/html/character-count-with-id-starting-with-number.html
index e6f6c87..7fd8229 100644
--- a/html/character-count-with-id-starting-with-number.html
+++ b/html/character-count-with-id-starting-with-number.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="1_more-detail">
Can you provide more detail?
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="1_more-detail" name="more-detail" rows="5" aria-describedby="1_more-detail-info"></textarea>
</div>
-
+
<div id="1_more-detail-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-id-with-special-characters.html b/html/character-count-with-id-with-special-characters.html
index 12facae..7bbdc8d 100644
--- a/html/character-count-with-id-with-special-characters.html
+++ b/html/character-count-with-id-with-special-characters.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="user1.profile[address]">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="user1.profile[address]" name="address" rows="5" aria-describedby="user1.profile[address]-info"></textarea>
</div>
-
+
<div id="user1.profile[address]-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-label-as-page-heading.html b/html/character-count-with-label-as-page-heading.html
index bcaa6d5..fff31fc 100644
--- a/html/character-count-with-label-as-page-heading.html
+++ b/html/character-count-with-label-as-page-heading.html
@@ -1,6 +1,4 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<h1 class="govuk-label-wrapper"><label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
Full address
@@ -8,7 +6,7 @@
</h1>
<textarea class="govuk-textarea govuk-js-character-count" id="textarea-with-page-heading" name="address" rows="5" aria-describedby="textarea-with-page-heading-info"></textarea>
</div>
-
+
<div id="textarea-with-page-heading-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-textarea-maxlength-attribute.html b/html/character-count-with-textarea-maxlength-attribute.html
index 6383719..bb56c1a 100644
--- a/html/character-count-with-textarea-maxlength-attribute.html
+++ b/html/character-count-with-textarea-maxlength-attribute.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<div class="govuk-form-group">
<label class="govuk-label" for="maxlength-should-be-removed">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="maxlength-should-be-removed" name="address" rows="5" aria-describedby="maxlength-should-be-removed-info" maxlength="10"></textarea>
</div>
-
+
<div id="maxlength-should-be-removed-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-threshold.html b/html/character-count-with-threshold.html
index e243403..5021606 100644
--- a/html/character-count-with-threshold.html
+++ b/html/character-count-with-threshold.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-threshold="75" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-threshold="75">
<div class="govuk-form-group">
<label class="govuk-label" for="with-threshold">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="with-threshold" name="with-threshold" rows="5" aria-describedby="with-threshold-info"></textarea>
</div>
-
+
<div id="with-threshold-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-translations.html b/html/character-count-with-translations.html
index 7bf71f1..9fc8f6a 100644
--- a/html/character-count-with-translations.html
+++ b/html/character-count-with-translations.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-i18n.characters-under-limit.other="%{count} characters to go" data-i18n.characters-under-limit.one="One character to go" data-i18n.characters-at-limit="Zero characters left" data-i18n.characters-over-limit.other="%{count} characters too many" data-i18n.characters-over-limit.one="One character too many" data-i18n.words-under-limit.other="%{count} words to go" data-i18n.words-under-limit.one="One word to go" data-i18n.words-at-limit="Zero words left" data-i18n.words-over-limit.other="%{count} words too many" data-i18n.words-over-limit.one="One word too many">
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-i18n.characters-under-limit.other="%{count} characters to go" data-i18n.characters-under-limit.one="One character to go" data-i18n.characters-at-limit="Zero characters left" data-i18n.characters-over-limit.other="%{count} characters too many" data-i18n.characters-over-limit.one="One character too many" data-i18n.words-under-limit.other="%{count} words to go" data-i18n.words-under-limit.one="One word to go" data-i18n.words-at-limit="Zero words left" data-i18n.words-over-limit.other="%{count} words too many" data-i18n.words-over-limit.one="One word too many">
<div class="govuk-form-group">
<label class="govuk-label" for="with-translations">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="with-translations" name="with-translations" rows="5" aria-describedby="with-translations-info"></textarea>
</div>
-
+
<div id="with-translations-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
diff --git a/html/character-count-with-word-count.html b/html/character-count-with-word-count.html
index f0fd13c..e4e78da 100644
--- a/html/character-count-with-word-count.html
+++ b/html/character-count-with-word-count.html
@@ -1,13 +1,11 @@
-
-
-<div class="govuk-character-count" data-module="govuk-character-count" data-maxwords="10" >
+<div class="govuk-character-count" data-module="govuk-character-count" data-maxwords="10">
<div class="govuk-form-group">
<label class="govuk-label" for="word-count">
Full address
</label>
<textarea class="govuk-textarea govuk-js-character-count" id="word-count" name="word-count" rows="5" aria-describedby="word-count-info"></textarea>
</div>
-
+
<div id="word-count-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 words
</div>
diff --git a/html/checkboxes-attributes.html b/html/checkboxes-attributes.html
index df1cdfc..d03943b 100644
--- a/html/checkboxes-attributes.html
+++ b/html/checkboxes-attributes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-attribute="value" data-second-attribute="second-value" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-attribute="value" data-second-attribute="second-value" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="1">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-classes.html b/html/checkboxes-classes.html
index db2c8ad..d2c79e7 100644
--- a/html/checkboxes-classes.html
+++ b/html/checkboxes-classes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes app-checkboxes--custom-modifier" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes app-checkboxes--custom-modifier" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="1">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-default.html b/html/checkboxes-default.html
index 5ffac80..dc8ebcf 100644
--- a/html/checkboxes-default.html
+++ b/html/checkboxes-default.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-empty-conditional.html b/html/checkboxes-empty-conditional.html
index dd3e7b5..7aa93d2 100644
--- a/html/checkboxes-empty-conditional.html
+++ b/html/checkboxes-empty-conditional.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-conditional" name="example-conditional" type="checkbox" value="foo">
<label class="govuk-label govuk-checkboxes__label" for="example-conditional">
diff --git a/html/checkboxes-fieldset-html-params.html b/html/checkboxes-fieldset-html-params.html
index 1593138..e24b8c2 100644
--- a/html/checkboxes-fieldset-html-params.html
+++ b/html/checkboxes-fieldset-html-params.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
What is your <b>nationality</b>?
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-fieldset-params.html b/html/checkboxes-fieldset-params.html
index 9af1630..ad43fa2 100644
--- a/html/checkboxes-fieldset-params.html
+++ b/html/checkboxes-fieldset-params.html
@@ -6,7 +6,7 @@
<p id="example-name-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-item-checked-overrides-values.html b/html/checkboxes-item-checked-overrides-values.html
index 4289e72..0dee06b 100644
--- a/html/checkboxes-item-checked-overrides-values.html
+++ b/html/checkboxes-item-checked-overrides-values.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="colors" name="colors" type="checkbox" value="red" checked>
<label class="govuk-label govuk-checkboxes__label" for="colors">
diff --git a/html/checkboxes-items-with-attributes.html b/html/checkboxes-items-with-attributes.html
index 54331b3..dc61deb 100644
--- a/html/checkboxes-items-with-attributes.html
+++ b/html/checkboxes-items-with-attributes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="1" data-attribute="ABC" data-second-attribute="DEF">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-label-with-attributes.html b/html/checkboxes-label-with-attributes.html
index 76cf682..0324d58 100644
--- a/html/checkboxes-label-with-attributes.html
+++ b/html/checkboxes-label-with-attributes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="1">
<label class="govuk-label govuk-checkboxes__label" data-attribute="value" data-second-attribute="second-value" for="example-name">
diff --git a/html/checkboxes-multiple-hints.html b/html/checkboxes-multiple-hints.html
index eb9c2fb..7fc4b07 100644
--- a/html/checkboxes-multiple-hints.html
+++ b/html/checkboxes-multiple-hints.html
@@ -2,7 +2,7 @@
<div id="example-multiple-hints-hint" class="govuk-hint">
If you have dual nationality, select all options that are relevant to you.
</div>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-multiple-hints" name="example-multiple-hints" type="checkbox" value="british" aria-describedby="example-multiple-hints-hint example-multiple-hints-item-hint">
<label class="govuk-label govuk-checkboxes__label" for="example-multiple-hints">
diff --git a/html/checkboxes-small-with-conditional-reveal.html b/html/checkboxes-small-with-conditional-reveal.html
index 79acc3f..6b8dd10 100644
--- a/html/checkboxes-small-with-conditional-reveal.html
+++ b/html/checkboxes-small-with-conditional-reveal.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="how-contacted" name="how-contacted" type="checkbox" value="a" data-aria-controls="conditional-how-contacted">
<label class="govuk-label govuk-checkboxes__label" for="how-contacted">
diff --git a/html/checkboxes-small-with-disabled.html b/html/checkboxes-small-with-disabled.html
index 371078f..b7500a5 100644
--- a/html/checkboxes-small-with-disabled.html
+++ b/html/checkboxes-small-with-disabled.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Filter by
</legend>
- <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-small-with-error.html b/html/checkboxes-small-with-error.html
index 23c10e6..bef667b 100644
--- a/html/checkboxes-small-with-error.html
+++ b/html/checkboxes-small-with-error.html
@@ -6,7 +6,7 @@
<p id="nationality-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Select a thing
</p>
- <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-small-with-hint.html b/html/checkboxes-small-with-hint.html
index da1e6f1..fabe32d 100644
--- a/html/checkboxes-small-with-hint.html
+++ b/html/checkboxes-small-with-hint.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Filter by
</legend>
- <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a" aria-describedby="nationality-item-hint">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-small-with-long-text.html b/html/checkboxes-small-with-long-text.html
index 50e26f4..7df9659 100644
--- a/html/checkboxes-small-with-long-text.html
+++ b/html/checkboxes-small-with-long-text.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Filter by
</legend>
- <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="nullam">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-small.html b/html/checkboxes-small.html
index 859f4ae..cb419e1 100644
--- a/html/checkboxes-small.html
+++ b/html/checkboxes-small.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Filter by
</legend>
- <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-with-a-medium-legend.html b/html/checkboxes-with-a-medium-legend.html
index 5ea616a..4427678 100644
--- a/html/checkboxes-with-a-medium-legend.html
+++ b/html/checkboxes-with-a-medium-legend.html
@@ -9,7 +9,7 @@
<p id="waste-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Select which types of waste you transport regularly
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal">
<label class="govuk-label govuk-checkboxes__label" for="waste">
diff --git a/html/checkboxes-with-checked-item.html b/html/checkboxes-with-checked-item.html
index b7b2646..eac3a2b 100644
--- a/html/checkboxes-with-checked-item.html
+++ b/html/checkboxes-with-checked-item.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="1">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-with-conditional-item-checked.html b/html/checkboxes-with-conditional-item-checked.html
index 467c7cb..a313848 100644
--- a/html/checkboxes-with-conditional-item-checked.html
+++ b/html/checkboxes-with-conditional-item-checked.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" checked data-aria-controls="conditional-how-contacted-checked">
<label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
diff --git a/html/checkboxes-with-conditional-items-with-special-characters.html b/html/checkboxes-with-conditional-items-with-special-characters.html
index c3c9bea..fafd3dc 100644
--- a/html/checkboxes-with-conditional-items-with-special-characters.html
+++ b/html/checkboxes-with-conditional-items-with-special-characters.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="user.profile[contact-prefs]" name="contact-prefs" type="checkbox" value="email" data-aria-controls="conditional-user.profile[contact-prefs]">
<label class="govuk-label govuk-checkboxes__label" for="user.profile[contact-prefs]">
diff --git a/html/checkboxes-with-conditional-items.html b/html/checkboxes-with-conditional-items.html
index 97700e6..e908273 100644
--- a/html/checkboxes-with-conditional-items.html
+++ b/html/checkboxes-with-conditional-items.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="how-contacted" name="with-conditional-items" type="checkbox" value="email" data-aria-controls="conditional-how-contacted">
<label class="govuk-label govuk-checkboxes__label" for="how-contacted">
diff --git a/html/checkboxes-with-disabled-item.html b/html/checkboxes-with-disabled-item.html
index df1c1b0..a99a308 100644
--- a/html/checkboxes-with-disabled-item.html
+++ b/html/checkboxes-with-disabled-item.html
@@ -5,7 +5,7 @@
How do you want to sign in?
</h1>
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="government-gateway" name="gateway" type="checkbox" value="gov-gateway" aria-describedby="government-gateway-item-hint">
<label class="govuk-label govuk-checkboxes__label" for="government-gateway">
diff --git a/html/checkboxes-with-divider-and-none.html b/html/checkboxes-with-divider-and-none.html
index d11fdf9..d616ebe 100644
--- a/html/checkboxes-with-divider-and-none.html
+++ b/html/checkboxes-with-divider-and-none.html
@@ -5,7 +5,7 @@
Which types of waste do you transport regularly?
</h1>
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="with-divider-and-none" name="with-divider-and-none" type="checkbox" value="animal">
<label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none">
diff --git a/html/checkboxes-with-divider-none-and-conditional-items.html b/html/checkboxes-with-divider-none-and-conditional-items.html
index 1e29545..bc66f51 100644
--- a/html/checkboxes-with-divider-none-and-conditional-items.html
+++ b/html/checkboxes-with-divider-none-and-conditional-items.html
@@ -5,7 +5,7 @@
Do you have any access needs?
</h1>
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items" name="with-divider-and-none-and-conditional-items" type="checkbox" value="accessible-toilets">
<label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items">
diff --git a/html/checkboxes-with-error-and-idprefix.html b/html/checkboxes-with-error-and-idprefix.html
index 81640d7..ed9f9b0 100644
--- a/html/checkboxes-with-error-and-idprefix.html
+++ b/html/checkboxes-with-error-and-idprefix.html
@@ -2,7 +2,7 @@
<p id="id-prefix-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="id-prefix" name="name-of-checkboxes" type="checkbox" value="animal" aria-describedby="id-prefix-error">
<label class="govuk-label govuk-checkboxes__label" for="id-prefix">
diff --git a/html/checkboxes-with-error-hint-and-fieldset-describedby.html b/html/checkboxes-with-error-hint-and-fieldset-describedby.html
index 7addae6..76d278e 100644
--- a/html/checkboxes-with-error-hint-and-fieldset-describedby.html
+++ b/html/checkboxes-with-error-hint-and-fieldset-describedby.html
@@ -9,7 +9,7 @@
<p id="example-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example" name="example" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="example">
diff --git a/html/checkboxes-with-error-message-and-fieldset-describedby.html b/html/checkboxes-with-error-message-and-fieldset-describedby.html
index be26352..9c90a3c 100644
--- a/html/checkboxes-with-error-message-and-fieldset-describedby.html
+++ b/html/checkboxes-with-error-message-and-fieldset-describedby.html
@@ -6,7 +6,7 @@
<p id="example-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example" name="example" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="example">
diff --git a/html/checkboxes-with-error-message-and-hint.html b/html/checkboxes-with-error-message-and-hint.html
index 876af31..ed1edbd 100644
--- a/html/checkboxes-with-error-message-and-hint.html
+++ b/html/checkboxes-with-error-message-and-hint.html
@@ -9,7 +9,7 @@
<p id="example-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example" name="example" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="example">
diff --git a/html/checkboxes-with-error-message-and-hints-on-items.html b/html/checkboxes-with-error-message-and-hints-on-items.html
index a5ba79f..409098a 100644
--- a/html/checkboxes-with-error-message-and-hints-on-items.html
+++ b/html/checkboxes-with-error-message-and-hints-on-items.html
@@ -6,7 +6,7 @@
<p id="waste-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal" aria-describedby="waste-item-hint">
<label class="govuk-label govuk-checkboxes__label" for="waste">
diff --git a/html/checkboxes-with-error-message.html b/html/checkboxes-with-error-message.html
index dc1b9e3..196b58e 100644
--- a/html/checkboxes-with-error-message.html
+++ b/html/checkboxes-with-error-message.html
@@ -6,7 +6,7 @@
<p id="waste-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal">
<label class="govuk-label govuk-checkboxes__label" for="waste">
diff --git a/html/checkboxes-with-falsey-values.html b/html/checkboxes-with-falsey-values.html
index 91a3725..e1c4ce1 100644
--- a/html/checkboxes-with-falsey-values.html
+++ b/html/checkboxes-with-falsey-values.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="1">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-with-fieldset-and-error-message.html b/html/checkboxes-with-fieldset-and-error-message.html
index 7f9e377..189f1fe 100644
--- a/html/checkboxes-with-fieldset-and-error-message.html
+++ b/html/checkboxes-with-fieldset-and-error-message.html
@@ -6,7 +6,7 @@
<p id="nationality-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please accept the terms and conditions
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-with-fieldset-describedby.html b/html/checkboxes-with-fieldset-describedby.html
index 13464b3..eca7169 100644
--- a/html/checkboxes-with-fieldset-describedby.html
+++ b/html/checkboxes-with-fieldset-describedby.html
@@ -6,7 +6,7 @@
<div id="example-name-hint" class="govuk-hint">
If you have dual nationality, select all options that are relevant to you.
</div>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-name" name="example-name" type="checkbox" value="1">
<label class="govuk-label govuk-checkboxes__label" for="example-name">
diff --git a/html/checkboxes-with-hints-on-items.html b/html/checkboxes-with-hints-on-items.html
index 333fc7f..2dcaec7 100644
--- a/html/checkboxes-with-hints-on-items.html
+++ b/html/checkboxes-with-hints-on-items.html
@@ -5,7 +5,7 @@
How do you want to sign in?
</h1>
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="government-gateway" name="gateway" type="checkbox" value="gov-gateway" aria-describedby="government-gateway-item-hint">
<label class="govuk-label govuk-checkboxes__label" for="government-gateway">
diff --git a/html/checkboxes-with-id-and-name.html b/html/checkboxes-with-id-and-name.html
index b6fce0f..c2eea89 100644
--- a/html/checkboxes-with-id-and-name.html
+++ b/html/checkboxes-with-id-and-name.html
@@ -6,7 +6,7 @@
<div id="with-id-and-name-hint" class="govuk-hint">
If you have dual nationality, select all options that are relevant to you.
</div>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="item_british" name="british" type="checkbox" value="yes">
<label class="govuk-label govuk-checkboxes__label" for="item_british">
diff --git a/html/checkboxes-with-idprefix.html b/html/checkboxes-with-idprefix.html
index a229a42..4699555 100644
--- a/html/checkboxes-with-idprefix.html
+++ b/html/checkboxes-with-idprefix.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="example-name" type="checkbox" value="1">
<label class="govuk-label govuk-checkboxes__label" for="nationality">
diff --git a/html/checkboxes-with-label-classes.html b/html/checkboxes-with-label-classes.html
index ef366d4..5eee7cb 100644
--- a/html/checkboxes-with-label-classes.html
+++ b/html/checkboxes-with-label-classes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="example-label-classes" name="example-label-classes" type="checkbox" value="yes">
<label class="govuk-label govuk-checkboxes__label bold" for="example-label-classes">
diff --git a/html/checkboxes-with-legend-as-a-page-heading.html b/html/checkboxes-with-legend-as-a-page-heading.html
index 9d00301..7150398 100644
--- a/html/checkboxes-with-legend-as-a-page-heading.html
+++ b/html/checkboxes-with-legend-as-a-page-heading.html
@@ -8,7 +8,7 @@
<div id="waste-hint" class="govuk-hint">
Select all that apply
</div>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal">
<label class="govuk-label govuk-checkboxes__label" for="waste">
diff --git a/html/checkboxes-with-optional-form-group-classes-showing-group-error.html b/html/checkboxes-with-optional-form-group-classes-showing-group-error.html
index d83e9fb..22a12eb 100644
--- a/html/checkboxes-with-optional-form-group-classes-showing-group-error.html
+++ b/html/checkboxes-with-optional-form-group-classes-showing-group-error.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" data-aria-controls="conditional-how-contacted-checked">
<label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
diff --git a/html/checkboxes-with-pre-checked-values.html b/html/checkboxes-with-pre-checked-values.html
index bcb0b66..76cafda 100644
--- a/html/checkboxes-with-pre-checked-values.html
+++ b/html/checkboxes-with-pre-checked-values.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british" checked>
<label class="govuk-label govuk-checkboxes__label" for="nationality">
@@ -23,7 +23,7 @@
<label class="govuk-label" for="other-country">
Country
</label>
-<input class="govuk-input" id="other-country" name="other-country" type="text" value="Ravka">
+ <input class="govuk-input" id="other-country" name="other-country" type="text" value="Ravka">
</div>
</div>
diff --git a/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input-and-describedby.html b/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input-and-describedby.html
index 47675fc..e2072b0 100644
--- a/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input-and-describedby.html
+++ b/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input-and-describedby.html
@@ -2,7 +2,7 @@
<p id="t-and-c-with-hint-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please accept the terms and conditions
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="t-and-c-with-hint" name="t-and-c-with-hint" type="checkbox" value="yes" aria-describedby="content t-and-c-with-hint-error t-and-c-with-hint-item-hint">
<label class="govuk-label govuk-checkboxes__label" for="t-and-c-with-hint">
diff --git a/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input.html b/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input.html
index b699b43..200dbd4 100644
--- a/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input.html
+++ b/html/checkboxes-with-single-option-and-hint-set-aria-describedby-on-input.html
@@ -2,7 +2,7 @@
<p id="t-and-c-with-hint-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please accept the terms and conditions
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="t-and-c-with-hint" name="t-and-c-with-hint" type="checkbox" value="yes" aria-describedby="t-and-c-with-hint-error t-and-c-with-hint-item-hint">
<label class="govuk-label govuk-checkboxes__label" for="t-and-c-with-hint">
diff --git a/html/checkboxes-with-single-option-set-aria-describedby-on-input-and-describedby.html b/html/checkboxes-with-single-option-set-aria-describedby-on-input-and-describedby.html
index 3d9925e..e6e7c5a 100644
--- a/html/checkboxes-with-single-option-set-aria-describedby-on-input-and-describedby.html
+++ b/html/checkboxes-with-single-option-set-aria-describedby-on-input-and-describedby.html
@@ -2,7 +2,7 @@
<p id="t-and-c-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please accept the terms and conditions
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="t-and-c" name="t-and-c" type="checkbox" value="yes" aria-describedby="content t-and-c-error">
<label class="govuk-label govuk-checkboxes__label" for="t-and-c">
diff --git a/html/checkboxes-with-single-option-set-aria-describedby-on-input.html b/html/checkboxes-with-single-option-set-aria-describedby-on-input.html
index a1e4574..6b3400c 100644
--- a/html/checkboxes-with-single-option-set-aria-describedby-on-input.html
+++ b/html/checkboxes-with-single-option-set-aria-describedby-on-input.html
@@ -2,7 +2,7 @@
<p id="t-and-c-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please accept the terms and conditions
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="t-and-c" name="t-and-c" type="checkbox" value="yes" aria-describedby="t-and-c-error">
<label class="govuk-label govuk-checkboxes__label" for="t-and-c">
diff --git a/html/checkboxes-with-very-long-option-text.html b/html/checkboxes-with-very-long-option-text.html
index a555833..5444524 100644
--- a/html/checkboxes-with-very-long-option-text.html
+++ b/html/checkboxes-with-very-long-option-text.html
@@ -9,7 +9,7 @@
<p id="waste-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="nullam">
<label class="govuk-label govuk-checkboxes__label" for="waste">
diff --git a/html/checkboxes-without-fieldset.html b/html/checkboxes-without-fieldset.html
index aa89600..1d97153 100644
--- a/html/checkboxes-without-fieldset.html
+++ b/html/checkboxes-without-fieldset.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+ <div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="colours" name="colours" type="checkbox" value="red">
<label class="govuk-label govuk-checkboxes__label" for="colours">
diff --git a/html/cookie-banner-accepted-confirmation-banner.html b/html/cookie-banner-accepted-confirmation-banner.html
index 510ad79..8445875 100644
--- a/html/cookie-banner-accepted-confirmation-banner.html
+++ b/html/cookie-banner-accepted-confirmation-banner.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-attributes.html b/html/cookie-banner-attributes.html
index 9415a67..96be8f9 100644
--- a/html/cookie-banner-attributes.html
+++ b/html/cookie-banner-attributes.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container" data-attribute="my-value">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container" data-attribute="my-value">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-button-attributes.html b/html/cookie-banner-button-attributes.html
index 6e7456b..bf9150e 100644
--- a/html/cookie-banner-button-attributes.html
+++ b/html/cookie-banner-button-attributes.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-button-classes.html b/html/cookie-banner-button-classes.html
index 706ecdb..9647e89 100644
--- a/html/cookie-banner-button-classes.html
+++ b/html/cookie-banner-button-classes.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-classes.html b/html/cookie-banner-classes.html
index ebe5935..9675f7a 100644
--- a/html/cookie-banner-classes.html
+++ b/html/cookie-banner-classes.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container app-my-class">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message app-my-class govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-client-side-implementation.html b/html/cookie-banner-client-side-implementation.html
index a88922b..97c7edc 100644
--- a/html/cookie-banner-client-side-implementation.html
+++ b/html/cookie-banner-client-side-implementation.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-custom-aria-label.html b/html/cookie-banner-custom-aria-label.html
index 3b532ad..90a8ea2 100644
--- a/html/cookie-banner-custom-aria-label.html
+++ b/html/cookie-banner-custom-aria-label.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookies on GOV.UK">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookies on GOV.UK"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-default-action.html b/html/cookie-banner-default-action.html
index 65145b5..2220f20 100644
--- a/html/cookie-banner-default-action.html
+++ b/html/cookie-banner-default-action.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-default.html b/html/cookie-banner-default.html
index ed76005..8231558 100644
--- a/html/cookie-banner-default.html
+++ b/html/cookie-banner-default.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-full-banner-hidden.html b/html/cookie-banner-full-banner-hidden.html
index ea502dc..45adb83 100644
--- a/html/cookie-banner-full-banner-hidden.html
+++ b/html/cookie-banner-full-banner-hidden.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner hide-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner" hidden data-hide-cookie-banner="true">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner hide-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner" hidden data-hide-cookie-banner="true"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-heading-html-as-text.html b/html/cookie-banner-heading-html-as-text.html
index af05ca1..fa0f6b4 100644
--- a/html/cookie-banner-heading-html-as-text.html
+++ b/html/cookie-banner-heading-html-as-text.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-heading-html.html b/html/cookie-banner-heading-html.html
index 38b93ff..f72ed48 100644
--- a/html/cookie-banner-heading-html.html
+++ b/html/cookie-banner-heading-html.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-hidden-false.html b/html/cookie-banner-hidden-false.html
index 4610764..6adcfe8 100644
--- a/html/cookie-banner-hidden-false.html
+++ b/html/cookie-banner-hidden-false.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-hidden.html b/html/cookie-banner-hidden.html
index 2d74fb8..cb63141 100644
--- a/html/cookie-banner-hidden.html
+++ b/html/cookie-banner-hidden.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container" hidden>
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container" hidden>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-html.html b/html/cookie-banner-html.html
index a6d785a..ca85dd6 100644
--- a/html/cookie-banner-html.html
+++ b/html/cookie-banner-html.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-link-as-a-button.html b/html/cookie-banner-link-as-a-button.html
index 8e1238b..92d2613 100644
--- a/html/cookie-banner-link-as-a-button.html
+++ b/html/cookie-banner-link-as-a-button.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-link-attributes.html b/html/cookie-banner-link-attributes.html
index 4300e9f..1845451 100644
--- a/html/cookie-banner-link-attributes.html
+++ b/html/cookie-banner-link-attributes.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-link-classes.html b/html/cookie-banner-link-classes.html
index 477c07b..3a4a54b 100644
--- a/html/cookie-banner-link-classes.html
+++ b/html/cookie-banner-link-classes.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-link-with-false-button-options.html b/html/cookie-banner-link-with-false-button-options.html
index 0ff164f..cbd613d 100644
--- a/html/cookie-banner-link-with-false-button-options.html
+++ b/html/cookie-banner-link-with-false-button-options.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-link.html b/html/cookie-banner-link.html
index 0ff164f..cbd613d 100644
--- a/html/cookie-banner-link.html
+++ b/html/cookie-banner-link.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-rejected-confirmation-banner.html b/html/cookie-banner-rejected-confirmation-banner.html
index dd8ba76..3a411ca 100644
--- a/html/cookie-banner-rejected-confirmation-banner.html
+++ b/html/cookie-banner-rejected-confirmation-banner.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-type.html b/html/cookie-banner-type.html
index 2eef3e3..114a1d9 100644
--- a/html/cookie-banner-type.html
+++ b/html/cookie-banner-type.html
@@ -1,5 +1,4 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
diff --git a/html/cookie-banner-with-html.html b/html/cookie-banner-with-html.html
index bb47b8d..dc1eb85 100644
--- a/html/cookie-banner-with-html.html
+++ b/html/cookie-banner-with-html.html
@@ -1,11 +1,12 @@
-<div class="govuk-cookie-banner " data-nosnippet role="region" aria-label="Cookie banner">
- <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner"> <div class="govuk-cookie-banner__message govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on <span>my service</span></h2>
- <div class="govuk-cookie-banner__content"><p class="govuk-body">We use cookies in <span>our service</span>.</p><p class="govuk-body">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p></div>
+ <div class="govuk-cookie-banner__content"><p class="govuk-body">We use cookies in <span>our service</span>.</p>
+<p class="govuk-body">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>
+</div>
</div>
</div>
diff --git a/html/error-summary-attributes.html b/html/error-summary-attributes.html
index 8dce68c..23191c1 100644
--- a/html/error-summary-attributes.html
+++ b/html/error-summary-attributes.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" first-attribute="foo" second-attribute="bar" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-autofocus-disabled.html b/html/error-summary-autofocus-disabled.html
index 517914e..46b6ffe 100644
--- a/html/error-summary-autofocus-disabled.html
+++ b/html/error-summary-autofocus-disabled.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-disable-auto-focus="true" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-autofocus-explicitly-enabled.html b/html/error-summary-autofocus-explicitly-enabled.html
index b3c1e04..6f10788 100644
--- a/html/error-summary-autofocus-explicitly-enabled.html
+++ b/html/error-summary-autofocus-explicitly-enabled.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-disable-auto-focus="false" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-classes.html b/html/error-summary-classes.html
index 19f736d..8db49e1 100644
--- a/html/error-summary-classes.html
+++ b/html/error-summary-classes.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary extra-class one-more-class" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-default.html b/html/error-summary-default.html
index 95e3a7d..e7c2c2e 100644
--- a/html/error-summary-default.html
+++ b/html/error-summary-default.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-description-html.html b/html/error-summary-description-html.html
index bca13dd..56a94f9 100644
--- a/html/error-summary-description-html.html
+++ b/html/error-summary-description-html.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-description.html b/html/error-summary-description.html
index fc2f3b8..2faee38 100644
--- a/html/error-summary-description.html
+++ b/html/error-summary-description.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-error-list-with-attributes.html b/html/error-summary-error-list-with-attributes.html
index 5589a5f..d606f11 100644
--- a/html/error-summary-error-list-with-attributes.html
+++ b/html/error-summary-error-list-with-attributes.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-error-list-with-html-as-text-link.html b/html/error-summary-error-list-with-html-as-text-link.html
index 55875dc..165c0ba 100644
--- a/html/error-summary-error-list-with-html-as-text-link.html
+++ b/html/error-summary-error-list-with-html-as-text-link.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-error-list-with-html-as-text.html b/html/error-summary-error-list-with-html-as-text.html
index 654b256..0b8505d 100644
--- a/html/error-summary-error-list-with-html-as-text.html
+++ b/html/error-summary-error-list-with-html-as-text.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-error-list-with-html-link.html b/html/error-summary-error-list-with-html-link.html
index c6e7f6b..691443b 100644
--- a/html/error-summary-error-list-with-html-link.html
+++ b/html/error-summary-error-list-with-html-link.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-error-list-with-html.html b/html/error-summary-error-list-with-html.html
index e7f6a58..beec9dd 100644
--- a/html/error-summary-error-list-with-html.html
+++ b/html/error-summary-error-list-with-html.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-html-as-descriptiontext.html b/html/error-summary-html-as-descriptiontext.html
index 40f9269..29a3f38 100644
--- a/html/error-summary-html-as-descriptiontext.html
+++ b/html/error-summary-html-as-descriptiontext.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-html-as-titletext.html b/html/error-summary-html-as-titletext.html
index 5ea3b73..91566aa 100644
--- a/html/error-summary-html-as-titletext.html
+++ b/html/error-summary-html-as-titletext.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
Alert, <em>alert</em>
diff --git a/html/error-summary-mixed-with-and-without-links.html b/html/error-summary-mixed-with-and-without-links.html
index f4e6e45..1666107 100644
--- a/html/error-summary-mixed-with-and-without-links.html
+++ b/html/error-summary-mixed-with-and-without-links.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-title-html.html b/html/error-summary-title-html.html
index 0545da3..95c00f1 100644
--- a/html/error-summary-title-html.html
+++ b/html/error-summary-title-html.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
Alert, <em>alert</em>
diff --git a/html/error-summary-with-everything.html b/html/error-summary-with-everything.html
index 1e579c5..56e6b58 100644
--- a/html/error-summary-with-everything.html
+++ b/html/error-summary-with-everything.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/error-summary-without-links.html b/html/error-summary-without-links.html
index 2d22c43..de71049 100644
--- a/html/error-summary-without-links.html
+++ b/html/error-summary-without-links.html
@@ -1,5 +1,4 @@
<div class="govuk-error-summary" data-module="govuk-error-summary">
-
<div role="alert">
<h2 class="govuk-error-summary__title">
There is a problem
diff --git a/html/exit-this-page-default.html b/html/exit-this-page-default.html
index 4ffb9d3..aad9170 100644
--- a/html/exit-this-page-default.html
+++ b/html/exit-this-page-default.html
@@ -1,4 +1,3 @@
-<div class="govuk-exit-this-page" data-module="govuk-exit-this-page">
-<a href="/full-page-examples/announcements" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
+<div class="govuk-exit-this-page" data-module="govuk-exit-this-page"><a href="/full-page-examples/announcements" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
<span class="govuk-visually-hidden">Emergency</span> Exit this page
</a></div>
diff --git a/html/exit-this-page-testing-html.html b/html/exit-this-page-testing-html.html
index cca2164..c5ae8fe 100644
--- a/html/exit-this-page-testing-html.html
+++ b/html/exit-this-page-testing-html.html
@@ -1,4 +1,3 @@
-<div class="govuk-exit-this-page" data-module="govuk-exit-this-page">
-<a href="https://www.bbc.co.uk/weather" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
+<div class="govuk-exit-this-page" data-module="govuk-exit-this-page"><a href="https://www.bbc.co.uk/weather" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
Exit <em>this</em> test
</a></div>
diff --git a/html/exit-this-page-testing.html b/html/exit-this-page-testing.html
index ad87b67..71d7936 100644
--- a/html/exit-this-page-testing.html
+++ b/html/exit-this-page-testing.html
@@ -1,4 +1,3 @@
-<div id="test-id" class="govuk-exit-this-page test-class" data-module="govuk-exit-this-page" test-attribute="true">
-<a href="https://www.test.co.uk" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
+<div id="test-id" class="govuk-exit-this-page test-class" data-module="govuk-exit-this-page" test-attribute="true"><a href="https://www.test.co.uk" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
Exit this test
</a></div>
diff --git a/html/exit-this-page-translated.html b/html/exit-this-page-translated.html
index 47829c0..3b2cb6c 100644
--- a/html/exit-this-page-translated.html
+++ b/html/exit-this-page-translated.html
@@ -1,4 +1,3 @@
-<div class="govuk-exit-this-page" data-module="govuk-exit-this-page" data-i18n.activated="Tudalen ymadael" data-i18n.timed-out="Wedi'i amseru" data-i18n.press-two-more-times="Pwyswch 'Shift' 2 gwaith arall" data-i18n.press-one-more-time="Pwyswch 'Shift' 1 mwy o amser">
-<a href="https://www.bbc.co.uk/weather" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
+<div class="govuk-exit-this-page" data-module="govuk-exit-this-page" data-i18n.activated="Tudalen ymadael" data-i18n.timed-out="Wedi'i amseru" data-i18n.press-two-more-times="Pwyswch 'Shift' 2 gwaith arall" data-i18n.press-one-more-time="Pwyswch 'Shift' 1 mwy o amser"><a href="https://www.bbc.co.uk/weather" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
Gadael y dudalen
</a></div>
diff --git a/html/footer-attributes.html b/html/footer-attributes.html
index 51520b8..57f1df4 100644
--- a/html/footer-attributes.html
+++ b/html/footer-attributes.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo" data-test-attribute="value" data-test-attribute-2="value-2">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo" data-test-attribute="value" data-test-attribute-2="value-2">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-classes.html b/html/footer-classes.html
index 6058962..f034433 100644
--- a/html/footer-classes.html
+++ b/html/footer-classes.html
@@ -1,5 +1,5 @@
<footer class="govuk-footer app-footer--custom-modifier" role="contentinfo">
- <div class="govuk-width-container ">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-default.html b/html/footer-default.html
index 06e8099..c73cbd0 100644
--- a/html/footer-default.html
+++ b/html/footer-default.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-full-gds-example.html b/html/footer-full-gds-example.html
index 7d1e0e1..f4ecceb 100644
--- a/html/footer-full-gds-example.html
+++ b/html/footer-full-gds-example.html
@@ -1,9 +1,9 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__navigation">
<div class="govuk-footer__section govuk-grid-column-two-thirds">
<h2 class="govuk-footer__heading govuk-heading-m">Coronavirus (COVID-19)</h2>
- <ul class="govuk-footer__list ">
+ <ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a class="govuk-footer__link" href="/coronavirus">
Coronavirus (COVID-19): guidance and support
@@ -13,7 +13,7 @@
</div>
<div class="govuk-footer__section govuk-grid-column-one-third">
<h2 class="govuk-footer__heading govuk-heading-m">Brexit</h2>
- <ul class="govuk-footer__list ">
+ <ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a class="govuk-footer__link" href="/brexit">
Check what you need to do
@@ -108,7 +108,7 @@
</div>
<div class="govuk-footer__section govuk-grid-column-one-third">
<h2 class="govuk-footer__heading govuk-heading-m">Departments and policy</h2>
- <ul class="govuk-footer__list ">
+ <ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a class="govuk-footer__link" href="/government/how-government-works">
How government works
diff --git a/html/footer-meta-html-as-text.html b/html/footer-meta-html-as-text.html
index 1745539..790320f 100644
--- a/html/footer-meta-html-as-text.html
+++ b/html/footer-meta-html-as-text.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Support links</h2>
diff --git a/html/footer-three-equal-columns.html b/html/footer-three-equal-columns.html
index 23df821..240c25a 100644
--- a/html/footer-three-equal-columns.html
+++ b/html/footer-three-equal-columns.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__navigation">
<div class="govuk-footer__section govuk-grid-column-one-third">
<h2 class="govuk-footer__heading govuk-heading-m">Single column list 1</h2>
diff --git a/html/footer-with-container-classes.html b/html/footer-with-container-classes.html
index 821722f..01b2333 100644
--- a/html/footer-with-container-classes.html
+++ b/html/footer-with-container-classes.html
@@ -1,4 +1,4 @@
-<footer class="govuk-footer " role="contentinfo">
+<footer class="govuk-footer" role="contentinfo">
<div class="govuk-width-container app-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-with-custom-html-content-licence-and-copyright-notice.html b/html/footer-with-custom-html-content-licence-and-copyright-notice.html
index 7b43a75..00ecbbe 100644
--- a/html/footer-with-custom-html-content-licence-and-copyright-notice.html
+++ b/html/footer-with-custom-html-content-licence-and-copyright-notice.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-with-custom-meta.html b/html/footer-with-custom-meta.html
index d7f5c7a..a63c10e 100644
--- a/html/footer-with-custom-meta.html
+++ b/html/footer-with-custom-meta.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Support links</h2>
diff --git a/html/footer-with-custom-text-content-licence-and-copyright-notice.html b/html/footer-with-custom-text-content-licence-and-copyright-notice.html
index 2bcc418..3c272c0 100644
--- a/html/footer-with-custom-text-content-licence-and-copyright-notice.html
+++ b/html/footer-with-custom-text-content-licence-and-copyright-notice.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-with-default-width-navigation-one-column.html b/html/footer-with-default-width-navigation-one-column.html
index 9009f80..cffbf57 100644
--- a/html/footer-with-default-width-navigation-one-column.html
+++ b/html/footer-with-default-width-navigation-one-column.html
@@ -1,9 +1,9 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__navigation">
<div class="govuk-footer__section govuk-grid-column-full">
<h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
- <ul class="govuk-footer__list ">
+ <ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a class="govuk-footer__link" href="#1">
Navigation item 1
diff --git a/html/footer-with-default-width-navigation-two-columns.html b/html/footer-with-default-width-navigation-two-columns.html
index 18b3fa7..ffdacbb 100644
--- a/html/footer-with-default-width-navigation-two-columns.html
+++ b/html/footer-with-default-width-navigation-two-columns.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__navigation">
<div class="govuk-footer__section govuk-grid-column-full">
<h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
diff --git a/html/footer-with-empty-meta-items.html b/html/footer-with-empty-meta-items.html
index 02e1aaa..924c8e3 100644
--- a/html/footer-with-empty-meta-items.html
+++ b/html/footer-with-empty-meta-items.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Support links</h2>
diff --git a/html/footer-with-empty-meta.html b/html/footer-with-empty-meta.html
index 02e1aaa..924c8e3 100644
--- a/html/footer-with-empty-meta.html
+++ b/html/footer-with-empty-meta.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Support links</h2>
diff --git a/html/footer-with-empty-navigation.html b/html/footer-with-empty-navigation.html
index 06e8099..c73cbd0 100644
--- a/html/footer-with-empty-navigation.html
+++ b/html/footer-with-empty-navigation.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-with-html-passed-as-text-content.html b/html/footer-with-html-passed-as-text-content.html
index 46857f5..ae55f92 100644
--- a/html/footer-with-html-passed-as-text-content.html
+++ b/html/footer-with-html-passed-as-text-content.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
diff --git a/html/footer-with-meta-html.html b/html/footer-with-meta-html.html
index 4c23c3a..bb15294 100644
--- a/html/footer-with-meta-html.html
+++ b/html/footer-with-meta-html.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Support links</h2>
diff --git a/html/footer-with-meta-item-attributes.html b/html/footer-with-meta-item-attributes.html
index 331498c..157671f 100644
--- a/html/footer-with-meta-item-attributes.html
+++ b/html/footer-with-meta-item-attributes.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Support links</h2>
diff --git a/html/footer-with-meta-links-and-meta-content.html b/html/footer-with-meta-links-and-meta-content.html
index 67c68ea..84ae2d4 100644
--- a/html/footer-with-meta-links-and-meta-content.html
+++ b/html/footer-with-meta-links-and-meta-content.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Support links</h2>
diff --git a/html/footer-with-meta.html b/html/footer-with-meta.html
index 55cb680..80b84bf 100644
--- a/html/footer-with-meta.html
+++ b/html/footer-with-meta.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 class="govuk-visually-hidden">Items</h2>
diff --git a/html/footer-with-navigation-item-attributes.html b/html/footer-with-navigation-item-attributes.html
index ed3e4b2..19171ac 100644
--- a/html/footer-with-navigation-item-attributes.html
+++ b/html/footer-with-navigation-item-attributes.html
@@ -1,9 +1,9 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__navigation">
<div class="govuk-footer__section govuk-grid-column-full">
<h2 class="govuk-footer__heading govuk-heading-m">Single column list 1</h2>
- <ul class="govuk-footer__list ">
+ <ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a class="govuk-footer__link" href="#1" data-attribute="my-attribute" data-attribute-2="my-attribute-2">
Navigation item 1
diff --git a/html/footer-with-navigation.html b/html/footer-with-navigation.html
index 066d0b1..b69f8e7 100644
--- a/html/footer-with-navigation.html
+++ b/html/footer-with-navigation.html
@@ -1,5 +1,5 @@
-<footer class="govuk-footer " role="contentinfo">
- <div class="govuk-width-container ">
+<footer class="govuk-footer" role="contentinfo">
+ <div class="govuk-width-container">
<div class="govuk-footer__navigation">
<div class="govuk-footer__section govuk-grid-column-two-thirds">
<h2 class="govuk-footer__heading govuk-heading-m">Two column list</h2>
@@ -38,7 +38,7 @@
</div>
<div class="govuk-footer__section govuk-grid-column-one-third">
<h2 class="govuk-footer__heading govuk-heading-m">Single column list</h2>
- <ul class="govuk-footer__list ">
+ <ul class="govuk-footer__list">
<li class="govuk-footer__list-item">
<a class="govuk-footer__link" href="#1">
Navigation item 1
diff --git a/html/header-attributes.html b/html/header-attributes.html
index ea2270f..a1c20d1 100644
--- a/html/header-attributes.html
+++ b/html/header-attributes.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header" data-test-attribute="value" data-test-attribute-2="value-2">
+<header class="govuk-header" role="banner" data-module="govuk-header" data-test-attribute="value" data-test-attribute-2="value-2">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/header-custom-homepage-url.html b/html/header-custom-homepage-url.html
index 18e9198..bc25b5f 100644
--- a/html/header-custom-homepage-url.html
+++ b/html/header-custom-homepage-url.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/header-default.html b/html/header-default.html
index 18e9198..bc25b5f 100644
--- a/html/header-default.html
+++ b/html/header-default.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/header-full-width-with-navigation.html b/html/header-full-width-with-navigation.html
index e2798eb..1ae98e5 100644
--- a/html/header-full-width-with-navigation.html
+++ b/html/header-full-width-with-navigation.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-header__container--full-width">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/header-full-width.html b/html/header-full-width.html
index af9a7f7..6929f56 100644
--- a/html/header-full-width.html
+++ b/html/header-full-width.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-header__container--full-width">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/header-navigation-item-with-attributes.html b/html/header-navigation-item-with-attributes.html
index b25c14c..a97a973 100644
--- a/html/header-navigation-item-with-attributes.html
+++ b/html/header-navigation-item-with-attributes.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -25,7 +24,7 @@
</a>
</div>
<div class="govuk-header__content">
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-navigation-item-with-html-as-text.html b/html/header-navigation-item-with-html-as-text.html
index 65e3a16..4a77a5e 100644
--- a/html/header-navigation-item-with-html-as-text.html
+++ b/html/header-navigation-item-with-html-as-text.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -28,7 +27,7 @@
<a href="/components/header" class="govuk-header__link govuk-header__service-name">
Service Name
</a>
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-navigation-item-with-html-without-link.html b/html/header-navigation-item-with-html-without-link.html
index fb685f1..b71440a 100644
--- a/html/header-navigation-item-with-html-without-link.html
+++ b/html/header-navigation-item-with-html-without-link.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -28,7 +27,7 @@
<a href="/components/header" class="govuk-header__link govuk-header__service-name">
Service Name
</a>
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-navigation-item-with-html.html b/html/header-navigation-item-with-html.html
index b845f94..44f7df3 100644
--- a/html/header-navigation-item-with-html.html
+++ b/html/header-navigation-item-with-html.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -28,7 +27,7 @@
<a href="/components/header" class="govuk-header__link govuk-header__service-name">
Service Name
</a>
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-navigation-item-with-text-without-link.html b/html/header-navigation-item-with-text-without-link.html
index ba27f15..a9c8447 100644
--- a/html/header-navigation-item-with-text-without-link.html
+++ b/html/header-navigation-item-with-text-without-link.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -28,7 +27,7 @@
<a href="/components/header" class="govuk-header__link govuk-header__service-name">
Service Name
</a>
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-custom-menu-button-label.html b/html/header-with-custom-menu-button-label.html
index 152e696..1e6f7b0 100644
--- a/html/header-with-custom-menu-button-label.html
+++ b/html/header-with-custom-menu-button-label.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -25,7 +24,7 @@
</a>
</div>
<div class="govuk-header__content">
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" aria-label="Custom button label" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-custom-menu-button-text.html b/html/header-with-custom-menu-button-text.html
index 8bdf700..410bed6 100644
--- a/html/header-with-custom-menu-button-text.html
+++ b/html/header-with-custom-menu-button-text.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -25,7 +24,7 @@
</a>
</div>
<div class="govuk-header__content">
- <nav aria-label="Dewislen" class="govuk-header__navigation ">
+ <nav aria-label="Dewislen" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Dewislen</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-custom-navigation-label-and-custom-menu-button-text.html b/html/header-with-custom-navigation-label-and-custom-menu-button-text.html
index 9dde66f..9f98152 100644
--- a/html/header-with-custom-navigation-label-and-custom-menu-button-text.html
+++ b/html/header-with-custom-navigation-label-and-custom-menu-button-text.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -25,7 +24,7 @@
</a>
</div>
<div class="govuk-header__content">
- <nav aria-label="Custom navigation label" class="govuk-header__navigation ">
+ <nav aria-label="Custom navigation label" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Custom menu button text</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-custom-navigation-label.html b/html/header-with-custom-navigation-label.html
index 70bbf25..91ed28f 100644
--- a/html/header-with-custom-navigation-label.html
+++ b/html/header-with-custom-navigation-label.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -25,7 +24,7 @@
</a>
</div>
<div class="govuk-header__content">
- <nav aria-label="Custom navigation label" class="govuk-header__navigation ">
+ <nav aria-label="Custom navigation label" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-large-navigation.html b/html/header-with-large-navigation.html
index f279818..d08ed31 100644
--- a/html/header-with-large-navigation.html
+++ b/html/header-with-large-navigation.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -25,7 +24,7 @@
</a>
</div>
<div class="govuk-header__content">
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-navigation.html b/html/header-with-navigation.html
index 47aa3c9..d31ba58 100644
--- a/html/header-with-navigation.html
+++ b/html/header-with-navigation.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -25,7 +24,7 @@
</a>
</div>
<div class="govuk-header__content">
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-product-name.html b/html/header-with-product-name.html
index 1025332..f041772 100644
--- a/html/header-with-product-name.html
+++ b/html/header-with-product-name.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/header-with-service-name-and-navigation.html b/html/header-with-service-name-and-navigation.html
index 5cb5eb1..0dee92e 100644
--- a/html/header-with-service-name-and-navigation.html
+++ b/html/header-with-service-name-and-navigation.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
@@ -28,7 +27,7 @@
<a href="/components/header" class="govuk-header__link govuk-header__service-name">
Service Name
</a>
- <nav aria-label="Menu" class="govuk-header__navigation ">
+ <nav aria-label="Menu" class="govuk-header__navigation">
<button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>Menu</button>
<ul id="navigation" class="govuk-header__navigation-list">
diff --git a/html/header-with-service-name-but-no-service-url.html b/html/header-with-service-name-but-no-service-url.html
index be222b7..9175843 100644
--- a/html/header-with-service-name-but-no-service-url.html
+++ b/html/header-with-service-name-but-no-service-url.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/header-with-service-name.html b/html/header-with-service-name.html
index ab62d13..2c27d3c 100644
--- a/html/header-with-service-name.html
+++ b/html/header-with-service-name.html
@@ -1,5 +1,4 @@
-
-<header class="govuk-header " role="banner" data-module="govuk-header">
+<header class="govuk-header" role="banner" data-module="govuk-header">
<div class="govuk-header__container govuk-width-container">
<div class="govuk-header__logo">
<a href="/" class="govuk-header__link govuk-header__link--homepage">
diff --git a/html/notification-banner-attributes.html b/html/notification-banner-attributes.html
index 892527f..349d950 100644
--- a/html/notification-banner-attributes.html
+++ b/html/notification-banner-attributes.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner" my-attribute="value">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner" my-attribute="value">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-auto-focus-disabled-with-type-as-success.html b/html/notification-banner-auto-focus-disabled-with-type-as-success.html
index 4efb06e..c8e141b 100644
--- a/html/notification-banner-auto-focus-disabled-with-type-as-success.html
+++ b/html/notification-banner-auto-focus-disabled-with-type-as-success.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner govuk-notification-banner--success" role="alert"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner" data-disable-auto-focus="true">
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner" data-disable-auto-focus="true">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Success
diff --git a/html/notification-banner-auto-focus-explicitly-enabled-with-type-as-success.html b/html/notification-banner-auto-focus-explicitly-enabled-with-type-as-success.html
index 0e658d3..da0381f 100644
--- a/html/notification-banner-auto-focus-explicitly-enabled-with-type-as-success.html
+++ b/html/notification-banner-auto-focus-explicitly-enabled-with-type-as-success.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner govuk-notification-banner--success" role="alert"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner" data-disable-auto-focus="false">
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner" data-disable-auto-focus="false">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Success
diff --git a/html/notification-banner-classes.html b/html/notification-banner-classes.html
index 638f958..d77374a 100644
--- a/html/notification-banner-classes.html
+++ b/html/notification-banner-classes.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner app-my-class" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner app-my-class" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-custom-role.html b/html/notification-banner-custom-role.html
index d371af4..685af06 100644
--- a/html/notification-banner-custom-role.html
+++ b/html/notification-banner-custom-role.html
@@ -1,7 +1,4 @@
-
-<div class="govuk-notification-banner" role="banner"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="banner" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-custom-tabindex.html b/html/notification-banner-custom-tabindex.html
index 2075adc..6cddfb4 100644
--- a/html/notification-banner-custom-tabindex.html
+++ b/html/notification-banner-custom-tabindex.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner govuk-notification-banner--success" role="alert"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner" tabindex="2">
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner" tabindex="2">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Success
diff --git a/html/notification-banner-custom-text.html b/html/notification-banner-custom-text.html
index 26b896d..831d6e5 100644
--- a/html/notification-banner-custom-text.html
+++ b/html/notification-banner-custom-text.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-custom-title-heading-level.html b/html/notification-banner-custom-title-heading-level.html
index fb191eb..2622a32 100644
--- a/html/notification-banner-custom-title-heading-level.html
+++ b/html/notification-banner-custom-title-heading-level.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h3 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-custom-title-id-with-type-as-success.html b/html/notification-banner-custom-title-id-with-type-as-success.html
index 2bffa35..0a571c6 100644
--- a/html/notification-banner-custom-title-id-with-type-as-success.html
+++ b/html/notification-banner-custom-title-id-with-type-as-success.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner govuk-notification-banner--success" role="alert"
- aria-labelledby="my-id"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="my-id" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="my-id">
Success
diff --git a/html/notification-banner-custom-title-id.html b/html/notification-banner-custom-title-id.html
index 25f4b32..c5906ed 100644
--- a/html/notification-banner-custom-title-id.html
+++ b/html/notification-banner-custom-title-id.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="my-id"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="my-id" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="my-id">
Important
diff --git a/html/notification-banner-custom-title.html b/html/notification-banner-custom-title.html
index 921d0ce..8cc0396 100644
--- a/html/notification-banner-custom-title.html
+++ b/html/notification-banner-custom-title.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important information
diff --git a/html/notification-banner-default.html b/html/notification-banner-default.html
index 26b896d..831d6e5 100644
--- a/html/notification-banner-default.html
+++ b/html/notification-banner-default.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-html-as-text.html b/html/notification-banner-html-as-text.html
index f9261e6..3ead9fd 100644
--- a/html/notification-banner-html-as-text.html
+++ b/html/notification-banner-html-as-text.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-paragraph-as-html-heading.html b/html/notification-banner-paragraph-as-html-heading.html
index c7d542b..e285134 100644
--- a/html/notification-banner-paragraph-as-html-heading.html
+++ b/html/notification-banner-paragraph-as-html-heading.html
@@ -1,12 +1,9 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
</h2>
</div>
- <div class="govuk-notification-banner__content"><p class="govuk-notification-banner__heading">You have 9 days to send a response.</p></div>
+ <div class="govuk-notification-banner__content"><p class="govuk-notification-banner__heading">You have 9 days to send a response.</p>
+</div>
</div>
diff --git a/html/notification-banner-rolealert-overridden-to-roleregion-with-type-as-success.html b/html/notification-banner-rolealert-overridden-to-roleregion-with-type-as-success.html
index 00911b5..7e2c938 100644
--- a/html/notification-banner-rolealert-overridden-to-roleregion-with-type-as-success.html
+++ b/html/notification-banner-rolealert-overridden-to-roleregion-with-type-as-success.html
@@ -1,7 +1,4 @@
-
-<div class="govuk-notification-banner govuk-notification-banner--success" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner govuk-notification-banner--success" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Success
diff --git a/html/notification-banner-success-with-custom-html.html b/html/notification-banner-success-with-custom-html.html
index d80177f..884ce22 100644
--- a/html/notification-banner-success-with-custom-html.html
+++ b/html/notification-banner-success-with-custom-html.html
@@ -1,13 +1,15 @@
-
-
-<div class="govuk-notification-banner govuk-notification-banner--success" role="alert"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Success
</h2>
</div>
- <div class="govuk-notification-banner__content"><h3 class="govuk-notification-banner__heading">4 files uploaded</h3><ul class="govuk-!-margin-0 govuk-list"><li><a href="link-1" class="govuk-notification-banner__link">government-strategy.pdf</a></li><li><a href="link-2" class="govuk-notification-banner__link">government-strategy-v1.pdf</a></li></ul>
+ <div class="govuk-notification-banner__content"><h3 class="govuk-notification-banner__heading">
+ 4 files uploaded
+</h3>
+<ul class="govuk-!-margin-0 govuk-list">
+ <li><a href="link-1" class="govuk-notification-banner__link">government-strategy.pdf</a></li>
+ <li><a href="link-2" class="govuk-notification-banner__link">government-strategy-v1.pdf</a></li>
+</ul>
</div>
</div>
diff --git a/html/notification-banner-title-as-html.html b/html/notification-banner-title-as-html.html
index 2ac6938..9adda00 100644
--- a/html/notification-banner-title-as-html.html
+++ b/html/notification-banner-title-as-html.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
<span>Important information</span>
diff --git a/html/notification-banner-title-html-as-text.html b/html/notification-banner-title-html-as-text.html
index 07fb73e..2d80e6c 100644
--- a/html/notification-banner-title-html-as-text.html
+++ b/html/notification-banner-title-html-as-text.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
<span>Important information</span>
diff --git a/html/notification-banner-with-a-list.html b/html/notification-banner-with-a-list.html
index eb739f0..f6a7e9e 100644
--- a/html/notification-banner-with-a-list.html
+++ b/html/notification-banner-with-a-list.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
@@ -10,10 +6,10 @@
</div>
<div class="govuk-notification-banner__content"><h3 class="govuk-notification-banner__heading">4 files uploaded</h3>
<ul class="govuk-list govuk-list--bullet govuk-!-margin-bottom-0">
- <li><a href="#" class="govuk-notification-banner__link">government-strategy.pdf</a></li>
- <li><a href="#" class="govuk-notification-banner__link">government-strategy-v2.pdf</a></li>
- <li><a href="#" class="govuk-notification-banner__link">government-strategy-v3-FINAL.pdf</a></li>
- <li><a href="#" class="govuk-notification-banner__link">government-strategy-v4-FINAL-v2.pdf</a></li>
+ <li><a href="#" class="govuk-notification-banner__link">government-strategy.pdf</a></li>
+ <li><a href="#" class="govuk-notification-banner__link">government-strategy-v2.pdf</a></li>
+ <li><a href="#" class="govuk-notification-banner__link">government-strategy-v3-FINAL.pdf</a></li>
+ <li><a href="#" class="govuk-notification-banner__link">government-strategy-v4-FINAL-v2.pdf</a></li>
</ul>
</div>
</div>
diff --git a/html/notification-banner-with-invalid-type.html b/html/notification-banner-with-invalid-type.html
index 26b896d..831d6e5 100644
--- a/html/notification-banner-with-invalid-type.html
+++ b/html/notification-banner-with-invalid-type.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-with-long-heading.html b/html/notification-banner-with-long-heading.html
index 0768164..93ae6a3 100644
--- a/html/notification-banner-with-long-heading.html
+++ b/html/notification-banner-with-long-heading.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
diff --git a/html/notification-banner-with-lots-of-content.html b/html/notification-banner-with-lots-of-content.html
index a86a1ab..2cf3494 100644
--- a/html/notification-banner-with-lots-of-content.html
+++ b/html/notification-banner-with-lots-of-content.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
@@ -10,13 +6,11 @@
</div>
<div class="govuk-notification-banner__content"><h3 class="govuk-notification-banner__heading">
Check if you need to apply the reverse charge to this application
-</h3> <p class="govuk-body">You will have to apply the <a href="#" class="govuk-notification-banner__link">reverse charge</a> if the applicant supplies any of these services:</p> <ul class="govuk-list govuk-list--bullet govuk-list--spaced">
- <li>
- constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services
- </li>
- <li>
- constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours
- </li>
+</h3>
+<p class="govuk-body">You will have to apply the <a href="#" class="govuk-notification-banner__link">reverse charge</a> if the applicant supplies any of these services:</p>
+<ul class="govuk-list govuk-list--bullet govuk-list--spaced">
+ <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>
+ <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>
</ul>
</div>
</div>
diff --git a/html/notification-banner-with-text-as-html.html b/html/notification-banner-with-text-as-html.html
index ec04643..87d4ed6 100644
--- a/html/notification-banner-with-text-as-html.html
+++ b/html/notification-banner-with-text-as-html.html
@@ -1,13 +1,12 @@
-
-
-<div class="govuk-notification-banner" role="region"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Important
</h2>
</div>
- <div class="govuk-notification-banner__content"><h3 class="govuk-notification-banner__heading">This publication was withdrawn on 7 March 2014</h3><p class="govuk-body">Archived and replaced by the <a href="#" class="govuk-notification-banner__link">new planning guidance</a> launched 6 March 2014 on an external website</p>
+ <div class="govuk-notification-banner__content"><h3 class="govuk-notification-banner__heading">
+ This publication was withdrawn on 7 March 2014
+</h3>
+<p class="govuk-body">Archived and replaced by the <a href="#" class="govuk-notification-banner__link">new planning guidance</a> launched 6 March 2014 on an external website</p>
</div>
</div>
diff --git a/html/notification-banner-with-type-as-success.html b/html/notification-banner-with-type-as-success.html
index 108ee0d..ac6939f 100644
--- a/html/notification-banner-with-type-as-success.html
+++ b/html/notification-banner-with-type-as-success.html
@@ -1,8 +1,4 @@
-
-
-<div class="govuk-notification-banner govuk-notification-banner--success" role="alert"
- aria-labelledby="govuk-notification-banner-title"
- data-module="govuk-notification-banner">
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
<div class="govuk-notification-banner__header">
<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
Success
diff --git a/html/radios-attributes.html b/html/radios-attributes.html
index 504d714..78e0f87 100644
--- a/html/radios-attributes.html
+++ b/html/radios-attributes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-attribute="value" data-second-attribute="second-value" data-module="govuk-radios">
+ <div class="govuk-radios" data-attribute="value" data-second-attribute="second-value" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-name" name="example-name" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-name">
diff --git a/html/radios-default.html b/html/radios-default.html
index cc04e06..8118294 100644
--- a/html/radios-default.html
+++ b/html/radios-default.html
@@ -2,7 +2,7 @@
<div id="example-default-hint" class="govuk-hint">
This includes changing your last name or spelling your name differently.
</div>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-default" name="example-default" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-default">
diff --git a/html/radios-fieldset-params.html b/html/radios-fieldset-params.html
index 97e573e..fab94cc 100644
--- a/html/radios-fieldset-params.html
+++ b/html/radios-fieldset-params.html
@@ -6,7 +6,7 @@
<div id="example-fieldset-params-hint" class="govuk-hint">
This includes changing your last name or spelling your name differently.
</div>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-fieldset-params" name="example-fieldset-params" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-fieldset-params">
diff --git a/html/radios-fieldset-with-describedby.html b/html/radios-fieldset-with-describedby.html
index 5e0cb57..0ad3c2b 100644
--- a/html/radios-fieldset-with-describedby.html
+++ b/html/radios-fieldset-with-describedby.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Which option?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-name" name="example-name" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-name">
diff --git a/html/radios-fieldset-with-html.html b/html/radios-fieldset-with-html.html
index 788cbcd..66d63b3 100644
--- a/html/radios-fieldset-with-html.html
+++ b/html/radios-fieldset-with-html.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Have <b>you</b> changed your name?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="with-fieldset-html" name="with-fieldset-html" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="with-fieldset-html">
diff --git a/html/radios-inline.html b/html/radios-inline.html
index 7483cac..63c8eba 100644
--- a/html/radios-inline.html
+++ b/html/radios-inline.html
@@ -6,7 +6,7 @@
<div id="example-hint" class="govuk-hint">
This includes changing your last name or spelling your name differently.
</div>
- <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
+ <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example">
diff --git a/html/radios-item-checked-overrides-value.html b/html/radios-item-checked-overrides-value.html
index 75c9c51..14b1f5b 100644
--- a/html/radios-item-checked-overrides-value.html
+++ b/html/radios-item-checked-overrides-value.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="colors" name="colors" type="radio" value="red">
<label class="govuk-label govuk-radios__label" for="colors">
diff --git a/html/radios-items-with-attributes.html b/html/radios-items-with-attributes.html
index fe91595..8bb9d92 100644
--- a/html/radios-items-with-attributes.html
+++ b/html/radios-items-with-attributes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-name" name="example-name" type="radio" value="yes" data-attribute="ABC" data-second-attribute="DEF">
<label class="govuk-label govuk-radios__label" for="example-name">
diff --git a/html/radios-label-with-attributes.html b/html/radios-label-with-attributes.html
index aeb0252..f7c1267 100644
--- a/html/radios-label-with-attributes.html
+++ b/html/radios-label-with-attributes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="with-label-attributes" name="with-label-attributes" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" data-attribute="value" data-second-attribute="second-value" for="with-label-attributes">
diff --git a/html/radios-label-with-classes.html b/html/radios-label-with-classes.html
index 54c9418..9d3182c 100644
--- a/html/radios-label-with-classes.html
+++ b/html/radios-label-with-classes.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-label-classes" name="example-label-classes" type="radio" value="yes">
<label class="govuk-label govuk-radios__label bold" for="example-label-classes">
diff --git a/html/radios-minimal-items-and-name.html b/html/radios-minimal-items-and-name.html
index 8becfc0..4c9fa26 100644
--- a/html/radios-minimal-items-and-name.html
+++ b/html/radios-minimal-items-and-name.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-name" name="example-name" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-name">
diff --git a/html/radios-prechecked-using-value.html b/html/radios-prechecked-using-value.html
index 4c0a9c7..ab06b55 100644
--- a/html/radios-prechecked-using-value.html
+++ b/html/radios-prechecked-using-value.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-default" name="example-default" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-default">
diff --git a/html/radios-prechecked.html b/html/radios-prechecked.html
index a66847d..ec5aaab 100644
--- a/html/radios-prechecked.html
+++ b/html/radios-prechecked.html
@@ -2,7 +2,7 @@
<div id="example-default-hint" class="govuk-hint">
This includes changing your last name or spelling your name differently.
</div>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-default" name="example-default" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-default">
diff --git a/html/radios-small-inline-extreme.html b/html/radios-small-inline-extreme.html
index 9a4beaa..a0b22fa 100644
--- a/html/radios-small-inline-extreme.html
+++ b/html/radios-small-inline-extreme.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Sort by
</legend>
- <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
+ <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="sort" name="example" type="radio" value="relevance">
<label class="govuk-label govuk-radios__label" for="sort">
diff --git a/html/radios-small-inline.html b/html/radios-small-inline.html
index 3978d38..aa90222 100644
--- a/html/radios-small-inline.html
+++ b/html/radios-small-inline.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Sort by
</legend>
- <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
+ <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="sort" name="example" type="radio" value="relevance">
<label class="govuk-label govuk-radios__label" for="sort">
diff --git a/html/radios-small-with-a-divider.html b/html/radios-small-with-a-divider.html
index 555a4ba..f287731 100644
--- a/html/radios-small-with-a-divider.html
+++ b/html/radios-small-with-a-divider.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to sign in?
</legend>
- <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+ <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-small-divider" name="example" type="radio" value="governement-gateway">
<label class="govuk-label govuk-radios__label" for="example-small-divider">
diff --git a/html/radios-small-with-conditional-reveal.html b/html/radios-small-with-conditional-reveal.html
index e43ad54..7fe4b4f 100644
--- a/html/radios-small-with-conditional-reveal.html
+++ b/html/radios-small-with-conditional-reveal.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
<label class="govuk-label govuk-radios__label" for="how-contacted-2">
diff --git a/html/radios-small-with-disabled.html b/html/radios-small-with-disabled.html
index b23dd96..0810171 100644
--- a/html/radios-small-with-disabled.html
+++ b/html/radios-small-with-disabled.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
<label class="govuk-label govuk-radios__label" for="how-contacted-2">
diff --git a/html/radios-small-with-error.html b/html/radios-small-with-error.html
index e341ee5..1bde477 100644
--- a/html/radios-small-with-error.html
+++ b/html/radios-small-with-error.html
@@ -6,7 +6,7 @@
<p id="how-contacted-2-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Select a thing
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
<label class="govuk-label govuk-radios__label" for="how-contacted-2">
diff --git a/html/radios-small-with-hint.html b/html/radios-small-with-hint.html
index f2410be..894f9c5 100644
--- a/html/radios-small-with-hint.html
+++ b/html/radios-small-with-hint.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" aria-describedby="how-contacted-2-item-hint">
<label class="govuk-label govuk-radios__label" for="how-contacted-2">
diff --git a/html/radios-small-with-long-text.html b/html/radios-small-with-long-text.html
index 9bd3d57..80fc26e 100644
--- a/html/radios-small-with-long-text.html
+++ b/html/radios-small-with-long-text.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
Venenatis Condimentum
</legend>
- <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+ <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="foo" name="foo" type="radio" value="nullam">
<label class="govuk-label govuk-radios__label" for="foo">
diff --git a/html/radios-small.html b/html/radios-small.html
index 841893c..ebadb79 100644
--- a/html/radios-small.html
+++ b/html/radios-small.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
<label class="govuk-label govuk-radios__label" for="how-contacted-2">
diff --git a/html/radios-with-a-divider.html b/html/radios-with-a-divider.html
index e1ecabb..0eaba60 100644
--- a/html/radios-with-a-divider.html
+++ b/html/radios-with-a-divider.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to sign in?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-divider" name="example" type="radio" value="governement-gateway">
<label class="govuk-label govuk-radios__label" for="example-divider">
diff --git a/html/radios-with-a-medium-legend.html b/html/radios-with-a-medium-legend.html
index 9d7c300..37374ea 100644
--- a/html/radios-with-a-medium-legend.html
+++ b/html/radios-with-a-medium-legend.html
@@ -6,7 +6,7 @@
<div id="housing-act-hint" class="govuk-hint">
Select one of the options below.
</div>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="housing-act" name="housing-act" type="radio" value="part-2">
<label class="govuk-label govuk-radios__label" for="housing-act">
diff --git a/html/radios-with-conditional-item-checked.html b/html/radios-with-conditional-item-checked.html
index 8017bf0..59188f9 100644
--- a/html/radios-with-conditional-item-checked.html
+++ b/html/radios-with-conditional-item-checked.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" checked data-aria-controls="conditional-how-contacted-checked">
<label class="govuk-label govuk-radios__label" for="how-contacted-checked">
diff --git a/html/radios-with-conditional-items-and-pre-checked-value.html b/html/radios-with-conditional-items-and-pre-checked-value.html
index 49b271c..409aaa3 100644
--- a/html/radios-with-conditional-items-and-pre-checked-value.html
+++ b/html/radios-with-conditional-items-and-pre-checked-value.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" data-aria-controls="conditional-how-contacted-checked">
<label class="govuk-label govuk-radios__label" for="how-contacted-checked">
diff --git a/html/radios-with-conditional-items-with-special-characters.html b/html/radios-with-conditional-items-with-special-characters.html
index 4c44150..f50c746 100644
--- a/html/radios-with-conditional-items-with-special-characters.html
+++ b/html/radios-with-conditional-items-with-special-characters.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="user.profile[contact-prefs]" name="contact-prefs" type="radio" value="email" data-aria-controls="conditional-user.profile[contact-prefs]">
<label class="govuk-label govuk-radios__label" for="user.profile[contact-prefs]">
diff --git a/html/radios-with-conditional-items.html b/html/radios-with-conditional-items.html
index 1be50f4..aaeb137 100644
--- a/html/radios-with-conditional-items.html
+++ b/html/radios-with-conditional-items.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted" name="how-contacted" type="radio" value="email" data-aria-controls="conditional-how-contacted">
<label class="govuk-label govuk-radios__label" for="how-contacted">
diff --git a/html/radios-with-describedby-and-hint.html b/html/radios-with-describedby-and-hint.html
index 2b7260c..18caeac 100644
--- a/html/radios-with-describedby-and-hint.html
+++ b/html/radios-with-describedby-and-hint.html
@@ -6,7 +6,7 @@
<div id="example-hint-describedby-hint" class="govuk-hint">
This includes changing your last name or spelling your name differently.
</div>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-hint-describedby" name="example-hint-describedby" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-hint-describedby">
diff --git a/html/radios-with-disabled.html b/html/radios-with-disabled.html
index e400892..0de07dd 100644
--- a/html/radios-with-disabled.html
+++ b/html/radios-with-disabled.html
@@ -5,7 +5,7 @@
How do you want to sign in?
</h1>
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="gateway" name="gov" type="radio" value="gateway" aria-describedby="gateway-item-hint">
<label class="govuk-label govuk-radios__label" for="gateway">
diff --git a/html/radios-with-empty-conditional.html b/html/radios-with-empty-conditional.html
index f35796b..891b445 100644
--- a/html/radios-with-empty-conditional.html
+++ b/html/radios-with-empty-conditional.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-conditional" name="example-conditional" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-conditional">
diff --git a/html/radios-with-error-message-and-idprefix.html b/html/radios-with-error-message-and-idprefix.html
index fc8ff5c..0111e9b 100644
--- a/html/radios-with-error-message-and-idprefix.html
+++ b/html/radios-with-error-message-and-idprefix.html
@@ -2,7 +2,7 @@
<p id="id-prefix-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="id-prefix" name="example-error-message" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="id-prefix">
diff --git a/html/radios-with-error-message.html b/html/radios-with-error-message.html
index 0200b44..6aafc56 100644
--- a/html/radios-with-error-message.html
+++ b/html/radios-with-error-message.html
@@ -2,7 +2,7 @@
<p id="example-error-message-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-error-message" name="example-error-message" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-error-message">
diff --git a/html/radios-with-falsey-items.html b/html/radios-with-falsey-items.html
index 9156a61..5954f83 100644
--- a/html/radios-with-falsey-items.html
+++ b/html/radios-with-falsey-items.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-name" name="example-name" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-name">
diff --git a/html/radios-with-fieldset-and-error-message.html b/html/radios-with-fieldset-and-error-message.html
index ac1e394..1a50d72 100644
--- a/html/radios-with-fieldset-and-error-message.html
+++ b/html/radios-with-fieldset-and-error-message.html
@@ -6,7 +6,7 @@
<p id="example-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example">
diff --git a/html/radios-with-fieldset-error-message-and-describedby.html b/html/radios-with-fieldset-error-message-and-describedby.html
index 58830b2..0cc2e91 100644
--- a/html/radios-with-fieldset-error-message-and-describedby.html
+++ b/html/radios-with-fieldset-error-message-and-describedby.html
@@ -6,7 +6,7 @@
<p id="example-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example">
diff --git a/html/radios-with-hint-and-error-message.html b/html/radios-with-hint-and-error-message.html
index e7cda19..4978387 100644
--- a/html/radios-with-hint-and-error-message.html
+++ b/html/radios-with-hint-and-error-message.html
@@ -9,7 +9,7 @@
<p id="example-error-message-hint-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-error-message-hint" name="example-error-message-hint" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-error-message-hint">
diff --git a/html/radios-with-hint-error-message-and-describedby.html b/html/radios-with-hint-error-message-and-describedby.html
index bc0ec1b..0cf9ef6 100644
--- a/html/radios-with-hint-error-message-and-describedby.html
+++ b/html/radios-with-hint-error-message-and-describedby.html
@@ -9,7 +9,7 @@
<p id="example-error-message-hint-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please select an option
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-error-message-hint" name="example-error-message-hint" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-error-message-hint">
diff --git a/html/radios-with-hints-on-items.html b/html/radios-with-hints-on-items.html
index b2426f5..23c9a15 100644
--- a/html/radios-with-hints-on-items.html
+++ b/html/radios-with-hints-on-items.html
@@ -5,7 +5,7 @@
How do you want to sign in?
</h1>
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="gateway" name="gov" type="radio" value="gateway" aria-describedby="gateway-item-hint">
<label class="govuk-label govuk-radios__label" for="gateway">
diff --git a/html/radios-with-hints-on-parent-and-items.html b/html/radios-with-hints-on-parent-and-items.html
index 10c56a4..8e1d956 100644
--- a/html/radios-with-hints-on-parent-and-items.html
+++ b/html/radios-with-hints-on-parent-and-items.html
@@ -6,7 +6,7 @@
<div id="example-multiple-hints-hint" class="govuk-hint">
This includes changing your last name or spelling your name differently.
</div>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-multiple-hints" name="example-multiple-hints" type="radio" value="yes" aria-describedby="example-multiple-hints-item-hint">
<label class="govuk-label govuk-radios__label" for="example-multiple-hints">
diff --git a/html/radios-with-idprefix.html b/html/radios-with-idprefix.html
index ad51622..94613b0 100644
--- a/html/radios-with-idprefix.html
+++ b/html/radios-with-idprefix.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="example-id-prefix" name="example-radio" type="radio" value="yes">
<label class="govuk-label govuk-radios__label" for="example-id-prefix">
diff --git a/html/radios-with-legend-as-page-heading.html b/html/radios-with-legend-as-page-heading.html
index 7b429e7..13a4ae6 100644
--- a/html/radios-with-legend-as-page-heading.html
+++ b/html/radios-with-legend-as-page-heading.html
@@ -8,7 +8,7 @@
<div id="housing-act-hint" class="govuk-hint">
Select one of the options below.
</div>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="housing-act" name="housing-act" type="radio" value="part-2">
<label class="govuk-label govuk-radios__label" for="housing-act">
diff --git a/html/radios-with-optional-form-group-classes-showing-group-error.html b/html/radios-with-optional-form-group-classes-showing-group-error.html
index 9a1b5a0..adf7669 100644
--- a/html/radios-with-optional-form-group-classes-showing-group-error.html
+++ b/html/radios-with-optional-form-group-classes-showing-group-error.html
@@ -3,7 +3,7 @@
<legend class="govuk-fieldset__legend">
How do you want to be contacted?
</legend>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
<label class="govuk-label govuk-radios__label" for="how-contacted-2">
diff --git a/html/radios-with-very-long-option-text.html b/html/radios-with-very-long-option-text.html
index 87714a9..5e16e4b 100644
--- a/html/radios-with-very-long-option-text.html
+++ b/html/radios-with-very-long-option-text.html
@@ -9,7 +9,7 @@
<p id="waste-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="waste" name="waste" type="radio" value="nullam">
<label class="govuk-label govuk-radios__label" for="waste">
diff --git a/html/radios-without-fieldset.html b/html/radios-without-fieldset.html
index 19b1104..2899827 100644
--- a/html/radios-without-fieldset.html
+++ b/html/radios-without-fieldset.html
@@ -1,5 +1,5 @@
<div class="govuk-form-group">
- <div class="govuk-radios" data-module="govuk-radios">
+ <div class="govuk-radios" data-module="govuk-radios">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="colours" name="colours" type="radio" value="red">
<label class="govuk-label govuk-radios__label" for="colours"> |
colinrotherham
force-pushed
the
attributes-trim
branch
from
b14eb6f
to
dc3bd62
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
36degrees
approved these changes
Nov 20, 2023
colinrotherham
force-pushed
the
attributes-trim
branch
from
dc3bd62
to
d863a55
Compare
govuk-design-system-ci
temporarily deployed
to
govuk-frontend-pr-4416
Merged
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes lots of trailing spaces in HTML attributes
But also includes:
{%- if classes %}when optional{%-and-%}to trim spaces{{ variables }}are padded with spacesPlus various other accidental new lines and trailing spaces in HTML