Design notes
There has been a [backlog item in the GOV.UK Design System][(https://github.com/alphagov/govuk-design-system-backlog/issues/104)] since 2018 but it has not been published as an official pattern. There is a related modal dialog component which is also at the prototype stage.
Several DWP services were already using the modal dialog included in HMRC frontend: our pattern is also based on the HMRC modal dialog.
Using a modal (popup)
The main challenge designers face when implementing this pattern is how to make a modal (popup) dialog in a way that remains accessible. The modal depends on JavaScript to work, and all our patterns and components need to work without JavaScript.
If JavaScript is not enabled on the user's browser, our pattern instead recommends a static banner at the top of the page.
Get support
Need help implementing this in a prototype or production build? Get support from the Design System team.
Give feedback
We depend on insights from real projects to update and improve the design system. If you use something we made, tell us how it went.
Could we improve this page?
Send questions, comments or suggestions to the DWP Design System team.
Last updated: