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

Submit a photo #120

sanjaypoyzer opened this Issue Jan 22, 2018 · 7 comments


5 participants

sanjaypoyzer commented Jan 22, 2018


Help users submit a photo of themselves to a service by uploading it or using the camera on their device. Ask users questions to determine the best option for them.

Note: In the future it will hopefully be possible to use HMPO's passport photos instead of this.


This pattern is being used by DfT in the Apply for a blue badge Alpha.

Users are required to upload a photo of themselves for their bus pass. The easiest way for most users to do this is by taking a photo with their device.

Anything else

I've documented the pattern as used in the concessionary travel service.

The research on this pattern is documented here.

All of relevant HTML is here. (Sorry I haven't organised it better).

js file 1
js file 2


This proposal was reviewed by a panel of designers from GDS, DVLA, HMRC, DWP and Home Office on 15 Feb 2018.

The panel agreed that the pattern should be included in the GOV.UK Design System with the following recommendations.

Pattern scope

Make sure that the scope of the pattern reflects the most common user tasks. It might be useful to broaden it and make it more generic, or alternatively break it down into a group of smaller more specific sub-patterns.

Photo requirements

Different services have different requirements for which images they will accept. The pattern should acknowledge this and give appropriate guidance.

For example, DVLA need a ‘recent and true’ likeness’ for their photos, but passport photos aren’t always recent. Similarly, passport photos have requirements that don’t apply to other services.

Technical guidance

The developer of this patterns should consider how much guidance can realistically be provided about transferring photos from all the different types of device.


This comment has been minimized.


timpaul commented Feb 9, 2018

Thanks for this Sanjay. We've recently updated our template for proposed patterns, so I've amended your original comment to reflect this. Hope you don't mind.

The Design System Working Group will be reviewing this proposal next Friday (16 Feb). They will review the broad approach rather than the specific implementation. Members of the group may ask questions on this issue prior to the review - if you have time it would be great if you could answer them.


This comment has been minimized.


govuk-design-system commented Feb 20, 2018

@sanjaypoyzer the pattern has been reviewed and the recommendations are written within the issue. Please contact the GOV.UK Design System team for next steps on


This comment has been minimized.


joelanman commented Feb 24, 2018

Kevin McHale on Virtual hearings has interesting research and design on asking for camera permission, we should investigate.


This comment has been minimized.


joelanman commented Apr 4, 2018

Just to say I've checked through this and I think we have all the components it requires already in the Design System


This comment has been minimized.


nickcolley commented Apr 4, 2018

The implementation referenced in the issue uses newer browser features, we'd need to do work to make sure this is actually a pattern we can recommend given the browsers we support.


This comment has been minimized.


joelanman commented Apr 4, 2018

Agent sniffing is something to avoid generally - it's hard to maintain a good list of user agents. We could use javascript instead to look for the presence of a webcam - this would be future friendly. A new browser would probably be missing from the user agent list, but would probably support the standard JavaScript webcam API.

@timpaul timpaul added the pattern label May 21, 2018


This comment has been minimized.


timpaul commented May 21, 2018

Hi @sanjaypoyzer. What do you think about renaming this pattern to 'Submit a photo'? We need something that works with our 'Help users to...' naming convention. eg.


@sanjaypoyzer sanjaypoyzer changed the title from Ask users for a photo of themself to Submit a photo Jun 26, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment