govuk-frontend

It is open source, yeah: https://github.com/alphagov/govuk-frontend (Apart from the GDS Transport font, which is exclusive to GOV.UK websites)

Haha, hi AL! Yeah the target for this definitely isn't the regular transactional GOV.UK services. I've added a note at the top of the installation guide: > GOV.UK Vue (or any JavaScript library) might not be suitable for your project if it's a standard transactional government service. Make sure you read the guidance on progressive enhancement and building more complex services before starting. GOV.UK Vue is designed to be used in more complex services, like interactive mapping, or internal tools where you've determined that JavaScript is acceptable. GDS are also currently doing exploratory work to investigate how Frontend can be more closely integrated with React/Vue/Svelte/Angular etc, so it's definitely not verboten: https://github.com/alphagov/govuk-frontend/issues/5172 SSR/SSG is supported (the docs website is an SSG Nuxt app) but I

One example is the RNIB (Blindness and sight loss charity in the UK) - they use various bits of GOV.UK Frontend on their website, such as the breadcrumbs and accordion on [0]. Many local councils use it too (or a version of it). Because it's so heavily tested for accessibility it makes sense to use in those kinds of contexts where accessibility is a very high priority. GOV.UK Frontend can be heavily customised via Sass variables (eg the font stack in [1]) so the components don't have to look like GOV.UK if you don't want them to. GOV.UK Vue pulls all its styling from Frontend so it's as customisable as Frontend is. [0] https://www.rnib.org.uk/living-with-sight-loss/assistive-aid... [1] https://github.com/alphagov/govuk-frontend/blob/main/package...

GOV.UK Frontend is already fully open source [0] with comprehensive documentation [1] and GDS encourage community contributions, libraries and resources [2]. If there was any worry about phishing that would be a question for GDS [0] https://github.com/alphagov/govuk-frontend [1] https://design-system.service.gov.uk/ [2] https://design-system.service.gov.uk/community/resources-and...

It depends on the level of contribution. You can contribute by responding to the discussions in the backlog[0], by improving the actual distributed styles and code[1] or suggesting improvements to the documentation in the link I posted above. Bigger changes need to be backed up with user research, evidence of user needs and accessibility reviews and checks. [0] https://github.com/alphagov/govuk-design-system-backlog [1] https://github.com/alphagov/govuk-frontend

This team is really something when it comes to transparency. For a government entity, an unreasonably large amount of their work is on GitHub. Examples: Front end design system: https://github.com/alphagov/govuk-frontend Project board: https://github.com/orgs/alphagov/projects/4 Requests for comment: https://github.com/alphagov/govuk-rfcs Gov.uk infrastructure as code (WIP): https://github.com/alphagov/govuk-infrastructure “The GDS way”: How they work, tech stack, processes, etc https://github.com/alphagov/gds-way “Terraform modules for on-boarding with Cyber Security services eg define the IAM SecurityAudit role”: https://github.com/alphagov/cyber-security-shared-terraform-... Full GitHub org with >1,500 repos: https://github.com/alphagov

This is wonderful! For me, accessibility has always been kind of an afterthought. Not because I don't think it's important but because I don't really have the knowledge of best practices. I hope someone creates a generator for it because I would easily make this my standard front-end for all new projects. You can check out the code at https://github.com/alphagov/govuk-frontend

Those iOS issues with type="number" are really interesting – thanks for sharing. Support for inputmode was added in iOS 12.2, but initially it used the 'numeric keypad with punctuation' – is that what you mean by 'the keyboard shown varies from that for pattern='? iOS 13 updated this behaviour, so it now uses the 'correct' numeric keypad, without the punctuation keys. The pattern attribute is still provided in order to trigger the numeric keypad on older versions of iOS. Once traffic from older iOS devices drops off we'll likely remove it. There's a little more info here: https://github.com/alphagov/govuk-frontend/issues/1449 (I work on the team)

Disclosure - I work on the team. The GDS equivalent, GOV.UK Frontend, is part of the GOV.UK Design System: - https://design-system.service.gov.uk/ - https://github.com/alphagov/govuk-frontend