Add DRAFT / PREVIEW watermark to preview screens

[alphagov]

Add DRAFT / PREVIEW watermark to preview screens

[christophercameron-ixd]

@hannahkc can we decide what the wording should be? Draft or Preview?

[hannahkc]

For the watermark? I had said that I think I'd prefer to use 'preview' so we're consistent with what we're calling it. Though I imagine we'd perhaps use 'draft' as a status for a form when we start showing those... So actually, if draft will be consistent with that, it might be good to use 'Draft' for the watermark. As that will imply its a preview but also be clear that it's not a live form. For the hidden heading addition we should use preview. Sound ok?

…

On Wed, 22 Jun 2022, 11:37 Christopher Cameron, ***@***.***> wrote: @hannahkc <https://github.com/hannahkc> can we decide what the wording should be? Draft or Preview? — Reply to this email directly, view it on GitHub <#84 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AF3XHEYFAAIMVF527QVCUQDVQLUHDANCNFSM5ZPXCTKQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[DavidBiddle]

'Draft' for the watermark will be easier if we want to copy the implementation on the publishing journey.

We could we add the 'preview' text to the end of the page title instead of (or in addition to) hiding it in the heading - e.g. What is your name? - GOV.UK Forms Preview - that way it would be read out to a screen reader user on each page change, which is roughly analogous to seeing a big watermark on every page load, but they'd still get the important content (i.e. the question title) first.

[DavidBiddle]

@christophercameron-ixd I've created a PR for that here: #91 - it contains both the change to the heading and the change to the page title, let me know if you'd like me to pull either of those out before merging.