A typical photovoltaic system employs solar panels, each comprising a number of solar cells, which generate electrical power. PV installations may be ground-mounted, rooftop mounted or wall mounted. The mount may be fixed, or use a solar tracker to follow the sun across the sky.
" }) diff --git a/src/components/duration/example-duration-error.njk b/src/components/duration/example-duration-error.njk index d4ba66d088..52f7ce2228 100644 --- a/src/components/duration/example-duration-error.njk +++ b/src/components/duration/example-duration-error.njk @@ -3,27 +3,27 @@ {{ onsDuration({ - "id": "address-duration", + "id": "address-duration-error-example", "legendOrLabel": 'How long have you lived at this address?', "legendClasses": 'ons-u-vh', "field1": { - "id": "address-duration-years", + "id": "address-duration-years-error-example", "name": "address-duration-years", "suffix": { "text": "Years", - "id": "address-duration-years-suffix" + "id": "address-duration-years-suffix-error-example" } }, "field2": { - "id": "address-duration-months", + "id": "address-duration-months-error-example", "name": "address-duration-months", "suffix": { "text": "Months", - "id": "address-duration-months-suffix" + "id": "address-duration-months-suffix-error-example" } }, "error": { - "id": "address-duration-error", + "id": "address-duration-error-example", "text": "Enter how long you have lived at this address" } }) diff --git a/src/components/duration/example-duration.njk b/src/components/duration/example-duration.njk index 1dfdce9192..14b6749008 100644 --- a/src/components/duration/example-duration.njk +++ b/src/components/duration/example-duration.njk @@ -7,25 +7,25 @@ "legendIsQuestionTitle": true }) %} {{ onsDuration({ - "id": "address-duration", + "id": "address-duration-example", "dontWrap": true, "field1": { - "id": "address-duration-years", + "id": "address-duration-years-example", "name": "address-duration-years", "suffix": { "text": "Years", - "id": "address-duration-years-suffix" + "id": "address-duration-years-suffix-example" }, "attributes": { "autocomplete": "off" } }, "field2": { - "id": "address-duration-months", + "id": "address-duration-months-example", "name": "address-duration-months", "suffix": { "text": "Months", - "id": "address-duration-months-suffix" + "id": "address-duration-months-suffix-example" }, "attributes": { "autocomplete": "off" diff --git a/src/components/header/example-header-external-with-service-links.njk b/src/components/header/example-header-external-with-service-links.njk index 67a787be99..47cd3e6d83 100644 --- a/src/components/header/example-header-external-with-service-links.njk +++ b/src/components/header/example-header-external-with-service-links.njk @@ -9,7 +9,7 @@ "mastheadLogoUrl": '#0', "titleUrl": '#0', "serviceLinks": { - "id": "service-links", + "id": "service-links-external", "ariaLabel": 'Services menu', "ariaListLabel": 'Menu', "toggleServicesButton": { diff --git a/src/components/header/example-header-internal.njk b/src/components/header/example-header-internal.njk index e3794dbffe..33e72dee50 100644 --- a/src/components/header/example-header-internal.njk +++ b/src/components/header/example-header-internal.njk @@ -10,7 +10,7 @@ "variants": 'internal', "titleUrl": '#0', "serviceLinks": { - "id": "service-links", + "id": "service-links-internal", "ariaLabel": 'Services menu', "ariaListLabel": 'Menu', "toggleServicesButton": { diff --git a/src/components/input/example-input-email.njk b/src/components/input/example-input-email.njk index c0312c3d9b..7c6b61f67c 100644 --- a/src/components/input/example-input-email.njk +++ b/src/components/input/example-input-email.njk @@ -1,7 +1,7 @@ {% from "components/input/_macro.njk" import onsInput %} {{ onsInput({ - "id": "email", + "id": "email-example-input-email", "type": "email", "autocomplete": "email", "label": { diff --git a/src/components/input/example-input-number.njk b/src/components/input/example-input-number.njk index 71fae48d19..6f83455d05 100644 --- a/src/components/input/example-input-number.njk +++ b/src/components/input/example-input-number.njk @@ -1,7 +1,7 @@ {% from "components/input/_macro.njk" import onsInput %} {{ onsInput({ - "id": "number", + "id": "number-example-input", "type": "number", "width": "2", "autocomplete": "off", diff --git a/src/components/input/example-input-numeric-values.njk b/src/components/input/example-input-numeric-values.njk index 325bf1cc54..4f08055eff 100644 --- a/src/components/input/example-input-numeric-values.njk +++ b/src/components/input/example-input-numeric-values.njk @@ -1,7 +1,7 @@ {% from "components/input/_macro.njk" import onsInput %} {{ onsInput({ - "id": "number", + "id": "number-example-input-numeric-values", "type": "number", "width": "2", "autocomplete": "off", @@ -15,7 +15,7 @@ }} {{ onsInput({ - "id": "prefixed", + "id": "prefixed-example-input-numeric-values", "type": "number", "width": "6", "autocomplete": "off", @@ -25,13 +25,13 @@ "prefix": { "text": "£", "title": "British pounds (GBP)", - "id": "annual-salary-gpb-prefix" + "id": "annual-salary-gpb-prefix-example-input-numeric-values" } }) }} {{ onsInput({ - "id": "suffixed-percent", + "id": "suffixed-percent-example-input-numeric-values", "type": "number", "width": "3", "autocomplete": "off", @@ -41,13 +41,13 @@ "suffix": { "title": "per cent", "text": "%", - "id": "internet-access-per-cent-suffix" + "id": "internet-access-per-cent-suffix-example-input-numeric-values" } }) }} {{ onsInput({ - "id": "suffixed-centimetres", + "id": "suffixed-centimetres-example-input-numeric-values", "type": "number", "width": "4", "autocomplete": "off", @@ -58,7 +58,7 @@ "suffix": { "title": "centimetres", "text": "cm", - "id": "length-cm-suffix" + "id": "length-cm-suffix-example-input-numeric-values" } }) }} diff --git a/src/components/input/example-input-text-with-character-limit-checker.njk b/src/components/input/example-input-text-with-character-limit-checker.njk index 50f60752a4..7a6d95cd9a 100644 --- a/src/components/input/example-input-text-with-character-limit-checker.njk +++ b/src/components/input/example-input-text-with-character-limit-checker.njk @@ -1,7 +1,7 @@ {% from "components/input/_macro.njk" import onsInput %} {{ onsInput({ - "id": "text", + "id": "text-example-input-with-char-limit-checker", "label": { "text": "Enter some text" }, diff --git a/src/components/input/example-input-text-with-description.njk b/src/components/input/example-input-text-with-description.njk index 61d785478b..0d8e19f61d 100644 --- a/src/components/input/example-input-text-with-description.njk +++ b/src/components/input/example-input-text-with-description.njk @@ -1,7 +1,7 @@ {% from "components/input/_macro.njk" import onsInput %} {{ onsInput({ - "id": "text", + "id": "text-example-input-with-description", "label": { "text": "Enter some text", "description": "Example description hint text" diff --git a/src/components/input/example-input-text.njk b/src/components/input/example-input-text.njk index 56bb58877c..5b5b14be2e 100644 --- a/src/components/input/example-input-text.njk +++ b/src/components/input/example-input-text.njk @@ -1,7 +1,7 @@ {% from "components/input/_macro.njk" import onsInput %} {{ onsInput({ - "id": "text", + "id": "text-example-input", "label": { "text": "Enter some text" } diff --git a/src/components/mutually-exclusive/example-mutually-exclusive-checkboxes.njk b/src/components/mutually-exclusive/example-mutually-exclusive-checkboxes.njk index 8e1f56c484..5a4765ed5e 100644 --- a/src/components/mutually-exclusive/example-mutually-exclusive-checkboxes.njk +++ b/src/components/mutually-exclusive/example-mutually-exclusive-checkboxes.njk @@ -13,34 +13,34 @@ "name": "mutually-exclusive", "checkboxes": [ { - "id": "gas", + "id": "gas-example-mutually-exclusive-checkbox", "label": { "text": "Gas" }, "value": "gas" }, { - "id": "electric", + "id": "electric-example-mutually-exclusive-checkbox", "label": { "text": "Electric" }, "value": "electric" }, { - "id": "solid-fuel", + "id": "solid-fuel-example-mutually-exclusive-checkbox", "label": { "text": "Solid fuel" }, "value": "solid-fuel" }, { - "id": "other-fuel", + "id": "other-fuel-example-mutually-exclusive-checkbox", "label": { "text": "Other" }, "value": "other", "other": { - "id": "other-fuel-textbox", + "id": "other-fuel-textbox-example-mutually-exclusive-checkbox", "name": "other-fuel-answer", "label": { "text": "Please specify" @@ -55,7 +55,7 @@ "deselectExclusiveOptionAdjective": "deselected", "exclusiveOptions": [ { - "id": "no-central-heating", + "id": "no-central-heating-example-mutually-exclusive-checkbox", "label": { "text": "No central heating" }, diff --git a/src/components/mutually-exclusive/example-mutually-exclusive-date-with-error.njk b/src/components/mutually-exclusive/example-mutually-exclusive-date-with-error.njk index f37f685cb8..f45e4e0391 100644 --- a/src/components/mutually-exclusive/example-mutually-exclusive-date-with-error.njk +++ b/src/components/mutually-exclusive/example-mutually-exclusive-date-with-error.njk @@ -2,7 +2,7 @@ {{ onsDateInput({ - "id": "date-mutually-exclusive", + "id": "date-mutually-exclusive-with-error", "legendOrLabel": "When did you leave your last paid job?", "legendClasses": "ons-u-vh", "day": { @@ -30,7 +30,7 @@ "deselectExclusiveOptionAdjective": "deselected", "exclusiveOptions": [ { - "id": "date-exclusive-checkbox", + "id": "date-exclusive-checkbox-with-error", "name": "no-paid-job", "value": "no-paid-job", "label": { diff --git a/src/components/mutually-exclusive/example-mutually-exclusive-email.njk b/src/components/mutually-exclusive/example-mutually-exclusive-email.njk index be6838b624..720e21932b 100644 --- a/src/components/mutually-exclusive/example-mutually-exclusive-email.njk +++ b/src/components/mutually-exclusive/example-mutually-exclusive-email.njk @@ -8,7 +8,7 @@ }) %} {{ onsInput({ - "id": "email", + "id": "email-example-mutually-exclusive", "type": "email", "label": { "text": "Email address", @@ -22,7 +22,7 @@ "deselectExclusiveOptionAdjective": "deselected", "exclusiveOptions": [ { - "id": "email-checkbox", + "id": "email-checkbox-example-mutually-exclusive", "name": "no-email", "value": "no-email", "label": { diff --git a/src/components/mutually-exclusive/example-mutually-exclusive-multiple-options.njk b/src/components/mutually-exclusive/example-mutually-exclusive-multiple-options.njk index 0abb4f84da..10ac32c5cb 100644 --- a/src/components/mutually-exclusive/example-mutually-exclusive-multiple-options.njk +++ b/src/components/mutually-exclusive/example-mutually-exclusive-multiple-options.njk @@ -13,21 +13,21 @@ "name": "mutually-exclusive", "checkboxes": [ { - "id": "gas", + "id": "gas-example-mutually-exclusive-multiple-options", "label": { "text": "Gas" }, "value": "gas" }, { - "id": "electric", + "id": "electric-example-mutually-exclusive-multiple-options", "label": { "text": "Electric" }, "value": "electric" }, { - "id": "solid-fuel", + "id": "solid-fuel-example-mutually-exclusive-multiple-options", "label": { "text": "Solid fuel" }, @@ -41,7 +41,7 @@ "deselectExclusiveOptionAdjective": "deselected", "exclusiveOptions": [ { - "id": "no-central-heating", + "id": "no-central-heating-example-mutually-exclusive-multiple-options", "name": "no central heating", "label": { "text": "No central heating" @@ -49,7 +49,7 @@ "value": "no-central-heating" }, { - "id": "other", + "id": "other-example-mutually-exclusive-multiple-options", "name": "other", "label": { "text": "Other" diff --git a/src/components/radios/example-radios-with-clear-button-expanded.njk b/src/components/radios/example-radios-with-clear-button-expanded.njk index c47984a3db..cfe6c91652 100644 --- a/src/components/radios/example-radios-with-clear-button-expanded.njk +++ b/src/components/radios/example-radios-with-clear-button-expanded.njk @@ -26,14 +26,14 @@ }, "radios": [ { - "id": "none", + "id": "none-radio-with-clear-button-expanded", "label": { "text": "No religion" }, "value": "none" }, { - "id": "christian", + "id": "christian-radio-with-clear-button-expanded", "label": { "text": "Christian", "description": "Including Church of England, Catholic, Protestant and all other Christian denominations" @@ -41,14 +41,14 @@ "value": "christian" }, { - "id": "buddhist", + "id": "buddhist-radio-with-clear-button-expanded", "label": { "text": "Buddhist" }, "value": "buddhist" }, { - "id": "hindu", + "id": "hindu-radio-with-clear-button-expanded", "label": { "text": "Hindu" }, @@ -62,21 +62,21 @@ "value": "jewish" }, { - "id": "muslim", + "id": "muslim-radio-with-clear-button-expanded", "label": { "text": "Muslim" }, "value": "muslim" }, { - "id": "sikh", + "id": "sikh-radio-with-clear-button-expanded", "label": { "text": "Sikh" }, "value": "sikh" }, { - "id": "other-radio", + "id": "other-radio-with-clear-button-expanded", "label": { "text": "Any other religion" }, @@ -84,7 +84,7 @@ "checked": true, "other": { "otherType": "input", - "id": "other-textbox", + "id": "other-textbox-radio-with-clear-button-expanded", "name": "other-answer", "label": { "text": "Enter your religion" @@ -95,4 +95,4 @@ }) }} -{% endcall %} \ No newline at end of file +{% endcall %} diff --git a/src/components/radios/example-radios-with-clear-button.njk b/src/components/radios/example-radios-with-clear-button.njk index 1943010907..cd7ecff7f3 100644 --- a/src/components/radios/example-radios-with-clear-button.njk +++ b/src/components/radios/example-radios-with-clear-button.njk @@ -26,14 +26,14 @@ }, "radios": [ { - "id": "none", + "id": "none-radio-with-clear-button", "label": { "text": "No religion" }, "value": "none" }, { - "id": "christian", + "id": "christian-radio-with-clear-button", "label": { "text": "Christian", "description": "Including Church of England, Catholic, Protestant and all other Christian denominations" @@ -41,49 +41,49 @@ "value": "christian" }, { - "id": "buddhist", + "id": "buddhist-radio-with-clear-button", "label": { "text": "Buddhist" }, "value": "buddhist" }, { - "id": "hindu", + "id": "hindu-radio-with-clear-button", "label": { "text": "Hindu" }, "value": "hindu" }, { - "id": "jewish", + "id": "jewish-radio-with-clear-button", "label": { "text": "Jewish" }, "value": "jewish" }, { - "id": "muslim", + "id": "muslim-radio-with-clear-button", "label": { "text": "Muslim" }, "value": "muslim" }, { - "id": "sikh", + "id": "sikh-radio-with-clear-button", "label": { "text": "Sikh" }, "value": "sikh" }, { - "id": "other-radio", + "id": "other-radio-radio-with-clear-button", "label": { "text": "Any other religion" }, "value": "other", "other": { "otherType": "input", - "id": "other-textbox", + "id": "other-textbox-radio-with-clear-button", "name": "other-answer", "label": { "text": "Enter your religion" diff --git a/src/components/radios/example-radios-with-descriptions.njk b/src/components/radios/example-radios-with-descriptions.njk index 70e90a868e..2ac57a2d08 100644 --- a/src/components/radios/example-radios-with-descriptions.njk +++ b/src/components/radios/example-radios-with-descriptions.njk @@ -12,7 +12,7 @@ "name": "ethnicity", "radios": [ { - "id": "white", + "id": "white-example-radio-with-description", "label": { "text": "White", "description": "Includes British, Northern Irish, Irish, Gypsy, Irish Traveller, Roma or any other White background" @@ -20,7 +20,7 @@ "name": "white" }, { - "id": "mixed", + "id": "mixed-example-radio-with-description", "label": { "text": "Mixed or Multiple ethnic groups", "description": "Includes White and Black Caribbean, White and Black African, White and Asian or any other Mixed or Multiple background" @@ -28,7 +28,7 @@ "name": "mixed" }, { - "id": "asian", + "id": "asian-example-radio-with-description", "label": { "text": "Asian or Asian British", "description": "Includes Indian, Pakistani, Bangladeshi, Chinese or any other Asian background" @@ -36,7 +36,7 @@ "name": "asian" }, { - "id": "black", + "id": "black-example-radio-with-description", "label": { "text": "Black, Black British, Caribbean or African", "description": "Includes Black British, Caribbean, African or any other Black background" @@ -44,7 +44,7 @@ "name": "black" }, { - "id": "other", + "id": "other-example-radio-with-description", "label": { "text": "Other ethnic group", "description": "Includes Arab or any other ethnic group" diff --git a/src/components/radios/example-radios-with-error.njk b/src/components/radios/example-radios-with-error.njk index c34fb602cd..c80231197f 100644 --- a/src/components/radios/example-radios-with-error.njk +++ b/src/components/radios/example-radios-with-error.njk @@ -6,14 +6,14 @@ "dontWrap": true, "radios": [ { - "id": "yes", + "id": "yes-example-radio-with-error", "label": { "text": "Yes" }, "value": "yes" }, { - "id": "no", + "id": "no-example-radio-with-error", "label": { "text": "No" }, @@ -22,7 +22,7 @@ "other": { "open": true, "otherType": "input", - "id": "no-textbox", + "id": "no-textbox-example-radio-with-error", "name": "no-answer", "label": { "text": "Enter your gender identity" @@ -31,7 +31,7 @@ } ], "error": { - "id": "dietary-error", + "id": "dietary-error-example-radio-with-error", "text": "Enter your gender identity" } }) diff --git a/src/components/radios/example-radios-with-revealed-checkboxes-expanded.njk b/src/components/radios/example-radios-with-revealed-checkboxes-expanded.njk index dfa221fdc0..9e4e9e6a34 100644 --- a/src/components/radios/example-radios-with-revealed-checkboxes-expanded.njk +++ b/src/components/radios/example-radios-with-revealed-checkboxes-expanded.njk @@ -7,21 +7,21 @@ "borderless": true, "radios": [ { - "id": "post", + "id": "post-example-radio-with-revealed-checkbox-expanded", "label": { "text": "By post" }, "value": "post" }, { - "id": "email", + "id": "email-example-radio-with-revealed-checkbox-expanded", "label": { "text": "By email" }, "value": "email" }, { - "id": "phone", + "id": "phone-example-radio-with-revealed-checkbox-expanded", "label": { "text": "By phone" }, @@ -30,34 +30,34 @@ "other": { "otherType": "checkboxes", "selectAllChildren": true, - "id": "phone-time", + "id": "phone-time-example-radio-with-revealed-checkbox-expanded", "name": "phone-time", "legend": "Select preferred times of day", "checkboxes": [ { "value": "anytime", - "id": "anytime", + "id": "anytime-example-radio-with-revealed-checkbox-expanded", "label": { "text": "Anytime of day" } }, { "value": "morning", - "id": "morning", + "id": "morning-example-radio-with-revealed-checkbox-expanded", "label": { "text": "Morning" } }, { "value": "afternoon", - "id": "afternoon", + "id": "afternoon-example-radio-with-revealed-checkbox-expanded", "label": { "text": "Afternoon" } }, { "value": "evening", - "id": "evening", + "id": "evening-example-radio-with-revealed-checkbox-expanded", "label": { "text": "Evening" } diff --git a/src/components/radios/example-radios-with-revealed-checkboxes.njk b/src/components/radios/example-radios-with-revealed-checkboxes.njk index 5b5079e3da..d399b6853a 100644 --- a/src/components/radios/example-radios-with-revealed-checkboxes.njk +++ b/src/components/radios/example-radios-with-revealed-checkboxes.njk @@ -7,21 +7,21 @@ "borderless": true, "radios": [ { - "id": "post", + "id": "post-example-radio-with-revealed-checkbox", "label": { "text": "By post" }, "value": "post" }, { - "id": "email", + "id": "email-example-radio-with-revealed-checkbox", "label": { "text": "By email" }, "value": "email" }, { - "id": "phone", + "id": "phone-example-radio-with-revealed-checkbox", "label": { "text": "By phone" }, @@ -29,34 +29,34 @@ "other": { "otherType": "checkboxes", "selectAllChildren": true, - "id": "phone-time", + "id": "phone-time-example-radio-with-revealed-checkbox", "name": "phone-time", "legend": "Select preferred times of day", "checkboxes": [ { "value": "anytime", - "id": "anytime", + "id": "anytime-example-radio-with-revealed-checkbox", "label": { "text": "Anytime of day" } }, { "value": "morning", - "id": "morning", + "id": "morning-example-radio-with-revealed-checkbox", "label": { "text": "Morning" } }, { "value": "afternoon", - "id": "afternoon", + "id": "afternoon-example-radio-with-revealed-checkbox", "label": { "text": "Afternoon" } }, { "value": "evening", - "id": "evening", + "id": "evening-example-radio-with-revealed-checkbox", "label": { "text": "Evening" } diff --git a/src/components/radios/example-radios-with-revealed-radios-expanded.njk b/src/components/radios/example-radios-with-revealed-radios-expanded.njk index 01fcfafd73..35169e06b2 100644 --- a/src/components/radios/example-radios-with-revealed-radios-expanded.njk +++ b/src/components/radios/example-radios-with-revealed-radios-expanded.njk @@ -7,21 +7,21 @@ "borderless": true, "radios": [ { - "id": "post", + "id": "post-example-with-revealed-radio-expanded", "label": { "text": "By post" }, "value": "post" }, { - "id": "email", + "id": "email-example-with-revealed-radio-expanded", "label": { "text": "By email" }, "value": "email" }, { - "id": "phone", + "id": "phone-example-with-revealed-radio-expanded", "label": { "text": "By phone" }, @@ -29,34 +29,34 @@ "checked": true, "other": { "otherType": "radios", - "id": "phone-time", + "id": "phone-time-example-with-revealed-radio-expanded", "name": "phone-time", "legend": "Choose preferred time of day", "radios": [ { "value": "anytime", - "id": "anytime", + "id": "anytime-example-with-revealed-radio-expanded", "label": { "text": "Anytime of day" } }, { "value": "morning", - "id": "morning", + "id": "morning-example-with-revealed-radio-expanded", "label": { "text": "Morning" } }, { "value": "afternoon", - "id": "afternoon", + "id": "afternoon-example-with-revealed-radio-expanded", "label": { "text": "Afternoon" } }, { "value": "evening", - "id": "evening", + "id": "evening-example-with-revealed-radio-expanded", "label": { "text": "Evening" } @@ -66,4 +66,4 @@ } ] }) -}} \ No newline at end of file +}} diff --git a/src/components/radios/example-radios-with-revealed-radios.njk b/src/components/radios/example-radios-with-revealed-radios.njk index 516982b83f..fdc2fb490b 100644 --- a/src/components/radios/example-radios-with-revealed-radios.njk +++ b/src/components/radios/example-radios-with-revealed-radios.njk @@ -7,55 +7,55 @@ "borderless": true, "radios": [ { - "id": "post", + "id": "post-example-with-revealed-radio", "label": { "text": "By post" }, "value": "post" }, { - "id": "email", + "id": "email-example-with-revealed-radio", "label": { "text": "By email" }, "value": "email" }, { - "id": "phone", + "id": "phone-example-with-revealed-radio", "label": { "text": "By phone" }, "value": "phone", "other": { "otherType": "radios", - "id": "phone-time", + "id": "phone-time-example-with-revealed-radio", "name": "phone-time", "legend": "Choose preferred time of day", "radios": [ { "value": "anytime", - "id": "anytime", + "id": "anytime-example-with-revealed-radio", "label": { "text": "Anytime of day" } }, { "value": "morning", - "id": "morning", + "id": "morning-example-with-revealed-radio", "label": { "text": "Morning" } }, { "value": "afternoon", - "id": "afternoon", + "id": "afternoon-example-with-revealed-radio", "label": { "text": "Afternoon" } }, { "value": "evening", - "id": "evening", + "id": "evening-example-with-revealed-radio", "label": { "text": "Evening" } diff --git a/src/components/radios/example-radios-with-revealed-select-expanded.njk b/src/components/radios/example-radios-with-revealed-select-expanded.njk index 8a05843b8a..d2907b13bf 100644 --- a/src/components/radios/example-radios-with-revealed-select-expanded.njk +++ b/src/components/radios/example-radios-with-revealed-select-expanded.njk @@ -11,21 +11,21 @@ "name": "contact", "radios": [ { - "id": "post", + "id": "post-example-with-revealed-select-expanded", "label": { "text": "By post" }, "value": "post" }, { - "id": "email", + "id": "email-example-with-revealed-select-expanded", "label": { "text": "By email" }, "value": "email" }, { - "id": "phone", + "id": "phone-example-with-revealed-select-expanded", "label": { "text": "By phone" }, @@ -33,7 +33,7 @@ "checked": true, "other": { "otherType": "select", - "id": "phone-time", + "id": "phone-time-example-with-revealed-select-expanded", "name": "phone-time", "label": { "text": "Choose preferred time of day" @@ -67,4 +67,4 @@ ] }) }} -{% endcall %} \ No newline at end of file +{% endcall %} diff --git a/src/components/radios/example-radios-with-revealed-select.njk b/src/components/radios/example-radios-with-revealed-select.njk index 4a43b9fc32..5002990612 100644 --- a/src/components/radios/example-radios-with-revealed-select.njk +++ b/src/components/radios/example-radios-with-revealed-select.njk @@ -11,28 +11,28 @@ "name": "contact", "radios": [ { - "id": "post", + "id": "post-example-with-revealed-select", "label": { "text": "By post" }, "value": "post" }, { - "id": "email", + "id": "email-example-with-revealed-select", "label": { "text": "By email" }, "value": "email" }, { - "id": "phone", + "id": "phone-example-with-revealed-select", "label": { "text": "By phone" }, "value": "phone", "other": { "otherType": "select", - "id": "phone-time", + "id": "phone-time-example-with-revealed-select", "name": "phone-time", "label": { "text": "Choose preferred time of day" diff --git a/src/components/radios/example-radios-with-revealed-text-input-expanded.njk b/src/components/radios/example-radios-with-revealed-text-input-expanded.njk index d5b97bdeab..7428c017d7 100644 --- a/src/components/radios/example-radios-with-revealed-text-input-expanded.njk +++ b/src/components/radios/example-radios-with-revealed-text-input-expanded.njk @@ -12,63 +12,63 @@ "name": "travel", "radios": [ { - "id": "home", + "id": "home-example-radio-with-revealed-text-input-expanded", "label": { "text": "Work mainly from home" }, "value": "home" }, { - "id": "car", + "id": "car-example-radio-with-revealed-text-input-expanded", "label": { "text": "Car or van" }, "value": "car" }, { - "id": "underground", + "id": "underground-example-radio-with-revealed-text-input-expanded", "label": { "text": "Underground, metro, light rail or tram" }, "value": "underground" }, { - "id": "train", + "id": "train-example-radio-with-revealed-text-input-expanded", "label": { "text": "Train" }, "value": "train" }, { - "id": "bus", + "id": "bus-example-radio-with-revealed-text-input-expanded", "label": { "text": "Bus, minibus or coach" }, "value": "bus" }, { - "id": "bicycle", + "id": "bicycle-example-radio-with-revealed-text-input-expanded", "label": { "text": "Bicycle" }, "value": "bicycle" }, { - "id": "walk", + "id": "walk-example-radio-with-revealed-text-input-expanded", "label": { "text": "Walk" }, "value": "walk" }, { - "id": "other-radio", + "id": "other-radio-with-revealed-text-input-expanded", "label": { "text": "Other" }, "value": "other", "checked": true, "other": { - "id": "other-textbox", + "id": "other-textbox-example-radio-with-revealed-text-input-expanded", "name": "other-answer", "label": { "text": "Enter how you travel" diff --git a/src/components/radios/example-radios-with-revealed-text-input.njk b/src/components/radios/example-radios-with-revealed-text-input.njk index d6c1e64967..1f4353bb17 100644 --- a/src/components/radios/example-radios-with-revealed-text-input.njk +++ b/src/components/radios/example-radios-with-revealed-text-input.njk @@ -12,62 +12,62 @@ "name": "travel", "radios": [ { - "id": "home", + "id": "home-example-radio-with-revealed-text-input", "label": { "text": "Work mainly from home" }, "value": "home" }, { - "id": "car", + "id": "car-example-radio-with-revealed-text-input", "label": { "text": "Car or van" }, "value": "car" }, { - "id": "underground", + "id": "underground-example-radio-with-revealed-text-input", "label": { "text": "Underground, metro, light rail or tram" }, "value": "underground" }, { - "id": "train", + "id": "train-example-radio-with-revealed-text-input", "label": { "text": "Train" }, "value": "train" }, { - "id": "bus", + "id": "bus-example-radio-with-revealed-text-input", "label": { "text": "Bus, minibus or coach" }, "value": "bus" }, { - "id": "bicycle", + "id": "bicycle-example-radio-with-revealed-text-input", "label": { "text": "Bicycle" }, "value": "bicycle" }, { - "id": "walk", + "id": "walk-example-radio-with-revealed-text-input", "label": { "text": "Walk" }, "value": "walk" }, { - "id": "other-radio", + "id": "other-radio-example-radio-with-revealed-text-input", "label": { "text": "Other" }, "value": "other", "other": { - "id": "other-textbox", + "id": "other-textbox-example-radio-with-revealed-text-input", "name": "other-answer", "label": { "text": "Enter how you travel" diff --git a/src/components/radios/example-radios-with-visible-text-input.njk b/src/components/radios/example-radios-with-visible-text-input.njk index 00bd288f1d..a5904b628e 100644 --- a/src/components/radios/example-radios-with-visible-text-input.njk +++ b/src/components/radios/example-radios-with-visible-text-input.njk @@ -12,14 +12,14 @@ "name": "gender-identity", "radios": [ { - "id": "yes", + "id": "yes-example-radio-with-visible-text", "label": { "text": "Yes" }, "value": "yes" }, { - "id": "no", + "id": "no-example-radio-with-visible-text", "label": { "text": "No" }, @@ -27,7 +27,7 @@ "other": { "open": true, "otherType": "input", - "id": "no-textbox", + "id": "no-textbox-example-radio-with-visible-text", "name": "no-answer", "label": { "text": "Enter your gender identity" diff --git a/src/components/relationships/example-relationships-error.njk b/src/components/relationships/example-relationships-error.njk index 36b40918bd..25a3a8fe55 100644 --- a/src/components/relationships/example-relationships-error.njk +++ b/src/components/relationships/example-relationships-error.njk @@ -62,7 +62,7 @@ layout: ~ }, "radios": [ { - "id": "husband-wife", + "id": "husband-wife-example-relationships-error", "value": "husband-wife", "label": { "text": "Husband or wife" @@ -73,7 +73,7 @@ layout: ~ } }, { - "id": "civil-partner", + "id": "civil-partner-example-relationships-error", "value": "civil-partner", "label": { "text": "Legally registered civil partner" @@ -84,7 +84,7 @@ layout: ~ } }, { - "id": "partner", + "id": "partner-example-relationships-error", "value": "partner", "label": { "text": "Partner" @@ -95,7 +95,7 @@ layout: ~ } }, { - "id": "son-daughter", + "id": "son-daughter-example-relationships-error", "value": "son-daughter", "label": { "text": "Son or daughter" @@ -106,7 +106,7 @@ layout: ~ } }, { - "id": "stepchild", + "id": "stepchild-example-relationships-error", "value": "stepchild", "label": { "text": "Stepchild" @@ -117,7 +117,7 @@ layout: ~ } }, { - "id": "brother-sister", + "id": "brother-sister-example-relationships-error", "value": "brother-sister", "label": { "text": "Brother or sister" @@ -128,7 +128,7 @@ layout: ~ } }, { - "id": "stepbrother-stepsister", + "id": "stepbrother-stepsister-example-relationships-error", "value": "stepbrother-stepsister", "label": { "text": "Stepbrother or stepsister" @@ -139,7 +139,7 @@ layout: ~ } }, { - "id": "mother-father", + "id": "mother-father-example-relationships-error", "value": "mother-father", "label": { "text": "Mother or father" @@ -150,7 +150,7 @@ layout: ~ } }, { - "id": "stepmother-stepfather", + "id": "stepmother-stepfather-example-relationships-error", "value": "stepmother-stepfather", "label": { "text": "Stepmother or stepfather" @@ -161,7 +161,7 @@ layout: ~ } }, { - "id": "grandchild", + "id": "grandchild-example-relationships-error", "value": "grandchild", "label": { "text": "Grandchild" @@ -172,7 +172,7 @@ layout: ~ } }, { - "id": "grandparent", + "id": "grandparent-example-relationships-error", "value": "grandparent", "label": { "text": "Grandparent" @@ -183,7 +183,7 @@ layout: ~ } }, { - "id": "other-relation", + "id": "other-relation-example-relationships-error", "value": "other-relation", "label": { "text": "Other relation" @@ -194,7 +194,7 @@ layout: ~ } }, { - "id": "unrelated", + "id": "unrelated-example-relationships-error", "value": "unrelated", "label": { "text": "Unrelated", diff --git a/src/components/relationships/example-relationships-you.njk b/src/components/relationships/example-relationships-you.njk index 99b9489d08..41cc552113 100644 --- a/src/components/relationships/example-relationships-you.njk +++ b/src/components/relationships/example-relationships-you.njk @@ -38,7 +38,7 @@ layout: ~ "dontWrap": true, "radios": [ { - "id": "husband-wife", + "id": "husband-wife-example-relationships-you", "value": "husband-wife", "label": { "text": "Husband or wife" @@ -49,7 +49,7 @@ layout: ~ } }, { - "id": "civil-partner", + "id": "civil-partner-example-relationships-you", "value": "civil-partner", "label": { "text": "Legally registered civil partner" @@ -60,7 +60,7 @@ layout: ~ } }, { - "id": "partner", + "id": "partner-example-relationships-you", "value": "partner", "label": { "text": "Partner" @@ -71,7 +71,7 @@ layout: ~ } }, { - "id": "son-daughter", + "id": "son-daughter-example-relationships-you", "value": "son-daughter", "label": { "text": "Son or daughter" @@ -82,7 +82,7 @@ layout: ~ } }, { - "id": "stepchild", + "id": "stepchild-example-relationships-you", "value": "stepchild", "label": { "text": "Stepchild" @@ -93,7 +93,7 @@ layout: ~ } }, { - "id": "brother-sister", + "id": "brother-sister-example-relationships-you", "value": "brother-sister", "label": { "text": "Brother or sister" @@ -104,7 +104,7 @@ layout: ~ } }, { - "id": "stepbrother-stepsister", + "id": "stepbrother-stepsister-example-relationships-you", "value": "stepbrother-stepsister", "label": { "text": "Stepbrother or stepsister" @@ -115,7 +115,7 @@ layout: ~ } }, { - "id": "mother-father", + "id": "mother-father-example-relationships-you", "value": "mother-father", "label": { "text": "Mother or father" @@ -126,7 +126,7 @@ layout: ~ } }, { - "id": "stepmother-stepfather", + "id": "stepmother-stepfather-example-relationships-you", "value": "stepmother-stepfather", "label": { "text": "Stepmother or stepfather" @@ -137,7 +137,7 @@ layout: ~ } }, { - "id": "grandchild", + "id": "grandchild-example-relationships-you", "value": "grandchild", "label": { "text": "Grandchild" @@ -148,7 +148,7 @@ layout: ~ } }, { - "id": "grandparent", + "id": "grandparent-example-relationships-you", "value": "grandparent", "label": { "text": "Grandparent" @@ -159,7 +159,7 @@ layout: ~ } }, { - "id": "other-relation", + "id": "other-relation-example-relationships-you", "value": "other-relation", "label": { "text": "Other relation" @@ -170,7 +170,7 @@ layout: ~ } }, { - "id": "unrelated", + "id": "unrelated-example-relationships-you", "value": "unrelated", "label": { "text": "Unrelated", diff --git a/src/components/relationships/example-relationships.njk b/src/components/relationships/example-relationships.njk index 874e6f9de8..4e0566fca5 100644 --- a/src/components/relationships/example-relationships.njk +++ b/src/components/relationships/example-relationships.njk @@ -36,7 +36,7 @@ layout: ~ "dontWrap": true, "radios": [ { - "id": "husband-wife", + "id": "husband-wife-example-relationships", "value": "husband-wife", "label": { "text": "Husband or wife" @@ -47,7 +47,7 @@ layout: ~ } }, { - "id": "civil-partner", + "id": "civil-partner-example-relationships", "value": "civil-partner", "label": { "text": "Legally registered civil partner" @@ -58,7 +58,7 @@ layout: ~ } }, { - "id": "partner", + "id": "partner-example-relationships", "value": "partner", "label": { "text": "Partner" @@ -69,7 +69,7 @@ layout: ~ } }, { - "id": "son-daughter", + "id": "son-daughter-example-relationships", "value": "son-daughter", "label": { "text": "Son or daughter" @@ -80,7 +80,7 @@ layout: ~ } }, { - "id": "stepchild", + "id": "stepchild-example-relationships", "value": "stepchild", "label": { "text": "Stepchild" @@ -91,7 +91,7 @@ layout: ~ } }, { - "id": "brother-sister", + "id": "brother-sister-example-relationships", "value": "brother-sister", "label": { "text": "Brother or sister" @@ -102,7 +102,7 @@ layout: ~ } }, { - "id": "stepbrother-stepsister", + "id": "stepbrother-stepsister-example-relationships", "value": "stepbrother-stepsister", "label": { "text": "Stepbrother or stepsister" @@ -113,7 +113,7 @@ layout: ~ } }, { - "id": "mother-father", + "id": "mother-father-example-relationships", "value": "mother-father", "label": { "text": "Mother or father" @@ -124,7 +124,7 @@ layout: ~ } }, { - "id": "stepmother-stepfather", + "id": "stepmother-stepfather-example-relationships", "value": "stepmother-stepfather", "label": { "text": "Stepmother or stepfather" @@ -135,7 +135,7 @@ layout: ~ } }, { - "id": "grandchild", + "id": "grandchild-example-relationships", "value": "grandchild", "label": { "text": "Grandchild" @@ -146,7 +146,7 @@ layout: ~ } }, { - "id": "grandparent", + "id": "grandparent-example-relationships", "value": "grandparent", "label": { "text": "Grandparent" @@ -157,7 +157,7 @@ layout: ~ } }, { - "id": "other-relation", + "id": "other-relation-example-relationships", "value": "other-relation", "label": { "text": "Other relation" @@ -168,7 +168,7 @@ layout: ~ } }, { - "id": "unrelated", + "id": "unrelated-example-relationships", "value": "unrelated", "label": { "text": "Unrelated", diff --git a/src/components/select/example-select-with-error.njk b/src/components/select/example-select-with-error.njk index 7c024f1b34..a234b38592 100644 --- a/src/components/select/example-select-with-error.njk +++ b/src/components/select/example-select-with-error.njk @@ -2,7 +2,7 @@ {{ onsSelect({ - "id": "select", + "id": "select-example-with-error", "name": "select", "label": { "text": "Question topic" diff --git a/src/components/select/example-select-with-inline-label.njk b/src/components/select/example-select-with-inline-label.njk index db0668b379..16a123dfa6 100644 --- a/src/components/select/example-select-with-inline-label.njk +++ b/src/components/select/example-select-with-inline-label.njk @@ -1,7 +1,7 @@ {% from "components/select/_macro.njk" import onsSelect %} {{ onsSelect({ - "id": "select", + "id": "select-example-with-inline-label", "name": "select", "classes": "ons-u-wa--@xxs", "label": { diff --git a/src/components/select/example-select.njk b/src/components/select/example-select.njk index 92821fbbd5..69327f3352 100644 --- a/src/components/select/example-select.njk +++ b/src/components/select/example-select.njk @@ -1,7 +1,7 @@ {% from "components/select/_macro.njk" import onsSelect %} {{ onsSelect({ - "id": "select", + "id": "select-example", "name": "select", "label": { "text": "Question topic" diff --git a/src/components/textarea/example-textarea-error.njk b/src/components/textarea/example-textarea-error.njk index 52e61a5de3..8b343f3b53 100644 --- a/src/components/textarea/example-textarea-error.njk +++ b/src/components/textarea/example-textarea-error.njk @@ -2,7 +2,7 @@ {{ onsTextarea({ - "id": "textarea", + "id": "textarea-error", "name": "feedback", "label": { "text": "Please provide some feedback", diff --git a/src/components/upload/example-upload-error.njk b/src/components/upload/example-upload-error.njk index ebc2007429..07208aecce 100644 --- a/src/components/upload/example-upload-error.njk +++ b/src/components/upload/example-upload-error.njk @@ -2,7 +2,7 @@ {{ onsUpload({ - "id": "file", + "id": "file-example-upload-error", "accept": ".xls,.xlsx,.pdf", "label": { "description": "File types accepted are XLS and XLSX or PDF", diff --git a/src/components/upload/example-upload.njk b/src/components/upload/example-upload.njk index 67335534a3..7da43036e0 100644 --- a/src/components/upload/example-upload.njk +++ b/src/components/upload/example-upload.njk @@ -2,7 +2,7 @@ {{ onsUpload({ - "id": "file", + "id": "file-example-upload", "accept": ".xls,.xlsx,.pdf", "label": { "description": "File types accepted are XLS and XLSX or PDF", diff --git a/src/patterns/addresses/example-address-input-manual-error.njk b/src/patterns/addresses/example-address-input-manual-error.njk index 559f1763a6..16bba519c5 100644 --- a/src/patterns/addresses/example-address-input-manual-error.njk +++ b/src/patterns/addresses/example-address-input-manual-error.njk @@ -48,12 +48,12 @@ layout: ~