@@ -254,7 +254,15 @@ exports[`renders page one error 1`] = `
254254 <p >
255255 Use double brackets to add a personalisation field to your content. For example:
256256 </p >
257- <code >
257+ <span
258+ class = " nhsuk-u-visually-hidden"
259+ id = " personalisation-description"
260+ >
261+ An example of personalised message content:
262+ </span >
263+ <code
264+ aria-describedby = " personalisation-description"
265+ >
258266 Hello ((firstName)), your NHS number is ((nhsNumber))
259267 </code >
260268 <p
@@ -342,7 +350,7 @@ exports[`renders page one error 1`] = `
342350 class = " nhsuk-u-visually-hidden"
343351 id = " linebreak-description"
344352 >
345- Markdown example:
353+ An example of markdown :
346354 </span >
347355 <code
348356 aria-describedby = " linebreak-description"
@@ -372,7 +380,7 @@ exports[`renders page one error 1`] = `
372380 class = " nhsuk-u-visually-hidden"
373381 id = " paragraph-break-description"
374382 >
375- Markdown example:
383+ An example of markdown :
376384 </span >
377385 <code
378386 aria-describedby = " paragraph-break-description"
@@ -415,7 +423,7 @@ exports[`renders page one error 1`] = `
415423 class = " nhsuk-u-visually-hidden"
416424 id = " heading-description"
417425 >
418- Markdown example:
426+ An example of markdown :
419427 </span >
420428 <code
421429 aria-describedby = " heading-description"
@@ -431,7 +439,7 @@ exports[`renders page one error 1`] = `
431439 class = " nhsuk-u-visually-hidden"
432440 id = " subheading-description"
433441 >
434- Markdown example:
442+ An example of markdown :
435443 </span >
436444 <code
437445 aria-describedby = " subheading-description"
@@ -465,7 +473,7 @@ exports[`renders page one error 1`] = `
465473 class = " nhsuk-u-visually-hidden"
466474 id = " bullet-list-description"
467475 >
468- Markdown example:
476+ An example of markdown :
469477 </span >
470478 <code
471479 aria-describedby = " bullet-list-description"
@@ -513,7 +521,7 @@ exports[`renders page one error 1`] = `
513521 class = " nhsuk-u-visually-hidden"
514522 id = " numbered-list-description"
515523 >
516- Markdown example:
524+ An example of markdown :
517525 </span >
518526 <code
519527 aria-describedby = " numbered-list-description"
@@ -561,7 +569,7 @@ exports[`renders page one error 1`] = `
561569 class = " nhsuk-u-visually-hidden"
562570 id = " horizontal-rule-description"
563571 >
564- Markdown example:
572+ An example of markdown :
565573 </span >
566574 <code
567575 aria-describedby = " horizontal-rule-description"
@@ -607,7 +615,7 @@ exports[`renders page one error 1`] = `
607615 class = " nhsuk-u-visually-hidden"
608616 id = " link-url-description"
609617 >
610- Markdown example:
618+ An example of markdown :
611619 </span >
612620 <code
613621 aria-describedby = " link-url-description"
@@ -626,7 +634,7 @@ exports[`renders page one error 1`] = `
626634 class = " nhsuk-u-visually-hidden"
627635 id = " link-url-markdown-description"
628636 >
629- Markdown example:
637+ An example of markdown :
630638 </span >
631639 <code
632640 aria-describedby = " link-url-markdown-description"
@@ -967,7 +975,15 @@ exports[`renders page with multiple errors 1`] = `
967975 <p >
968976 Use double brackets to add a personalisation field to your content. For example:
969977 </p >
970- <code >
978+ <span
979+ class = " nhsuk-u-visually-hidden"
980+ id = " personalisation-description"
981+ >
982+ An example of personalised message content:
983+ </span >
984+ <code
985+ aria-describedby = " personalisation-description"
986+ >
971987 Hello ((firstName)), your NHS number is ((nhsNumber))
972988 </code >
973989 <p
@@ -1055,7 +1071,7 @@ exports[`renders page with multiple errors 1`] = `
10551071 class = " nhsuk-u-visually-hidden"
10561072 id = " linebreak-description"
10571073 >
1058- Markdown example:
1074+ An example of markdown :
10591075 </span >
10601076 <code
10611077 aria-describedby = " linebreak-description"
@@ -1085,7 +1101,7 @@ exports[`renders page with multiple errors 1`] = `
10851101 class = " nhsuk-u-visually-hidden"
10861102 id = " paragraph-break-description"
10871103 >
1088- Markdown example:
1104+ An example of markdown :
10891105 </span >
10901106 <code
10911107 aria-describedby = " paragraph-break-description"
@@ -1128,7 +1144,7 @@ exports[`renders page with multiple errors 1`] = `
11281144 class = " nhsuk-u-visually-hidden"
11291145 id = " heading-description"
11301146 >
1131- Markdown example:
1147+ An example of markdown :
11321148 </span >
11331149 <code
11341150 aria-describedby = " heading-description"
@@ -1144,7 +1160,7 @@ exports[`renders page with multiple errors 1`] = `
11441160 class = " nhsuk-u-visually-hidden"
11451161 id = " subheading-description"
11461162 >
1147- Markdown example:
1163+ An example of markdown :
11481164 </span >
11491165 <code
11501166 aria-describedby = " subheading-description"
@@ -1178,7 +1194,7 @@ exports[`renders page with multiple errors 1`] = `
11781194 class = " nhsuk-u-visually-hidden"
11791195 id = " bullet-list-description"
11801196 >
1181- Markdown example:
1197+ An example of markdown :
11821198 </span >
11831199 <code
11841200 aria-describedby = " bullet-list-description"
@@ -1226,7 +1242,7 @@ exports[`renders page with multiple errors 1`] = `
12261242 class = " nhsuk-u-visually-hidden"
12271243 id = " numbered-list-description"
12281244 >
1229- Markdown example:
1245+ An example of markdown :
12301246 </span >
12311247 <code
12321248 aria-describedby = " numbered-list-description"
@@ -1274,7 +1290,7 @@ exports[`renders page with multiple errors 1`] = `
12741290 class = " nhsuk-u-visually-hidden"
12751291 id = " horizontal-rule-description"
12761292 >
1277- Markdown example:
1293+ An example of markdown :
12781294 </span >
12791295 <code
12801296 aria-describedby = " horizontal-rule-description"
@@ -1320,7 +1336,7 @@ exports[`renders page with multiple errors 1`] = `
13201336 class = " nhsuk-u-visually-hidden"
13211337 id = " link-url-description"
13221338 >
1323- Markdown example:
1339+ An example of markdown :
13241340 </span >
13251341 <code
13261342 aria-describedby = " link-url-description"
@@ -1339,7 +1355,7 @@ exports[`renders page with multiple errors 1`] = `
13391355 class = " nhsuk-u-visually-hidden"
13401356 id = " link-url-markdown-description"
13411357 >
1342- Markdown example:
1358+ An example of markdown :
13431359 </span >
13441360 <code
13451361 aria-describedby = " link-url-markdown-description"
@@ -1603,7 +1619,15 @@ exports[`renders page with preloaded field values 1`] = `
16031619 <p >
16041620 Use double brackets to add a personalisation field to your content. For example:
16051621 </p >
1606- <code >
1622+ <span
1623+ class = " nhsuk-u-visually-hidden"
1624+ id = " personalisation-description"
1625+ >
1626+ An example of personalised message content:
1627+ </span >
1628+ <code
1629+ aria-describedby = " personalisation-description"
1630+ >
16071631 Hello ((firstName)), your NHS number is ((nhsNumber))
16081632 </code >
16091633 <p
@@ -1691,7 +1715,7 @@ exports[`renders page with preloaded field values 1`] = `
16911715 class = " nhsuk-u-visually-hidden"
16921716 id = " linebreak-description"
16931717 >
1694- Markdown example:
1718+ An example of markdown :
16951719 </span >
16961720 <code
16971721 aria-describedby = " linebreak-description"
@@ -1721,7 +1745,7 @@ exports[`renders page with preloaded field values 1`] = `
17211745 class = " nhsuk-u-visually-hidden"
17221746 id = " paragraph-break-description"
17231747 >
1724- Markdown example:
1748+ An example of markdown :
17251749 </span >
17261750 <code
17271751 aria-describedby = " paragraph-break-description"
@@ -1764,7 +1788,7 @@ exports[`renders page with preloaded field values 1`] = `
17641788 class = " nhsuk-u-visually-hidden"
17651789 id = " heading-description"
17661790 >
1767- Markdown example:
1791+ An example of markdown :
17681792 </span >
17691793 <code
17701794 aria-describedby = " heading-description"
@@ -1780,7 +1804,7 @@ exports[`renders page with preloaded field values 1`] = `
17801804 class = " nhsuk-u-visually-hidden"
17811805 id = " subheading-description"
17821806 >
1783- Markdown example:
1807+ An example of markdown :
17841808 </span >
17851809 <code
17861810 aria-describedby = " subheading-description"
@@ -1814,7 +1838,7 @@ exports[`renders page with preloaded field values 1`] = `
18141838 class = " nhsuk-u-visually-hidden"
18151839 id = " bullet-list-description"
18161840 >
1817- Markdown example:
1841+ An example of markdown :
18181842 </span >
18191843 <code
18201844 aria-describedby = " bullet-list-description"
@@ -1862,7 +1886,7 @@ exports[`renders page with preloaded field values 1`] = `
18621886 class = " nhsuk-u-visually-hidden"
18631887 id = " numbered-list-description"
18641888 >
1865- Markdown example:
1889+ An example of markdown :
18661890 </span >
18671891 <code
18681892 aria-describedby = " numbered-list-description"
@@ -1910,7 +1934,7 @@ exports[`renders page with preloaded field values 1`] = `
19101934 class = " nhsuk-u-visually-hidden"
19111935 id = " horizontal-rule-description"
19121936 >
1913- Markdown example:
1937+ An example of markdown :
19141938 </span >
19151939 <code
19161940 aria-describedby = " horizontal-rule-description"
@@ -1956,7 +1980,7 @@ exports[`renders page with preloaded field values 1`] = `
19561980 class = " nhsuk-u-visually-hidden"
19571981 id = " link-url-description"
19581982 >
1959- Markdown example:
1983+ An example of markdown :
19601984 </span >
19611985 <code
19621986 aria-describedby = " link-url-description"
@@ -1975,7 +1999,7 @@ exports[`renders page with preloaded field values 1`] = `
19751999 class = " nhsuk-u-visually-hidden"
19762000 id = " link-url-markdown-description"
19772001 >
1978- Markdown example:
2002+ An example of markdown :
19792003 </span >
19802004 <code
19812005 aria-describedby = " link-url-markdown-description"
@@ -2217,7 +2241,15 @@ exports[`renders page without back link for initial state with id - edit mode 1`
22172241 <p >
22182242 Use double brackets to add a personalisation field to your content. For example:
22192243 </p >
2220- <code >
2244+ <span
2245+ class = " nhsuk-u-visually-hidden"
2246+ id = " personalisation-description"
2247+ >
2248+ An example of personalised message content:
2249+ </span >
2250+ <code
2251+ aria-describedby = " personalisation-description"
2252+ >
22212253 Hello ((firstName)), your NHS number is ((nhsNumber))
22222254 </code >
22232255 <p
@@ -2305,7 +2337,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
23052337 class = " nhsuk-u-visually-hidden"
23062338 id = " linebreak-description"
23072339 >
2308- Markdown example:
2340+ An example of markdown :
23092341 </span >
23102342 <code
23112343 aria-describedby = " linebreak-description"
@@ -2335,7 +2367,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
23352367 class = " nhsuk-u-visually-hidden"
23362368 id = " paragraph-break-description"
23372369 >
2338- Markdown example:
2370+ An example of markdown :
23392371 </span >
23402372 <code
23412373 aria-describedby = " paragraph-break-description"
@@ -2378,7 +2410,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
23782410 class = " nhsuk-u-visually-hidden"
23792411 id = " heading-description"
23802412 >
2381- Markdown example:
2413+ An example of markdown :
23822414 </span >
23832415 <code
23842416 aria-describedby = " heading-description"
@@ -2394,7 +2426,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
23942426 class = " nhsuk-u-visually-hidden"
23952427 id = " subheading-description"
23962428 >
2397- Markdown example:
2429+ An example of markdown :
23982430 </span >
23992431 <code
24002432 aria-describedby = " subheading-description"
@@ -2428,7 +2460,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
24282460 class = " nhsuk-u-visually-hidden"
24292461 id = " bullet-list-description"
24302462 >
2431- Markdown example:
2463+ An example of markdown :
24322464 </span >
24332465 <code
24342466 aria-describedby = " bullet-list-description"
@@ -2476,7 +2508,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
24762508 class = " nhsuk-u-visually-hidden"
24772509 id = " numbered-list-description"
24782510 >
2479- Markdown example:
2511+ An example of markdown :
24802512 </span >
24812513 <code
24822514 aria-describedby = " numbered-list-description"
@@ -2524,7 +2556,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
25242556 class = " nhsuk-u-visually-hidden"
25252557 id = " horizontal-rule-description"
25262558 >
2527- Markdown example:
2559+ An example of markdown :
25282560 </span >
25292561 <code
25302562 aria-describedby = " horizontal-rule-description"
@@ -2570,7 +2602,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
25702602 class = " nhsuk-u-visually-hidden"
25712603 id = " link-url-description"
25722604 >
2573- Markdown example:
2605+ An example of markdown :
25742606 </span >
25752607 <code
25762608 aria-describedby = " link-url-description"
@@ -2589,7 +2621,7 @@ exports[`renders page without back link for initial state with id - edit mode 1`
25892621 class = " nhsuk-u-visually-hidden"
25902622 id = " link-url-markdown-description"
25912623 >
2592- Markdown example:
2624+ An example of markdown :
25932625 </span >
25942626 <code
25952627 aria-describedby = " link-url-markdown-description"
0 commit comments