New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modal dialogue #30

govuk-design-system opened this Issue Jan 12, 2018 · 3 comments


6 participants

govuk-design-system commented Jan 12, 2018

Also known as: Modal window, pop-up


A pop up window that appears over the current page and requires interaction before the user can proceed.


Services using this pattern:

  • Employers Checking Service
  • Passport renewals (timeout)

Anything else


This comment has been minimized.


ignaciaorellana commented Feb 20, 2018

I had a chat with @hannalaakso and the example component is also referenced in the Timeout warning. We recommend for now to look at both issues in the backlog.


This comment has been minimized.


owenm6 commented Mar 1, 2018

We have updated our guidance which makes it clear to avoid modals in most cases. Timeout is one of the few cases where a modal is appropriate -

@joelanman joelanman added the candidate label Apr 5, 2018


This comment has been minimized.


hannalaakso commented Apr 19, 2018

Here's our draft accessibility criteria for modal dialogs:

Here's a Dropbox paper article that discusses Modal dialogs:

@penx penx referenced this issue May 2, 2018


Get to version 1 #61

5 of 11 tasks complete

@timpaul timpaul added component and removed candidate labels May 21, 2018

@stevenaproctor stevenaproctor referenced this issue Nov 26, 2018


Service timeout #175

0 of 5 tasks complete
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment