Panel variation

[DanGuyMOJ]

Panels often contain reference numbers that users need to copy/paste.

During research on the LPA service, users encountered problems when attempting to copy/paste this code because the copied text maintained white styling, so was not visible to the user when pasted into emails etc. This was particularly a problem for less technologically savvy users.

We addressed this firstly by making the text black on a white background, and secondly by providing a "copy code" button, as shown in the attached image.

I wanted to feed this back into the design system incase similar issues occur on other services.

[36degrees]

@DanGuyMOJ this is really helpful, thank you. Would you mind adding your comment to the 'Panel' issue in the Design System backlog?

alphagov/govuk-design-system-backlog#55