Updates to design system examples august25 WIP

[sarawilcox]

Description

We've identified a number of places where our components are inconsistent, look too much like GOV, aren't up to date with latest tested practice, or have clinical content that has been superceded.

I've updated the content in a number of components.

LATEST: INCOMPLETE

Related issue

#2163

Checklist

• Tested against the NHS.UK frontend testing policy (Resolution, Browser & Accessibility)
• Code follows the NHS.UK frontend coding standards
• Version number has been increased in package.json (using SEMVER)
• CHANGELOG entry
• Whats new page entry

[sarawilcox]

@colinrotherham it looks like I've done something wrong on the hint text page with the checkbox example at the top of the page. It's no longer displaying. Would you mind taking a look when you have a mo, please?

In fact, it looks like I've knocked out a couple of examples on that page when I changed the content in the question.

It used to say:

How would you like to be contacted?

And we've been advised to make it:

How do you want to be contacted about this?

[colinrotherham]

All fixed again @sarawilcox

There was a little typo and I've fixed the 404 pages for component examples

[colinrotherham]

@sarawilcox I noticed the reverse breadcrumb content had changed 👀

We've released reverse back links and action links since too so I've updated their content to match

That alright?

[sarawilcox]

Thanks @colinrotherham . I'll come back to this next week.

[edwardhorsford]

My personal view is that this visible label isn't necessary - hence prefer the hidden version. I note the new version matches GOV.UK though so presumably they decided to stop hiding it too.

[sarawilcox]

@sarawilcox I noticed the reverse breadcrumb content had changed 👀

We've released reverse back links and action links since too so I've updated their content to match

That alright?

Hi @colinrotherham , I've made some minor content tweaks to shorten and align the content across the various reverse examples.

[colinrotherham]

Thanks @sarawilcox I've fixed the conflict too

We had a few Nunjucks examples/patterns that weren't following our usual rules so I've pushed up some fixes

E.g. Preferring double quotes, moving {% extends %} to the top etc

[sonarqubecloud]

Quality Gate failed

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud