{"id":14406,"date":"2021-03-02T15:48:00","date_gmt":"2021-03-02T20:48:00","guid":{"rendered":"https:\/\/www.yorku.ca\/digitalexperiencehub\/?page_id=14406"},"modified":"2021-03-03T13:24:58","modified_gmt":"2021-03-03T18:24:58","slug":"using-language-switcher","status":"publish","type":"page","link":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/","title":{"rendered":"Using Language Switcher on Bilingual website"},"content":{"rendered":"\n<p>When someone lands on your multilingual site, you want them to have a consistent user experience which includes the ease at which they find your language switcher, no matter which language version of your site they land on. This means French speaking visitors who visit your English site should see the same branding and design as the Fran\u00e7ois version.<\/p>\n\n\n\n<p>To achieve this, we have introduced two variations for different scenarios:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p style=\"font-size:25px\">1. <strong>When the entire website is fully bilingual<\/strong><\/p>\n\n\n\n<p>In a case where all the pages on your website are fully translated, the language switcher is placed in the most prominent location which is the header. This ensures consistency in the switcher location on every page on the website. <\/p>\n\n\n\n<p>Below is a visual example using the Glendon Campus website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-very-light-gray-background-color has-background grey-bg-block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-medium-font-size\"><strong>Desktop View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View-1024x546.jpg\" alt=\"language switcher in desktop view\" class=\"wp-image-14408\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View-1024x546.jpg 1024w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View-300x160.jpg 300w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View.jpg 1530w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-medium-font-size\"><strong>Mobile View<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Mobile-View.jpg\" alt=\"language switcher in mobile view\" class=\"wp-image-14409\" width=\"317\" height=\"402\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Mobile-View.jpg 465w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Mobile-View-236x300.jpg 236w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p style=\"font-size:25px\">2. <strong>When few pages are bilingual<\/strong><\/p>\n\n\n\n<p>In cases where one or two pages on your website are bilingual, the language switcher is to be placed at the top of the content body. This ensures that the switcher options is visible above the fold for visitors to interact with thus improving the overall user experience of visitors.<\/p>\n\n\n\n<p>Below is a visual example of a page within the Service Excellence website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-very-light-gray-background-color has-background grey-bg-block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-medium-font-size\"><strong>Desktop View<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"316\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/ssrp-desktop-view-1024x316.jpg\" alt=\"\" class=\"wp-image-14412\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/ssrp-desktop-view-1024x316.jpg 1024w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/ssrp-desktop-view-300x92.jpg 300w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/ssrp-desktop-view.jpg 1431w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-medium-font-size\"><strong>Mobile View<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/ssrp-mobile-view.jpg\" alt=\"\" class=\"wp-image-14413\" width=\"379\" height=\"394\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/ssrp-mobile-view.jpg 556w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/ssrp-mobile-view-289x300.jpg 289w\" sizes=\"auto, (max-width: 379px) 100vw, 379px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Please note:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The first variation is to be used when your website if fully translated<\/li><li>The second option is to be used when few pages within your website are translated<\/li><\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>When someone lands on your multilingual site, you want them to have a consistent user experience which includes the ease at which they find your language switcher, no matter which language version of your site they land on. This means French speaking visitors who visit your English site should see the same branding and design [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":12292,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","ngg_post_thumbnail":0,"footnotes":""},"tags":[],"class_list":["post-14406","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using Language Switcher on Bilingual website - Digital Experience Hub<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Language Switcher on Bilingual website - Digital Experience Hub\" \/>\n<meta property=\"og:description\" content=\"When someone lands on your multilingual site, you want them to have a consistent user experience which includes the ease at which they find your language switcher, no matter which language version of your site they land on. This means French speaking visitors who visit your English site should see the same branding and design [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Experience Hub\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-03T18:24:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View-1024x546.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/\",\"url\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/\",\"name\":\"Using Language Switcher on Bilingual website - Digital Experience Hub\",\"isPartOf\":{\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View-1024x546.jpg\",\"datePublished\":\"2021-03-02T20:48:00+00:00\",\"dateModified\":\"2021-03-03T18:24:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#primaryimage\",\"url\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View.jpg\",\"contentUrl\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View.jpg\",\"width\":1530,\"height\":816},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Technical Resources\",\"item\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Using Language Switcher on Bilingual website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/#website\",\"url\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/\",\"name\":\"Digital Experience Hub\",\"description\":\"Web Toolbox\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.yorku.ca\/digitalexperiencehub\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Language Switcher on Bilingual website - Digital Experience Hub","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/","og_locale":"en_US","og_type":"article","og_title":"Using Language Switcher on Bilingual website - Digital Experience Hub","og_description":"When someone lands on your multilingual site, you want them to have a consistent user experience which includes the ease at which they find your language switcher, no matter which language version of your site they land on. This means French speaking visitors who visit your English site should see the same branding and design [&hellip;]","og_url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/","og_site_name":"Digital Experience Hub","article_modified_time":"2021-03-03T18:24:58+00:00","og_image":[{"url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View-1024x546.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/","url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/","name":"Using Language Switcher on Bilingual website - Digital Experience Hub","isPartOf":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#primaryimage"},"image":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View-1024x546.jpg","datePublished":"2021-03-02T20:48:00+00:00","dateModified":"2021-03-03T18:24:58+00:00","breadcrumb":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#primaryimage","url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View.jpg","contentUrl":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2021\/03\/Glendon-Desktop-View.jpg","width":1530,"height":816},{"@type":"BreadcrumbList","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/using-language-switcher\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yorku.ca\/digitalexperiencehub\/"},{"@type":"ListItem","position":2,"name":"Technical Resources","item":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/"},{"@type":"ListItem","position":3,"name":"Using Language Switcher on Bilingual website"}]},{"@type":"WebSite","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/#website","url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/","name":"Digital Experience Hub","description":"Web Toolbox","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yorku.ca\/digitalexperiencehub\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"akolade","author_link":"https:\/\/www.yorku.ca\/digitalexperiencehub\/author\/akolade\/"},"comment_info":0,"publishpress_future_action":{"enabled":false,"date":"2026-04-11 12:13:12","action":"change-status","newStatus":"publish","terms":[],"taxonomy":"post_tag"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/14406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/comments?post=14406"}],"version-history":[{"count":9,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/14406\/revisions"}],"predecessor-version":[{"id":14426,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/14406\/revisions\/14426"}],"up":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/12292"}],"wp:attachment":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/media?parent=14406"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/tags?post=14406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}