Skip to main content

Help users to Access support in multiple languages

Experimental

Allow users to access support in various languages.

Important information:
This pattern requires documentation.
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Census 2021</title>
    <link rel="stylesheet" href="/css/census.css">
    <link rel="stylesheet" media="print" href="/css/print.css">
    <meta name="theme-color" content="#902082" />
    <meta name="description" content="Census 2021 is a UK wide population survey.">
    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="">
    <meta property="og:title" content="Census 2021">
    <meta property="og:image" content="/favicons/census/en/opengraph.png">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:description" content="Census 2021 is a UK wide population survey.">
    <meta property="og:site_name" content="Census 2021">
    <meta property="og:locale" content="en">
    <meta property="og:locale:alternate" content="cy">
    <!-- Twitter -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="">
    <meta name="twitter:url" content="">
    <meta name="twitter:title" content="Census 2021">
    <meta name="twitter:description" content="Census 2021 is a UK wide population survey.">
    <meta name="twitter:image" content="/favicons/census/en/twitter.png">
    <!-- Canonical -->
    <link rel="canonical" href="">
    <!-- Favicons -->
    <meta name="msapplication-config" content="/favicons/census/en/browserconfig.json">
    <link rel="icon" type="image/x-icon" href="/favicons/census/en/favicon.ico">
    <link rel="icon" type="image/png" href="/favicons/census/en/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicons/census/en/favicon-16x16.png" sizes="16x16">
    <link rel="mask-icon" href="/favicons/census/en/safari-pinned-tab.svg" color="#000000">
    <link rel="apple-touch-icon" type="image/png" href="/favicons/census/en/apple-touch-icon.png" sizes="180x180">
    <link rel="manifest" href="/favicons/census/en/manifest.json">
  </head>
  <body>
    <script>
      document.body.className = ((document.body.className) ? document.body.className + ' ons-js-enabled' : 'ons-js-enabled');
    </script>
    <div class="ons-page">
      <div class="ons-page__content">
        <a class="ons-skip-link" href="#main-content">Skip to main content</a>
        <header class="ons-header " role="banner">
          <div class="ons-header__top">
            <div class="ons-container">
              <div class="ons-header__grid-top ons-grid ons-grid--gutterless ons-grid--flex ons-grid--between ons-grid--vertical-center ons-grid--no-wrap ">
                <div class="ons-grid__col ons-col-auto">
                  <div class="ons-header__logo--large">
                    <a class="ons-header__logo-link" href="#0">
                      <svg class="ons-svg-logo" xmlns="http://www.w3.org/2000/svg" width="197" height="19" viewBox="33 2 552 60">
                        <title id="ons-logo-en-alt">Office for National Statistics logo</title>
                        <path class="ons-svg-logo--accent" d="M0,34.6c.8-1.69,1.39-3,2.32-4.6A38.28,38.28,0,0,1,0,23.4V34.6M5,3S0,3,0,9.25v1A62.12,62.12,0,0,0,4.2,27a43.77,43.77,0,0,1,9.42-10.79C21.69,9.21,31.16,5.13,45.9,3Z" />
                        <path d="M53.06,6.42C36.2,8,24.68,12.92,16.43,20.07A41.46,41.46,0,0,0,6.4,32.2C12.87,44.93,28.88,57,46.6,57H47s6.32.21,6.32-6.91V6.36a1.22,1.22,0,0,1-.26.06M9.72,42.67a44.25,44.25,0,0,1-5-7.42A80.59,80.59,0,0,0,0,46.38V56.91L31.06,57c-9.83-3-15.74-7.64-21.34-14.3" />
                        <path d="M82,47.49c-9.07,0-13.13-7.51-13.13-16.77S72.91,14,82,14s13.1,7.61,13.1,16.77S91.1,47.54,82,47.54m0-30.91c-6.69,0-9.07,7.33-9.07,14.05s2.16,13.9,9.07,13.9,9-7.28,9-13.9-2.34-14-9-14" />
                        <path d="M106.36,23.81V46.88h-3.67V23.81H98.93V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z" />
                        <path d="M121.53,23.81V46.88h-3.67V23.81H114.1V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z" />
                        <path d="M132.85,16.72a2.28,2.28,0,0,1-2.33-2.23v0a2.34,2.34,0,0,1,4.67,0,2.28,2.28,0,0,1-2.3,2.26h0M131,21.56h3.71V46.88H131Z" />
                        <path d="M150.53,47.49c-6,0-10.63-5.16-10.63-13.29S144.52,21,150.66,21a9.76,9.76,0,0,1,6.17,1.74l-1,2.25a7.53,7.53,0,0,0-4.4-1.36c-5.15,0-7.78,4.46-7.78,10.48,0,6.2,3,10.62,7.65,10.62a8,8,0,0,0,4.49-1.37l1,2.45a10.21,10.21,0,0,1-6.3,1.73" />
                        <path d="M162.84,35.75c.48,6,3.76,9,8.9,9a14.66,14.66,0,0,0,6.88-1.55l1.08,2.59a18,18,0,0,1-8.22,1.73c-7.12,0-12.18-4.23-12.18-13.34,0-8.69,4.67-13.2,11-13.2s10.37,3.95,10.37,12.4Zm7.35-12.41c-4.1,0-7.56,3.2-7.52,10.29l14.39-2c0-5.87-2.81-8.32-6.87-8.32" />
                        <path d="M198.57,23.81V46.88H194.9V23.81h-3.76V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.39,0,.87.05.87.05v2.35h-.44c-2.54,0-4.84,1.64-4.84,5.12v4.09h5.28v2.25Z" />
                        <path d="M217.28,47.49c-7.47,0-10.89-5.78-10.89-13.24S209.81,21,217.28,21s10.85,5.82,10.85,13.3-3.37,13.24-10.85,13.24m0-24c-5.53,0-7.13,5.59-7.13,10.81s1.73,10.56,7.13,10.56,7.13-5.35,7.13-10.56-1.6-10.81-7.13-10.81" />
                        <path d="M244.08,23.91c-2.34-.61-5.75-.52-7.35.47v22.5H233V22.69c2.67-1.13,5.36-1.74,10.11-1.74H245Z" />
                        <path d="M277.42,47.13,263.07,25a32.2,32.2,0,0,1-1.85-3.29h-.09s.13,1.88.13,3.85V47.13h-4.71V14.8h5.31l13.61,20.82A28.76,28.76,0,0,1,277.38,39h.08s-.17-1.84-.17-3.77V14.8H282V47.13Z" />
                        <path d="M297.52,47.79c-7.43,0-10.93-3-10.93-7.81,0-6.8,7.12-8.64,15.59-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L288.23,23a24,24,0,0,1,9.12-1.83c5.61,0,9.93,2.3,9.93,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.26.67-10.45,1.84-10.45,6.73,0,3.42,2.42,4.88,6.22,4.88a10.09,10.09,0,0,0,4.23-.84Z" />
                        <path d="M322,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.55V21.81h3.55V16.12l5.4-1.5v7.19H325v3.28h-5V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52" />
                        <path d="M331.91,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z" />
                        <path d="M350.88,47.79c-7.73,0-11.57-5.74-11.57-13.3s3.84-13.34,11.57-13.34,11.54,5.78,11.54,13.34-3.8,13.3-11.54,13.3m0-23.17c-4.66,0-6.05,4.89-6.05,9.82s1.47,9.63,6.05,9.63,6.05-4.7,6.05-9.63-1.38-9.82-6.05-9.82" />
                        <path d="M382.52,47.13V29c0-3.24-2.77-4.47-5.88-4.47a12.3,12.3,0,0,0-4.37.76v21.8h-5.39V23a26.81,26.81,0,0,1,10.06-1.83c6.61,0,11,2.25,11,7.8V47.13Z" />
                        <path d="M403.18,47.79c-7.43,0-10.94-3-10.94-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L393.89,23A24,24,0,0,1,403,21.15c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.43,4.88,6.23,4.88a10.09,10.09,0,0,0,4.23-.84Z" />
                        <polygon points="418.52 47.13 418.52 34.91 418.52 10.25 423.92 10.25 423.92 22.76 423.92 47.13 418.52 47.13" />
                        <path d="M445.39,47.79A19.11,19.11,0,0,1,436.58,46l1.51-4a13.48,13.48,0,0,0,6.22,1.55c3.76,0,6.44-2.21,6.44-5.41,0-7.09-13.44-4.36-13.44-14.42,0-5.13,4.15-9.59,10.72-9.59A15.82,15.82,0,0,1,455.8,16l-1.38,3.52a11.93,11.93,0,0,0-5.66-1.5c-3.5,0-5.79,2.11-5.79,5.12,0,7,13.74,3.94,13.74,14.65,0,5.74-4.71,10-11.32,10" />
                        <path d="M470.41,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.12,5.12,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52" />
                        <path d="M487.27,47.79c-7.44,0-10.93-3-10.93-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.38-4.51-5.84-4.51a18,18,0,0,0-6.87,1.46L478,23a23.94,23.94,0,0,1,9.11-1.83c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83M492,33.16c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.42,4.88,6.22,4.88a10,10,0,0,0,4.24-.84Z" />
                        <path d="M511.73,47.69c-5.32,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52" />
                        <path d="M521.66,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.45V47.13h-5.45Z" />
                        <path d="M536.19,47.79A15.9,15.9,0,0,1,528.54,46L530,42.48a10.53,10.53,0,0,0,5.52,1.5c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.86-7.42A13.56,13.56,0,0,1,545.34,23l-1.42,3.14a8.47,8.47,0,0,0-4.62-1.45c-2.81,0-4.54,1.69-4.54,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9" />
                        <path d="M559.83,47.69c-5.31,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.93v3.28h-4.93V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.64,5.64,0,0,0,1.47-.23v3.33a7.72,7.72,0,0,1-3,.52" />
                        <path d="M569.77,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z" />
                        <path d="M588.14,47.79c-6.23,0-11-5.08-11-13.35s4.88-13.29,11-13.29A10.51,10.51,0,0,1,594.66,23l-1.21,3a6.87,6.87,0,0,0-4-1.22c-4.4,0-6.69,3.81-6.69,9.49s2.63,9.59,6.61,9.59a6.74,6.74,0,0,0,4-1.28L594.7,46c-1.12.94-3.33,1.84-6.56,1.84" />
                        <path d="M605.1,47.79A15.9,15.9,0,0,1,597.45,46l1.42-3.47A10.54,10.54,0,0,0,604.4,44c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.85-7.42a13.49,13.49,0,0,1,7.1,1.83l-1.42,3.14a8.42,8.42,0,0,0-4.63-1.45c-2.8,0-4.53,1.69-4.53,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9" />
                      </svg>
                    </a>
                  </div>
                  <div class="ons-header__logo--small">
                    <a class="ons-header__logo-link" href="#0">
                      <svg class="ons-svg-logo" xmlns="http://www.w3.org/2000/svg" width="120" height="27" viewBox="0 5 595 116">
                        <title id="ons-logo-stacked-en-alt">Office for National Statistics logo</title>
                        <path class="ons-svg-logo--accent" d="M0,70.5c1.8-3.7,3.6-7.2,5.6-10.7A127.94,127.94,0,0,1,0,42.6V70.5M10.9,0S0,0,0,13.5v7.2A128.06,128.06,0,0,0,7.9,56.2a114.75,114.75,0,0,1,22.3-26C47.8,15.1,71.5,4.7,103.7.1Z" />
                        <path d="M115.9,7.3c-36.8,3.5-62,14-80,29.4a108.15,108.15,0,0,0-23.6,29c14.1,27.4,41.1,47.6,86,50.5h4.4s13.8.5,13.8-14.9V7.2l-.6.1M21.2,85.4a92.68,92.68,0,0,1-11-16A173,173,0,0,0,0,93.4v22.7l73.6.1c-22.9-5.5-40.1-16.4-52.4-30.8" />
                        <path d="M161,51.9c-11.3,0-16.3-9.3-16.3-20.8s5-20.8,16.3-20.8,16.3,9.5,16.3,20.8c-.1,11.5-5.1,20.8-16.3,20.8m0-38.3c-8.3,0-11.3,9.1-11.3,17.4s2.7,17.3,11.3,17.3,11.2-9.1,11.2-17.3S169.3,13.6,161,13.6m30.2,8.9V51.2h-4.5V22.6H182V19.8h4.7V15.2c0-5.7,3.4-9.9,10-9.9a8,8,0,0,1,1.1.1V8.3h-.5c-3.2,0-6,2.1-6,6.4v5.1h6.6v2.8l-6.7-.1Zm18.9,0V51.2h-4.5V22.6h-4.7V19.8h4.7V15.2c0-5.7,3.4-9.9,10-9.9a8,8,0,0,1,1.1.1V8.3h-.5c-3.2,0-6,2.1-6,6.4v5.1h6.6v2.8l-6.7-.1Zm14-8.8a2.82,2.82,0,0,1-2.9-2.8,2.9,2.9,0,0,1,5.8,0,2.76,2.76,0,0,1-2.9,2.8m-2.3,6h4.6V51.2h-4.6Zm24.3,32.2c-7.4,0-13.2-6.4-13.2-16.5,0-10.3,5.8-16.5,13.4-16.5a12.36,12.36,0,0,1,7.7,2.2l-1.2,2.8a8.92,8.92,0,0,0-5.5-1.7c-6.4,0-9.7,5.5-9.7,13,0,7.7,3.7,13.2,9.5,13.2a9.8,9.8,0,0,0,5.6-1.7l1.2,3c-1.3,1.2-4,2.2-7.8,2.2m15.3-14.6c.6,7.4,4.7,11.1,11.1,11.1a18.36,18.36,0,0,0,8.5-1.9l1.3,3.2a22.58,22.58,0,0,1-10.2,2.1c-8.8,0-15.1-5.3-15.1-16.6,0-10.8,5.8-16.4,13.7-16.4s12.9,4.9,12.9,15.4l-22.2,3.1ZM270.5,22c-5.1,0-9.4,4-9.3,12.8l17.9-2.5C279,25,275.5,22,270.5,22m42.2.5V51.2h-4.5V22.6h-4.7V19.8h4.7V15.2c0-5.7,3.4-9.9,10-9.9a8,8,0,0,1,1.1.1V8.3h-.5c-3.2,0-6,2.1-6,6.4v5.1h6.6v2.8Zm23.2,29.4c-9.3,0-13.5-7.2-13.5-16.5s4.2-16.5,13.5-16.5,13.5,7.2,13.5,16.5-4.2,16.5-13.5,16.5m0-29.8c-6.9,0-8.8,7-8.8,13.4s2.1,13.1,8.8,13.1c6.9,0,8.9-6.6,8.9-13.1s-2-13.4-8.9-13.4m33.3.6c-2.9-.8-7.1-.6-9.1.6V51.2h-4.6V21.1c3.3-1.4,6.6-2.2,12.5-2.2h2.4c0,.1-1.2,3.8-1.2,3.8ZM171.3,114.8,153.5,87.3c-1.3-2.1-2.3-4.1-2.3-4.1h-.1s.2,2.3.2,4.8v26.8h-5.8V74.7h6.6L169,100.5a46.13,46.13,0,0,1,2.4,4.1h.1s-.2-2.3-.2-4.7V74.6h5.9v40.1l-5.9.1Zm25,.8c-9.2,0-13.6-3.7-13.6-9.7,0-8.5,8.8-10.7,19.4-11.7V92.4c0-4.3-2.9-5.6-7.2-5.6a22.34,22.34,0,0,0-8.5,1.8l-1.6-3.8a30.2,30.2,0,0,1,11.3-2.3c7,0,12.3,2.9,12.3,10.9v19.9c-2.7,1.4-6.9,2.3-12.1,2.3m5.8-18.2c-7.8.8-13,2.3-13,8.3,0,4.2,3,6.1,7.7,6.1a12.33,12.33,0,0,0,5.3-1.1Zm24.5,18.1c-6.6,0-9.1-4.3-9.1-8.5V87.5h-4.4V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2c0,2.5,1.4,4.4,4.3,4.4a5.66,5.66,0,0,0,1.8-.3v4.1a11.47,11.47,0,0,1-3.7.6M239,77.9a3.52,3.52,0,1,1,3.9-3.5,3.71,3.71,0,0,1-3.9,3.5m-3.4,5.5h6.8v31.4h-6.8Zm26.9,32.2c-9.6,0-14.4-7.1-14.4-16.5s4.8-16.6,14.4-16.6,14.3,7.2,14.3,16.6-4.7,16.5-14.3,16.5m0-28.7c-5.8,0-7.5,6.1-7.5,12.2s1.8,11.9,7.5,11.9,7.5-5.8,7.5-11.9-1.7-12.2-7.5-12.2m39.3,27.9V92.3c0-4-3.4-5.5-7.3-5.5a16,16,0,0,0-5.4.9v27.1h-6.7v-30a32.8,32.8,0,0,1,12.5-2.3c8.2,0,13.7,2.8,13.7,9.7v22.6Zm25.7.8c-9.2,0-13.6-3.7-13.6-9.7,0-8.5,8.9-10.7,19.4-11.7V92.4c0-4.3-2.9-5.6-7.2-5.6a22.34,22.34,0,0,0-8.5,1.8L316,84.8a30.2,30.2,0,0,1,11.3-2.3c7,0,12.3,2.9,12.3,10.9v19.9c-2.7,1.4-6.9,2.3-12.1,2.3m5.8-18.2c-7.8.8-13,2.3-13,8.3,0,4.2,3,6.1,7.7,6.1a12.33,12.33,0,0,0,5.3-1.1Zm13.2,17.4V69h6.7v45.8Zm38.6.8a23.94,23.94,0,0,1-10.9-2.3l1.9-4.9a17,17,0,0,0,7.7,1.9c4.7,0,8-2.7,8-6.7,0-8.8-16.7-5.4-16.7-17.9,0-6.4,5.2-11.9,13.3-11.9a20.22,20.22,0,0,1,9.7,2.3l-1.7,4.4a14.57,14.57,0,0,0-7-1.9c-4.3,0-7.2,2.6-7.2,6.4,0,8.6,17.1,4.9,17.1,18.2-.1,7.1-6,12.4-14.2,12.4m31.1-.1c-6.6,0-9.1-4.3-9.1-8.5V87.5h-4.4V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2a4.07,4.07,0,0,0,4.3,4.4,5.66,5.66,0,0,0,1.8-.3v4.1a12.06,12.06,0,0,1-3.7.6m20.9.1c-9.2,0-13.6-3.7-13.6-9.7,0-8.5,8.9-10.7,19.4-11.7V92.4c0-4.3-2.9-5.6-7.2-5.6a22.34,22.34,0,0,0-8.5,1.8l-1.6-3.8a30.2,30.2,0,0,1,11.3-2.3c7,0,12.3,2.9,12.3,10.9v19.9c-2.6,1.4-6.9,2.3-12.1,2.3m5.8-18.2c-7.8.8-13,2.3-13,8.3,0,4.2,3,6.1,7.7,6.1a12.33,12.33,0,0,0,5.3-1.1Zm24.6,18.1c-6.6,0-9.1-4.3-9.1-8.5V87.5H454V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2a4.07,4.07,0,0,0,4.3,4.4,5.66,5.66,0,0,0,1.8-.3v4.1a12.69,12.69,0,0,1-3.7.6m12.3-37.6a3.52,3.52,0,1,1,3.9-3.5,3.65,3.65,0,0,1-3.9,3.5m-3.4,5.5h6.8v31.4h-6.8Zm21.4,32.2a19.46,19.46,0,0,1-9.5-2.3l1.8-4.3a13.21,13.21,0,0,0,6.9,1.9c3.4,0,6.2-2.2,6.2-4.9,0-7.5-13.8-4-13.8-14.2,0-4.7,4.2-9.2,11-9.2a16.21,16.21,0,0,1,8.8,2.3l-1.8,3.9a10.31,10.31,0,0,0-5.7-1.8c-3.5,0-5.6,2.1-5.6,4.5,0,7,14,3.9,14,14.4,0,4.9-4.7,9.7-12.3,9.7m29.4-.1c-6.6,0-9.1-4.3-9.1-8.5V87.5h-4.4V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2c0,2.5,1.4,4.4,4.3,4.4a5.66,5.66,0,0,0,1.8-.3v4.1a12.06,12.06,0,0,1-3.7.6m12.3-37.6a3.52,3.52,0,1,1,3.9-3.5c.1,2-1.7,3.5-3.9,3.5m-3.3,5.5H543v31.4h-6.8Zm26.2,32.2c-7.7,0-13.6-6.3-13.6-16.6s6.1-16.5,13.7-16.5c3.9,0,6.6,1.1,8,2.3L569,88.6a8.61,8.61,0,0,0-4.9-1.5c-5.5,0-8.3,4.7-8.3,11.8s3.3,11.9,8.2,11.9a8.39,8.39,0,0,0,4.9-1.6l1.7,4.1c-1.5,1.2-4.2,2.3-8.2,2.3m20.6,0a19.46,19.46,0,0,1-9.5-2.3l1.8-4.3a13.21,13.21,0,0,0,6.9,1.9c3.4,0,6.2-2.2,6.2-4.9,0-7.5-13.8-4-13.8-14.2,0-4.7,4.2-9.2,11-9.2a16.85,16.85,0,0,1,8.9,2.3l-1.8,3.9A10.31,10.31,0,0,0,587,87c-3.5,0-5.6,2.1-5.6,4.5,0,7,14,3.9,14,14.4-.1,4.9-4.9,9.7-12.4,9.7" />
                      </svg>
                    </a>
                  </div>
                </div>
                <div class="ons-header__links grid__col col-auto">
                  <div class="ons-grid__col ons-col-auto">
                    <ul class="ons-language-links">
                      <li class="ons-language-links__item">
                        <a href="#0" lang="cy">Cymraeg</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="ons-header__main">
            <div class="ons-container">
              <div class="ons-grid ons-grid--gutterless ons-grid--flex ons-grid--between ons-grid--vertical-center ons-grid--no-wrap">
                <div class="ons-grid__col ons-col-auto ons-u-flex-shrink ons-header__title-census-logo-en">
                  <a class="ons-header__title-link" href="#0">
                    <svg class="ons-header__title--svg-logo" xmlns="http://www.w3.org/2000/svg" focusable="false" width="228" height="28" viewBox="0 8 228 28" role="img" aria-labelledby="census-logo-en-alt">
                      <title id="census-logo-en-alt">Census 2021</title>
                      <path d="M35.85,10a12,12,0,0,0,0,24,2.73,2.73,0,0,0,0-5.45,6.57,6.57,0,0,1-6-3.82H45.12A2.73,2.73,0,0,0,47.85,22,12,12,0,0,0,35.85,10Zm-6,9.27a6.55,6.55,0,0,1,11.91,0Z" />
                      <path d="M62.42,10a12,12,0,0,0-12,12v9.12a2.73,2.73,0,0,0,5.45,0V22A6.55,6.55,0,1,1,69,22v9.12a2.73,2.73,0,0,0,5.45,0V22A12,12,0,0,0,62.42,10Z" />
                      <path d="M120.41,10a2.72,2.72,0,0,0-2.72,2.73v9.11a6.55,6.55,0,1,1-13.1,0V12.73a2.73,2.73,0,1,0-5.45,0v9.11a12,12,0,0,0,24,0V12.73A2.73,2.73,0,0,0,120.41,10Z" />
                      <path d="M88.64,19.78c-3.85-.82-5.4-1.15-5.4-2.55s2-2.17,4.15-2.17a8.87,8.87,0,0,1,3.15.63,3.2,3.2,0,0,0,1.12.24,2.55,2.55,0,0,0,2.55-2.55,2.58,2.58,0,0,0-1.79-2.47,14.64,14.64,0,0,0-5-.9c-6.27,0-9.83,3.56-9.83,7.13,0,4.33,4,6.26,8.48,7.22,3.47.72,4.53,1,4.53,2.5s-2,2.08-4.34,2.08a11,11,0,0,1-5.13-1.58,2.91,2.91,0,0,0-1-.22A2.57,2.57,0,0,0,79,32a14.84,14.84,0,0,0,7.47,2c5.83,0,10-3.13,10-7C96.39,22.24,93.17,20.75,88.64,19.78Z" />
                      <path d="M81.1,27.36Z" />
                      <path d="M129.43,27.34h0Z" />
                      <path d="M129.42,27.33Z" />
                      <path d="M137,19.78c-3.86-.82-5.4-1.15-5.4-2.55s2-2.17,4.14-2.17a8.78,8.78,0,0,1,3.15.63,3.18,3.18,0,0,0,1.13.24,2.55,2.55,0,0,0,2.54-2.55,2.61,2.61,0,0,0-1.79-2.47,14.59,14.59,0,0,0-5-.9c-6.26,0-9.82,3.56-9.82,7.13,0,4.33,3.95,6.26,8.47,7.22,3.47.72,4.53,1,4.53,2.5s-2,2.08-4.33,2.08a11.16,11.16,0,0,1-5.18-1.6,2.44,2.44,0,0,0-1-.2,2.57,2.57,0,0,0-2.58,2.57A2.64,2.64,0,0,0,127.33,32a14.81,14.81,0,0,0,7.47,2c5.83,0,10-3.13,10-7C144.77,22.24,141.54,20.75,137,19.78Z" />
                      <path d="M12,15.45a6.45,6.45,0,0,1,4.78,2.09,2.72,2.72,0,1,0,4-3.71,12,12,0,1,0,0,16.34,2.73,2.73,0,0,0-4-3.72A6.46,6.46,0,0,1,12,28.55a6.55,6.55,0,0,1,0-13.1Z" />
                      <path style="opacity:0.7" d="M166.51,30.35H154.9a4.74,4.74,0,0,1,.14-1c.6-2.45,3.08-3.72,6.09-5.06,3.46-1.6,6.72-3.22,6.72-7.33s-3-6.83-8-6.83a9.6,9.6,0,0,0-6.15,2,5.15,5.15,0,0,0-2.09,3.75c0,1.92,2.4,1.88,2.4,1.77a5.43,5.43,0,0,1,5.6-4.38c2.93,0,4.67,1.41,4.67,3.78s-2.69,3.61-5.7,5.1c-3.43,1.7-7.08,3.78-7.08,8.49v.88c0,1.46.67,2,2.27,2h12.74c1.2,0,1.73-.53,1.73-1.49v-.21C168.24,30.85,167.71,30.35,166.51,30.35Z" />
                      <path style="opacity:0.7" d="M207.91,30.35H196.3a4.74,4.74,0,0,1,.14-1c.6-2.45,3.08-3.72,6.09-5.06,3.47-1.6,6.72-3.22,6.72-7.33s-3-6.83-8-6.83a9.6,9.6,0,0,0-6.15,2A5.15,5.15,0,0,0,193,15.84c0,1.92,2.4,1.88,2.4,1.77a5.43,5.43,0,0,1,5.6-4.38c2.93,0,4.67,1.41,4.67,3.78s-2.69,3.61-5.7,5.1c-3.43,1.7-7.08,3.78-7.08,8.49v.88c0,1.46.67,2,2.27,2h12.74c1.2,0,1.73-.53,1.73-1.49v-.21C209.64,30.85,209.11,30.35,207.91,30.35Z" />
                      <path style="opacity:0.7" d="M226.17,30.39h-3.08l0-18.33a1.49,1.49,0,0,0-1.63-1.67h-1.23l-6.83,4.5a2,2,0,0,0,1.87,2.23,2.9,2.9,0,0,0,1.88-.78c.67-.53,1.24-1.17,2.62-2.27V30.39H216c-1.09,0-1.66.46-1.66,1.48v.18c0,1,.57,1.42,1.66,1.42h10.2c1.09,0,1.66-.43,1.66-1.42v-.18C227.83,30.85,227.26,30.39,226.17,30.39Z" />
                      <path style="opacity:0.7" d="M180.31,10.11c-5.88,0-9.52,4.14-9.52,10.76V23.2c0,6.62,3.57,10.73,9.52,10.73s9.55-4.18,9.55-10.8v-2.3C189.86,14.22,186.25,10.11,180.31,10.11Zm5.91,13.2c0,4.81-2.13,7.54-5.91,7.54s-5.84-2.76-5.84-7.57V20.69c0-4.81,2.12-7.57,5.84-7.57s5.91,2.83,5.91,7.64Z" />
                    </svg>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </header>
        <div class="ons-page__container ons-container ">
          <div class="ons-grid">
            <div class="ons-grid__col ons-col-12@m">
              <main id="main-content" class="ons-page__main ">
                <h1 class="ons-u-mb-l ons-u-fs-xxl">Languages</h1>
                <div class="ons-panel ons-panel--info ons-panel--no-title ons-u-mb-m">
                  <span class="ons-u-vh">Important information: </span>
                  <div class="ons-panel__body">
                    <p>Os oes angen y wefan hon arnoch yn Gymraeg, ewch i <a href="#0">cyfrifiad.gov.uk</a></p>
                  </div>
                </div>
                <div class="ons-language-filter ons-js-language-filter">
                  <div class="ons-grid ons-grid--flex ons-grid--vertical-top ons-grid--between">
                    <div class="ons-grid__col ons-col-7@m">
                      <p>Translation support is available for the following languages.</p>
                      <p>If you can’t find your language, or need more help, please call our free language helpline on <b>0800 587 2021</b>.</p>
                    </div>
                    <div class="ons-grid__col ons-col-5@md ons-u-mb-m ons-u-db-no-js_disabled">
                      <div class="ons-field">
                        <label class="ons-label  " for="language-fiter-select">Sort languages by
                        </label>
                        <select id="language-fiter-select" name="language-fiter-select" class="ons-input ons-input--select ons-js-language-filter__select">
                          <option value="language-native">Native language</option>
                          <option value="language-english">English</option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="ons-js-language-filter__content" id="language-native">
                    <div class="ons-grid">
                      <div class="ons-grid__col ons-col-4@m">
                        <ul class="ons-list ons-list--bare ons-list--languages">
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Bosanski (Bosnian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">British Sign Language - BSL</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">čeština (Czech)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Deutsche (German)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Italiano (Italian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Kiswahili (Swahili)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Kurdî (Kurdish)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Latvietis (Latvian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Le français (French)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Lietuvis (Lithuanian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Lingála (Lingala)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Magyar (Hungarian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Polskie (Polish)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Português (Portuguese)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Română (Romanian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Shqiptare (Albanian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Slovák (Slovak)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Slovenščina (Slovenian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Soomaali (Somali)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Tagalog</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Tetum</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Tiếng Việt (Vietnamese)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Türk (Turkish)</a>
                          </li>
                        </ul>
                      </div>
                      <div class="ons-grid__col ons-col-4@m">
                        <ul class="ons-list ons-list--bare ons-list--languages">
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Ελληνικά (Greek)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">български (Bulgarian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">русский (Russian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">zУкраїнський (Ukrainian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">հայերեն (Armenian)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">پوٹھواری (Pothwari)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">ትግርኛ (Tigrinya)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">አማርኛ (Amharic)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">नेपाली (Nepali)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">हिन्दी (Hindi)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">বাংলা (Bengali)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">ਪੰਜਾਬੀ (Punjabi (Gurmukhi))</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">ગુજરાતી (Gujarati)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">தமிழ் (Tamil)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">മലയാളം (Malayalam)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">ไทย (Thai)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">မြန်မာဘာသာ (Burmese)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">한국어 (Korean)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">日本人 (Japanese)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">普通話 (Mandarin)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">粵語 (Cantonese)</a>
                          </li>
                        </ul>
                      </div>
                      <div class="ons-grid__col ons-col-4@m">
                        <ul class="ons-list ons-u-rtl ons-list--bare ons-list--languages">
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">יידיש (Yiddish)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">עִברִית (Hebrew)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">اردو (Urdu)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">عربى (Arabic)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">فارسی (Farsi)</a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="ons-js-language-filter__content ons-u-hidden ons-u-db-no-js_disabled" id="language-english">
                    <div class="ons-grid">
                      <div class="ons-grid__col ons-col-4@m">
                        <ul class="ons-list ons-list--bare ons-list--languages">
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Albanian (Shqiptare)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Amharic (አማርኛ)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Arabic (عربى)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Armenian (հայերեն)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Bengali (বাংলা)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Bosnian (Bosanski)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">British Sign Language - BSL</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Bulgarian (български)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Burmese (မြန်မာဘာသာ)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Cantonese (粵語)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Czech (čeština)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Farsi (فارسی)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">French (Le français)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">German (Deutsche)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Greek (Ελληνικά)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Gujarati (ગુજરાતી)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Hebrew (עִברִית)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Hebrew (עִברִית)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Hungarian (Magyar)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Italian (Italiano)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Japanese (日本人)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Korean (한국어)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Kurdish (Kurdî)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Latvian (Latvietis)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Latvian (Latvietis)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Lithuanians (Lietuvi)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Malayalam (മലയാളം)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Mandarin (普通話)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Nepali (नेपाली)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Polish (Polskie)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Portuguese (Português)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Pothwari (پوٹھواری)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Punjabi (Gurmukhi) (ਪੰਜਾਬੀ)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Romanian (Română)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Russian (русский)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Slovak (Slovák)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Slovenian (Slovenščina)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Somali (Soomaali)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Swahili (Kiswahili)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Tagalog</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Tamil (தமிழ்)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Tetum</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Thai (ไทย)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Tigrinya (ትግርኛ)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Turkish (Türk)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Ukrainian (Український)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Urdu (اردو)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Vietnamese (Tiếng Việt)</a>
                          </li>
                          <li class="ons-list__item ">
                            <a href="#0" class="ons-list__link  ">Yiddish (יידיש)</a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </main>
            </div>
          </div>
        </div>
      </div>
      <footer class="ons-footer">
        <div class="ons-footer__body ons-page__footer" data-analytics="footer">
          <div class="ons-container">
            <div class="ons-grid">
              <div class="ons-grid__col  ons-u-d-no">
                <ul class="ons-list ons-u-mb-no ons-list--bare ons-list--inline@m">
                  <li class="ons-list__item ">
                    <a href="#0" class="ons-list__link  ">Cymraeg</a>
                  </li>
                  <li class="ons-list__item ">
                    <a href="#0" class="ons-list__link  ">All languages</a>
                  </li>
                </ul>
              </div>
              <div class="ons-grid__col  ons-u-d-no ons-u-mb-m">
                <hr class="ons-footer__hr">
              </div>
              <div class="ons-grid__col">
                <svg class="ons-svg-logo" xmlns="http://www.w3.org/2000/svg" width="197" height="19" viewBox="33 2 552 60">
                  <title id="ons-logo-en-alt">Office for National Statistics</title>
                  <path class="ons-svg-logo--accent" d="M0,34.6c.8-1.69,1.39-3,2.32-4.6A38.28,38.28,0,0,1,0,23.4V34.6M5,3S0,3,0,9.25v1A62.12,62.12,0,0,0,4.2,27a43.77,43.77,0,0,1,9.42-10.79C21.69,9.21,31.16,5.13,45.9,3Z" />
                  <path d="M53.06,6.42C36.2,8,24.68,12.92,16.43,20.07A41.46,41.46,0,0,0,6.4,32.2C12.87,44.93,28.88,57,46.6,57H47s6.32.21,6.32-6.91V6.36a1.22,1.22,0,0,1-.26.06M9.72,42.67a44.25,44.25,0,0,1-5-7.42A80.59,80.59,0,0,0,0,46.38V56.91L31.06,57c-9.83-3-15.74-7.64-21.34-14.3" />
                  <path d="M82,47.49c-9.07,0-13.13-7.51-13.13-16.77S72.91,14,82,14s13.1,7.61,13.1,16.77S91.1,47.54,82,47.54m0-30.91c-6.69,0-9.07,7.33-9.07,14.05s2.16,13.9,9.07,13.9,9-7.28,9-13.9-2.34-14-9-14" />
                  <path d="M106.36,23.81V46.88h-3.67V23.81H98.93V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z" />
                  <path d="M121.53,23.81V46.88h-3.67V23.81H114.1V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z" />
                  <path d="M132.85,16.72a2.28,2.28,0,0,1-2.33-2.23v0a2.34,2.34,0,0,1,4.67,0,2.28,2.28,0,0,1-2.3,2.26h0M131,21.56h3.71V46.88H131Z" />
                  <path d="M150.53,47.49c-6,0-10.63-5.16-10.63-13.29S144.52,21,150.66,21a9.76,9.76,0,0,1,6.17,1.74l-1,2.25a7.53,7.53,0,0,0-4.4-1.36c-5.15,0-7.78,4.46-7.78,10.48,0,6.2,3,10.62,7.65,10.62a8,8,0,0,0,4.49-1.37l1,2.45a10.21,10.21,0,0,1-6.3,1.73" />
                  <path d="M162.84,35.75c.48,6,3.76,9,8.9,9a14.66,14.66,0,0,0,6.88-1.55l1.08,2.59a18,18,0,0,1-8.22,1.73c-7.12,0-12.18-4.23-12.18-13.34,0-8.69,4.67-13.2,11-13.2s10.37,3.95,10.37,12.4Zm7.35-12.41c-4.1,0-7.56,3.2-7.52,10.29l14.39-2c0-5.87-2.81-8.32-6.87-8.32" />
                  <path d="M198.57,23.81V46.88H194.9V23.81h-3.76V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.39,0,.87.05.87.05v2.35h-.44c-2.54,0-4.84,1.64-4.84,5.12v4.09h5.28v2.25Z" />
                  <path d="M217.28,47.49c-7.47,0-10.89-5.78-10.89-13.24S209.81,21,217.28,21s10.85,5.82,10.85,13.3-3.37,13.24-10.85,13.24m0-24c-5.53,0-7.13,5.59-7.13,10.81s1.73,10.56,7.13,10.56,7.13-5.35,7.13-10.56-1.6-10.81-7.13-10.81" />
                  <path d="M244.08,23.91c-2.34-.61-5.75-.52-7.35.47v22.5H233V22.69c2.67-1.13,5.36-1.74,10.11-1.74H245Z" />
                  <path d="M277.42,47.13,263.07,25a32.2,32.2,0,0,1-1.85-3.29h-.09s.13,1.88.13,3.85V47.13h-4.71V14.8h5.31l13.61,20.82A28.76,28.76,0,0,1,277.38,39h.08s-.17-1.84-.17-3.77V14.8H282V47.13Z" />
                  <path d="M297.52,47.79c-7.43,0-10.93-3-10.93-7.81,0-6.8,7.12-8.64,15.59-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L288.23,23a24,24,0,0,1,9.12-1.83c5.61,0,9.93,2.3,9.93,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.26.67-10.45,1.84-10.45,6.73,0,3.42,2.42,4.88,6.22,4.88a10.09,10.09,0,0,0,4.23-.84Z" />
                  <path d="M322,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.55V21.81h3.55V16.12l5.4-1.5v7.19H325v3.28h-5V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52" />
                  <path d="M331.91,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z" />
                  <path d="M350.88,47.79c-7.73,0-11.57-5.74-11.57-13.3s3.84-13.34,11.57-13.34,11.54,5.78,11.54,13.34-3.8,13.3-11.54,13.3m0-23.17c-4.66,0-6.05,4.89-6.05,9.82s1.47,9.63,6.05,9.63,6.05-4.7,6.05-9.63-1.38-9.82-6.05-9.82" />
                  <path d="M382.52,47.13V29c0-3.24-2.77-4.47-5.88-4.47a12.3,12.3,0,0,0-4.37.76v21.8h-5.39V23a26.81,26.81,0,0,1,10.06-1.83c6.61,0,11,2.25,11,7.8V47.13Z" />
                  <path d="M403.18,47.79c-7.43,0-10.94-3-10.94-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L393.89,23A24,24,0,0,1,403,21.15c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.43,4.88,6.23,4.88a10.09,10.09,0,0,0,4.23-.84Z" />
                  <polygon points="418.52 47.13 418.52 34.91 418.52 10.25 423.92 10.25 423.92 22.76 423.92 47.13 418.52 47.13" />
                  <path d="M445.39,47.79A19.11,19.11,0,0,1,436.58,46l1.51-4a13.48,13.48,0,0,0,6.22,1.55c3.76,0,6.44-2.21,6.44-5.41,0-7.09-13.44-4.36-13.44-14.42,0-5.13,4.15-9.59,10.72-9.59A15.82,15.82,0,0,1,455.8,16l-1.38,3.52a11.93,11.93,0,0,0-5.66-1.5c-3.5,0-5.79,2.11-5.79,5.12,0,7,13.74,3.94,13.74,14.65,0,5.74-4.71,10-11.32,10" />
                  <path d="M470.41,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.12,5.12,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52" />
                  <path d="M487.27,47.79c-7.44,0-10.93-3-10.93-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.38-4.51-5.84-4.51a18,18,0,0,0-6.87,1.46L478,23a23.94,23.94,0,0,1,9.11-1.83c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83M492,33.16c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.42,4.88,6.22,4.88a10,10,0,0,0,4.24-.84Z" />
                  <path d="M511.73,47.69c-5.32,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52" />
                  <path d="M521.66,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.45V47.13h-5.45Z" />
                  <path d="M536.19,47.79A15.9,15.9,0,0,1,528.54,46L530,42.48a10.53,10.53,0,0,0,5.52,1.5c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.86-7.42A13.56,13.56,0,0,1,545.34,23l-1.42,3.14a8.47,8.47,0,0,0-4.62-1.45c-2.81,0-4.54,1.69-4.54,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9" />
                  <path d="M559.83,47.69c-5.31,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.93v3.28h-4.93V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.64,5.64,0,0,0,1.47-.23v3.33a7.72,7.72,0,0,1-3,.52" />
                  <path d="M569.77,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z" />
                  <path d="M588.14,47.79c-6.23,0-11-5.08-11-13.35s4.88-13.29,11-13.29A10.51,10.51,0,0,1,594.66,23l-1.21,3a6.87,6.87,0,0,0-4-1.22c-4.4,0-6.69,3.81-6.69,9.49s2.63,9.59,6.61,9.59a6.74,6.74,0,0,0,4-1.28L594.7,46c-1.12.94-3.33,1.84-6.56,1.84" />
                  <path d="M605.1,47.79A15.9,15.9,0,0,1,597.45,46l1.42-3.47A10.54,10.54,0,0,0,604.4,44c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.85-7.42a13.49,13.49,0,0,1,7.1,1.83l-1.42,3.14a8.42,8.42,0,0,0-4.63-1.45c-2.8,0-4.53,1.69-4.53,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9" />
                </svg>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <script>
      (function() {
        var s = '/scripts/main.js,/scripts/patternlib.js'.split(','),
          c = document.createElement('script');
        if (!('noModule' in c)) {
          for (var i = 0; i < s.length; i++) {
            s[i] = s[i].replace('.js', '.es5.js');
          }
        }
        for (var i = 0; i < s.length; i++) {
          var e = document.createElement('script');
          e.src = s[i];
          document.body.appendChild(e);
        }
      })();
    </script>
  </body>
</html>
{% extends "foundations/page-template/_template.njk" %}

{% from "components/panel/_macro.njk" import onsPanel %}
{% from "components/select/_macro.njk" import onsSelect %}
{% from "components/lists/_macro.njk" import onsList %}

{% set pageConfig = {
    "title": "Census 2021",
    "theme": "census",
    "pageColNumber": "12",
    "absoluteUrl": pageInfo.url,
    "headMeta": {
        "description": "Census 2021 is a UK wide population survey."
    },
    "header": {
        "logoHref": "#0",
        "titleLogo": "census-logo-en",
        "titleLogoHref": "#0",
        "titleLogoAlt": "Census 2021"
    },
    "language": {
        "allLanguagesUrl": "#0",
        "languages": [
            {
                "url": "#0",
                "ISOCode": "en",
                "text": "English",
                "buttonAriaLabel": "Language selector. Current language: English",
                "chooseLanguage": "Choose language",
                "allLanguages": "All languages",
                "current": true
            },
            {
                "url": "#0",
                "ISOCode": "cy",
                "text": "Cymraeg",
                "buttonAriaLabel": "Dewisydd iaith. Iaith gyfredol: Cymraeg",
                "chooseLanguage": "Dewiswch iaith",
                "allLanguages": "Pob iaith",
                "current": false
            }
        ]
    },
    "footer": {}
} %}

{% block main %}
    <h1 class="ons-u-mb-l ons-u-fs-xxl">Languages</h1>
    
    {{onsPanel({
        "classes": 'ons-u-mb-m',
        "body": '<p>Os oes angen y wefan hon arnoch yn Gymraeg, ewch i <a href="#0">cyfrifiad.gov.uk</a></p>'
    })}}

    <div class="ons-language-filter ons-js-language-filter">

        <div class="ons-grid ons-grid--flex ons-grid--vertical-top ons-grid--between">

            <div class="ons-grid__col ons-col-7@m">
                <p>Translation support is available for the following languages.</p>
                <p>If you can’t find your language, or need more help, please call our free language helpline on <b>0800 587 2021</b>.</p>
            </div>

            <div class="ons-grid__col ons-col-5@md ons-u-mb-m ons-u-db-no-js_disabled">
                {{ onsSelect({
                    "classes": 'ons-js-language-filter__select',
                    "id": 'language-fiter-select',
                    "name": 'language-fiter-select',
                    "label": {
                        "text": 'Sort languages by'
                    },
                    "options": [
                        {
                            "text": 'Native language',
                            "value": 'language-native'
                        },
                        {
                            "text": 'English',
                            "value": 'language-english'
                        }
                    ]
                }) }}
            </div>

        </div>

        <div class="ons-js-language-filter__content" id="language-native">

            <div class="ons-grid">

                <div class="ons-grid__col ons-col-4@m">

                    {{ onsList({
                        "variants": ['bare', 'languages'],
                        "itemsList": [
                            {
                                "url": '#0',
                                "text": 'Bosanski (Bosnian)'
                            },
                            {
                                "url": '#0',
                                "text": 'British Sign Language - BSL'
                            },
                            {
                                "url": '#0',
                                "text": 'čeština (Czech)'
                            },
                            {
                                "url": '#0',
                                "text": 'Deutsche (German)'
                            },
                            {
                                "url": '#0',
                                "text": 'Italiano (Italian)'
                            },
                            {
                                "url": '#0',
                                "text": 'Kiswahili (Swahili)'
                            },
                            {
                                "url": '#0',
                                "text": 'Kurdî (Kurdish)'
                            },
                            {
                                "url": '#0',
                                "text": 'Latvietis (Latvian)'
                            },
                            {
                                "url": '#0',
                                "text": 'Le français (French)'
                            },
                            {
                                "url": '#0',
                                "text": 'Lietuvis (Lithuanian)'
                            },
                            {
                                "url": '#0',
                                "text": 'Lingála (Lingala)'
                            },
                            {
                                "url": '#0',
                                "text": 'Magyar (Hungarian)'
                            },
                            {
                                "url": '#0',
                                "text": 'Polskie (Polish)'
                            },
                            {
                                "url": '#0',
                                "text": 'Português (Portuguese)'
                            },
                            {
                                "url": '#0',
                                "text": 'Română (Romanian)'
                            },
                            {
                                "url": '#0',
                                "text": 'Shqiptare (Albanian)'
                            },
                            {
                                "url": '#0',
                                "text": 'Slovák (Slovak)'
                            },
                            {
                                "url": '#0',
                                "text": 'Slovenščina (Slovenian)'
                            },
                            {
                                "url": '#0',
                                "text": 'Soomaali (Somali)'
                            },
                            {
                                "url": '#0',
                                "text": 'Tagalog'
                            },
                            {
                                "url": '#0',
                                "text": 'Tetum'
                            },
                            {
                                "url": '#0',
                                "text": 'Tiếng Việt (Vietnamese)'
                            },
                            {
                                "url": '#0',
                                "text": 'Türk (Turkish)'
                            }
                        ]
                    }) }}

                </div>

                <div class="ons-grid__col ons-col-4@m">

                    {{ onsList({
                        "variants": ['bare', 'languages'],
                        "itemsList": [
                            {
                                "url": '#0',
                                "text": 'Ελληνικά (Greek)'
                            },
                            {
                                "url": '#0',
                                "text": 'български (Bulgarian)'
                            },
                            {
                                "url": '#0',
                                "text": 'русский (Russian)'
                            },
                            {
                                "url": '#0',
                                "text": 'zУкраїнський (Ukrainian)'
                            },
                            {
                                "url": '#0',
                                "text": 'հայերեն (Armenian)'
                            },
                            {
                                "url": '#0',
                                "text": 'پوٹھواری (Pothwari)'
                            },
                            {
                                "url": '#0',
                                "text": 'ትግርኛ (Tigrinya)'
                            },
                            {
                                "url": '#0',
                                "text": 'አማርኛ (Amharic)'
                            },
                            {
                                "url": '#0',
                                "text": 'नेपाली (Nepali)'
                            },
                            {
                                "url": '#0',
                                "text": 'हिन्दी (Hindi)'
                            },
                            {
                                "url": '#0',
                                "text": 'বাংলা (Bengali)'
                            },
                            {
                                "url": '#0',
                                "text": 'ਪੰਜਾਬੀ (Punjabi (Gurmukhi))'
                            },
                            {
                                "url": '#0',
                                "text": 'ગુજરાતી (Gujarati)'
                            },
                            {
                                "url": '#0',
                                "text": 'தமிழ் (Tamil)'
                            },
                            {
                                "url": '#0',
                                "text": 'മലയാളം (Malayalam)'
                            },
                            {
                                "url": '#0',
                                "text": 'ไทย (Thai)'
                            },
                            {
                                "url": '#0',
                                "text": 'မြန်မာဘာသာ (Burmese)'
                            },
                            {
                                "url": '#0',
                                "text": '한국어 (Korean)'
                            },
                            {
                                "url": '#0',
                                "text": '日本人 (Japanese)'
                            },
                            {
                                "url": '#0',
                                "text": '普通話 (Mandarin)'
                            },
                            {
                                "url": '#0',
                                "text": '粵語 (Cantonese)'
                            }
                        ]
                    }) }}

                </div>

                <div class="ons-grid__col ons-col-4@m">

                    {{ onsList({
                        "variants": ['bare', 'languages'], 
                        "classes": 'ons-u-rtl',
                        "itemsList": [
                            {
                                "url": '#0',
                                "text": 'יידיש (Yiddish)'
                            },
                            {
                                "url": '#0',
                                "text": 'עִברִית (Hebrew)'
                            },
                            {
                                "url": '#0',
                                "text": 'اردو (Urdu)'
                            },
                            {
                                "url": '#0',
                                "text": 'عربى (Arabic)'
                            },
                            {
                                "url": '#0',
                                "text": 'فارسی (Farsi)'
                            }
                        ]
                    }) }}

                </div>

            </div>

        </div>

        <div class="ons-js-language-filter__content ons-u-hidden ons-u-db-no-js_disabled" id="language-english">

            <div class="ons-grid">

                <div class="ons-grid__col ons-col-4@m">

                    {{ onsList({
                        "variants": ['bare', 'languages'],
                        "itemsList": [
                            {
                                "url": '#0',
                                "text": 'Albanian (Shqiptare)'
                            },
                            {
                                "url": '#0',
                                "text": 'Amharic (አማርኛ)'
                            },
                            {
                                "url": '#0',
                                "text": 'Arabic (عربى)'
                            },
                            {
                                "url": '#0',
                                "text": 'Armenian (հայերեն)'
                            },
                            {
                                "url": '#0',
                                "text": 'Bengali (বাংলা)'
                            },
                            {
                                "url": '#0',
                                "text": 'Bosnian (Bosanski)'
                            },
                            {
                                "url": '#0',
                                "text": 'British Sign Language - BSL'
                            },
                            {
                                "url": '#0',
                                "text": 'Bulgarian (български)'
                            },
                            {
                                "url": '#0',
                                "text": 'Burmese (မြန်မာဘာသာ)'
                            },
                            {
                                "url": '#0',
                                "text": 'Cantonese (粵語)'
                            },
                            {
                                "url": '#0',
                                "text": 'Czech (čeština)'
                            },
                            {
                                "url": '#0',
                                "text": 'Farsi (فارسی)'
                            },
                            {
                                "url": '#0',
                                "text": 'French (Le français)'
                            },
                            {
                                "url": '#0',
                                "text": 'German (Deutsche)'
                            },
                            {
                                "url": '#0',
                                "text": 'Greek (Ελληνικά)'
                            },
                            {
                                "url": '#0',
                                "text": 'Gujarati (ગુજરાતી)'
                            },
                            {
                                "url": '#0',
                                "text": 'Hebrew (עִברִית)'
                            },
                            {
                                "url": '#0',
                                "text": 'Hebrew (עִברִית)'
                            },
                            {
                                "url": '#0',
                                "text": 'Hungarian (Magyar)'
                            },
                            {
                                "url": '#0',
                                "text": 'Italian (Italiano)'
                            },
                            {
                                "url": '#0',
                                "text": 'Japanese (日本人)'
                            },
                            {
                                "url": '#0',
                                "text": 'Korean (한국어)'
                            },
                            {
                                "url": '#0',
                                "text": 'Kurdish (Kurdî)'
                            },
                            {
                                "url": '#0',
                                "text": 'Latvian (Latvietis)'
                            },
                            {
                                "url": '#0',
                                "text": 'Latvian (Latvietis)'
                            },
                            {
                                "url": '#0',
                                "text": 'Lithuanians (Lietuvi)'
                            },
                            {
                                "url": '#0',
                                "text": 'Malayalam (മലയാളം)'
                            },
                            {
                                "url": '#0',
                                "text": 'Mandarin (普通話)'
                            },
                            {
                                "url": '#0',
                                "text": 'Nepali (नेपाली)'
                            },
                            {
                                "url": '#0',
                                "text": 'Polish (Polskie)'
                            },
                            {
                                "url": '#0',
                                "text": 'Portuguese (Português)'
                            },
                            {
                                "url": '#0',
                                "text": 'Pothwari (پوٹھواری)'
                            },
                            {
                                "url": '#0',
                                "text": 'Punjabi (Gurmukhi) (ਪੰਜਾਬੀ)'
                            },
                            {
                                "url": '#0',
                                "text": 'Romanian (Română)'
                            },
                            {
                                "url": '#0',
                                "text": 'Russian (русский)'
                            },
                            {
                                "url": '#0',
                                "text": 'Slovak (Slovák)'
                            },
                            {
                                "url": '#0',
                                "text": 'Slovenian (Slovenščina)'
                            },
                            {
                                "url": '#0',
                                "text": 'Somali (Soomaali)'
                            },
                            {
                                "url": '#0',
                                "text": 'Swahili (Kiswahili)'
                            },
                            {
                                "url": '#0',
                                "text": 'Tagalog'
                            },
                            {
                                "url": '#0',
                                "text": 'Tamil (தமிழ்)'
                            },
                            {
                                "url": '#0',
                                "text": 'Tetum'
                            },
                            {
                                "url": '#0',
                                "text": 'Thai (ไทย)'
                            },
                            {
                                "url": '#0',
                                "text": 'Tigrinya (ትግርኛ)'
                            },
                            {
                                "url": '#0',
                                "text": 'Turkish (Türk)'
                            },
                            {
                                "url": '#0',
                                "text": 'Ukrainian (Український)'
                            },
                            {
                                "url": '#0',
                                "text": 'Urdu (اردو)'
                            },
                            {
                                "url": '#0',
                                "text": 'Vietnamese (Tiếng Việt)'
                            },
                            {
                                "url": '#0',
                                "text": 'Yiddish (יידיש)'
                            }
                        ]
                    }) }}

                </div>

            </div>

        </div>

    </div>

{% endblock %}

Help improve this pattern

Let us know how we could improve this pattern or share your user research findings. Discuss the ‘Access support in multiple languages’ pattern on GitHub