Work out our approach to embedded web views in apps

[christopherthomasdesign]

Brief

Understand how the Design System will be affected by in-app web views that are part of the One Login journey, and document what our position is.

Epic lead

Romaric

Driving role(s)

Developer

Supporting role(s)

Delivery Manager, Lead Developer, Lead Designer

Needs awareness

Accessibility Specialist

Further information

The One Login and GOV.UK programmes are currently looking at how web views of GOV.UK might be embedded in the app. A few main topics have come up, there may be more than this:

• how dark mode applies across a web and app context – we want to avoid journeys where pages switch between light and dark mode
• how type scaling works across an app and an embedded website
• more generally, how styling should work – to what degree should it try match or inherit what the app does (this is possibly a stretch goal, feel free to de-scope)

We should think about how this might affect the Design System, and help create an approach for the Design System, web-based services and apps to all work together.

There's a cross-GDS working group looking at apps, led by Helena Trippe on the One Login programme. It meets every two weeks on Thursday at 11am – maybe we should plan to lead one of the sessions if we need to gather information or get feedback?

Tasks

Beta Give feedback

1. Spike to understand how far turning our Sass variables to CSS custom properties would bring us govuk-frontend#4900
   +0
   
2. Spike to understand which colours would need adjusting to have a well designed dark mode govuk-frontend#4903
   +0
   
3. Spike to understand the relationship between system and user preferences for setting dark mode govuk-frontend#4901
   +0
   
4. Spike some minimal infrastructure to test inside actual web views govuk-frontend#4904
   +0
5. Spike to understand how to match dynamic text size from iOS govuk-frontend#4902
   +0
6. [STRETCH] Identify impacts on other pieces of our infrastructure (tests, review app, websites...) #3709
   +0
7. Spike what PostCSS custom properties may offer for supporting older browsers govuk-frontend#4907
   +0
   
8. [STRECH] Spike if a Stylelint plugin could enforce the layers of abstractions we want around colours govuk-frontend#4920
   colour sass / css tooling +3
9. Spike how we can use sass to support custom properties on older browsers govuk-frontend#4925
   sass / css +1