C08. Language selector

13 Jan 2022

Component finalised

@Japneet Kaur (Deactivated) @Steven Mao (Unlicensed)

BR-1

The language selector allows a visitor of the website to change their language for certain web content supported in that language.

BR-2

The multi-lingual authoring and creation will be based on functionality that is out of the box in AEM. There is flexibility to add new languages in the future.

BR-3

By default language will be set as English on all webpages unless otherwise updated.

BR-4

Desktop header

• As part of the website header, there is a language dropdown available.

• On click of an available language, the website will refresh. Users will now see the same content in the chosen language.

• The language selector can be added or removed from the header as required.

BR-5

Mobile global navigation

• On mobile, users need to select the menu to view an option to change their language.

• Once the prompt is selected, users are able to see a dropdown of languages they can select from

• On click of an available language, the website will refresh. Users will now see the same content in the chosen language.

• The language selector can be added or removed from navigation menu bar on mobile as required.

1

Language selector

Dropdown/ Button

Y

English

On selecting the language dropdown/button, user will be able to select their preferred language.