alphagov / govuk_elements

❗️GOV.UK Elements is deprecated, and will only receive major bug fixes and security patches.
https://govuk-elements.herokuapp.com/
MIT License
227 stars 90 forks source link

Add an example of a question page with a lot of content #542

Closed edwardhorsford closed 6 years ago

edwardhorsford commented 7 years ago

Raising in Elements, but might be better somewhere else.

Was recently talking with Jen Lambourne about a page with a fair amount of content - and how it should look / be marked up. With our current examples and page per thing we'd likely end up with pages where the question is a large distance from the input it's related to.

In this case, it's probably better to have a more generic h1, paragraph, and then the question.

An example from Passports: 42 compare your old and new photos renew your passport gov uk

Would be good for us to explore markup to correctly associate the description with the question.

edwardhorsford commented 7 years ago

I've realised that the Form validation - single question is almost what I want.

Suggest changing that to be an example for more content, and then making another single question example which has no content (raised as #543 )

selfthinker commented 7 years ago

I agree that it would be good to write more (and better) text for the "single question" example. Mostly because the additional text is not necessary. It could easily be changed to make h1 and legend the same. ("Are your personal details correct and up-to-date?" as h1/legend with no intro.) The new page with more content should make clear from the context that that content is necessary to have on the page.

edwardhorsford commented 7 years ago

A couple examples from passports with additional guidance: screen shot 2017-10-10 at 15 10 50 screen shot 2017-10-10 at 15 10 04 screen shot 2017-10-10 at 15 07 35

36degrees commented 6 years ago

Following the launch of the GOV.UK Design System, GOV.UK Elements will now only get major bug fixes and security patches, so I'm going to close this.