Help users to Toggle to Welsh

observed

This pattern lets the user change the language used in a service from English to Welsh and from Welsh to English.

When to use this pattern

Use the Welsh language toggle when a service is available in Welsh.

When not to use this pattern

Do not use the Welsh language toggle when a service has no Welsh language option.

How it works

You should put the toggle to Welsh on the right-hand side below the:

The Welsh language toggle should appear on every page of the service.

When a user selects a language the page should change to the language selected. The user should be shown this language for the rest of the journey unless they decide to change to the other language option.

When a user selects a language they should stay on the same page of the service. They should not be taken back to the beginning of the service. Any information they have already entered should be kept.

If your service is not able to use the toggle to Welsh pattern

If you’re unable to use the toggle to Welsh pattern on your service you should include a signpost to the Welsh language option on the start page of the service.

Do not place the Welsh language option in the footer of the page.

Accessibility requirements

To meet WCAG 2.1 success criterion 3.1.2 ‘Language of parts’ services should make sure the language attribute has been applied properly. This helps things like screen readers to pronounce the content correctly.

To meet this requirement, text that is not in the default language of the page needs to have the correct HTML language attribute applied to it.

In the English version of the service the page’s default language will be specified as English with <html lang=en>, so the toggle link ‘Cymraeg’ should have the language attribute cy.

In the Welsh version of the service the page’s default language will be specified as Welsh with <html lang=cy>, so the toggle link ‘English’ should have the HTML language attribute en.

The inactive toggle text (‘English’ on the English version of the site, ‘Cymraeg’ on the Welsh version) does not need a separate language attribute because it is in the default language of the page.

Research on this pattern

More research is needed on this pattern.

You can help to improve this pattern by:

Get in touch

If you’ve got a question, idea or suggestion share it in #design-system channel on Slack or email the Design System team on dwp-design-system@engineering.digital.dwp.gov.uk