Fix/411/sign language interpretation not available for video content …

…wcag 22 level aaa (#3119) * ⬆️ Back To Top Link ⬆️ (#2990) * Page template for length * Add macro * Add component foundations * Build stylesheet * Add additional functionality * Improved functionality * Fix border and layout * Fix resize behaviour * Changes to CSS * Add more tests * Update VR Tests * Change to full width --------- Co-authored-by: Alessio Venturini <[email protected]> * Description list not structured properly for screen readers (#3053) * initial change * update test * update test * update comment * update comment * Update placeholder text colour (#3062) * Fix/3004/icon in footer not clickable (#3036) * Fix checkbox appearance on safari (#3066) * Adding the change in readme (#3067) * updated youtube video to a more accessible one * updated reference files --------- Co-authored-by: Aditya Unnithan_ONS <[email protected]> Co-authored-by: Precious Onyenaucheya <[email protected]> Co-authored-by: rmccar <[email protected]> Co-authored-by: Bali Birch-Lee_ONS <[email protected]> Co-authored-by: SriHV <[email protected]>
ONSdigital · Apr 4, 2024 · ade7695 · ade7695
1 parent 8d6239b
commit ade7695
Show file tree

Hide file tree

Showing 9 changed files with 113 additions and 31 deletions.
diff --git a/...rence/ds-vr-test__components_tabs_example-tabs-details_0_document_0_desktop.png b/...rence/ds-vr-test__components_tabs_example-tabs-details_0_document_0_desktop.png
diff --git a/...erence/ds-vr-test__components_tabs_example-tabs-details_0_document_1_tablet.png b/...erence/ds-vr-test__components_tabs_example-tabs-details_0_document_1_tablet.png
diff --git a/...erence/ds-vr-test__components_tabs_example-tabs-details_0_document_2_mobile.png b/...erence/ds-vr-test__components_tabs_example-tabs-details_0_document_2_mobile.png
diff --git a/...s_reference/ds-vr-test__components_video_example-video_0_document_0_desktop.png b/...s_reference/ds-vr-test__components_video_example-video_0_document_0_desktop.png
diff --git a/...ps_reference/ds-vr-test__components_video_example-video_0_document_1_tablet.png b/...ps_reference/ds-vr-test__components_video_example-video_0_document_1_tablet.png
diff --git a/...ps_reference/ds-vr-test__components_video_example-video_0_document_2_mobile.png b/...ps_reference/ds-vr-test__components_video_example-video_0_document_2_mobile.png
diff --git a/src/components/tabs/example-tabs-details.njk b/src/components/tabs/example-tabs-details.njk
@@ -8,15 +8,15 @@
     {% from "components/video/_macro.njk" import onsVideo %}
     {{
         onsVideo({
-        "videoEmbedUrl": 'https://www.youtube.com/embed/_EGJlvkgbPo',
-        "videoLinkURL": 'https://www.youtube.com/watch?v=_EGJlvkgbPo',
+        "videoEmbedUrl": 'https://www.youtube.com/embed/OwYVwPPxPj4',
+        "videoLinkURL": 'https://www.youtube.com/watch?v=OwYVwPPxPj4',
         "image": {
             "largeSrc": '/patternlib-img/youtube-example-cover.png',
             "smallSrc": '/patternlib-img/youtube-example-cover.png',
             "alt": "Youtube video"
         },
-        "title": 'Census 2021 promotional TV advert',
-        "linkText": 'Watch “Census 2021 promotional TV advert“ on Youtube'
+        "title": 'Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL',
+        "linkText": 'Watch “Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL“ on Youtube'
         })
     }}
 
@@ -30,24 +30,106 @@
                 {
                     "id": "video-description",
                     "title": 'Description',
-                    "hiddenSpan": 'for Census 2021 promotional TV advert video',
+                    "hiddenSpan": 'for Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL',
                     "content": '<div class="example-video-block__details">
                         <h3 class="ons-u-d-no@s">Description</h3>
-                        <p>The census provides a snapshot of everyone in England & Wales. We help local councils get the funding they need.</p>
-                        <p>If you live in one of the rehearsal areas help us by taking part in the #CensusRehearsal.</p>
-                    </div>'
+                        <p>We explain our plans to transform the ways we collect data and produce statistics that better serve everybody with our Dynamic Population Model (DPM), with British Sign Language (BSL).</p>'
                 },
                 {
                     "id": "video-transcript",
                     "title": 'Transcript',
                     "hiddenSpan": 'for Census 2021 promotional TV advert video',
-                    "content": '<div class="example-video-block__details">
-                        <h3 class="ons-u-d-no@s">Transcript</h3>
-                        <p>I count.</p>
-                        <p>I count.</p>
-                        <p>I still count.</p>
-                        <p>When it comes to getting our fair share of services like health care, transport, housing and education, the census really counts. And what makes the census count is all of us.</p>
-                    </div>'
+                    "content": "<div class='example-video-block__details'>
+                        <h3 class='ons-u-d-no@s'>Transcript</h3>
+                        <p>at the office for National statistics we</p>
+                        <p>publish statistics about the size and</p>
+                        <p>structure of the population that</p>
+                        <p>organizations use to make important</p>
+                        <p>decisions about local services</p>
+                        <p>like deciding how many school and</p>
+                        <p>Hospital places an area might need or</p>
+                        <p>where to put a new Supermarket to make</p>
+                        <p>these decisions people need the most</p>
+                        <p>up-to-date information about the</p>
+                        <p>changing shape of our population to</p>
+                        <p>estimate the population we start with</p>
+                        <p>Census Data this is collected every 10</p>
+                        <p>years every year we add birds and people</p>
+                        <p>who move into the country or local area</p>
+                        <p>and remove people who have died or who</p>
+                        <p>have moved away we need to make sure</p>
+                        <p>that data about births deaths and</p>
+                        <p>migration from numerous data sources and</p>
+                        <p>systems are received processed and</p>
+                        <p>quality assured</p>
+                        <p>when this is done the statistics are</p>
+                        <p>ready for decision makers to use about a</p>
+                        <p>year later but the accuracy of these</p>
+                        <p>estimates declines as we move away from</p>
+                        <p>the Census year and because our</p>
+                        <p>population is changing more rapidly than</p>
+                        <p>ever decision makers need this</p>
+                        <p>information faster to meet this need</p>
+                        <p>we're exploring new and innovative ways</p>
+                        <p>to create population statistics which is</p>
+                        <p>why we've developed the dynamic</p>
+                        <p>population model or DPM the DPM still</p>
+                        <p>uses information about birds deaths and</p>
+                        <p>internal and international migration but</p>
+                        <p>it also uses new information in</p>
+                        <p>different ways to get the best from</p>
+                        <p>available data</p>
+                        <p>we've built the DPM to produce</p>
+                        <p>statistics that are flexible and</p>
+                        <p>resilient it uses a wide range of data</p>
+                        <p>sources like linked administrative data</p>
+                        <p>which is information that we all share</p>
+                        <p>when we access Public Services like the</p>
+                        <p>tax benefits and Health Systems the DPM</p>
+                        <p>also uses data about births and deaths</p>
+                        <p>students in schools and much more and</p>
+                        <p>because it doesn't rely on a single data</p>
+                        <p>source it can produce high quality</p>
+                        <p>population estimates on time even when a</p>
+                        <p>data source changes</p>
+                        <p>we've also designed it to be accurate</p>
+                        <p>And Timely</p>
+                        <p>the DPM balances the count of the</p>
+                        <p>population alongside local and National</p>
+                        <p>migration this makes sure that our</p>
+                        <p>population estimates are consistent and</p>
+                        <p>accurate and means we can produce</p>
+                        <p>provisional population estimates within</p>
+                        <p>six months of the reference date for</p>
+                        <p>example we were able to produce mid-year</p>
+                        <p>population estimates for 2022 four</p>
+                        <p>months ahead of the planned official</p>
+                        <p>estimates</p>
+                        <p>this also shows how responsive and smart</p>
+                        <p>the DPM can be quickly spotting when</p>
+                        <p>patterns and Trends have changed as it</p>
+                        <p>did with the mid-year population</p>
+                        <p>estimates for 2022 showing how the</p>
+                        <p>population had moved around after the</p>
+                        <p>coronavirus pandemic</p>
+                        <p>to improve our population estimates it</p>
+                        <p>can also tell when data are incomplete</p>
+                        <p>for example it spotted changes in Health</p>
+                        <p>Data we use which meant that we could</p>
+                        <p>decide how best to use them</p>
+                        <p>to make sure that we produce secure high</p>
+                        <p>quality reliable population statistics</p>
+                        <p>independent external experts have</p>
+                        <p>peer-reviewed the methods we use in the</p>
+                        <p>DPM our population estimates also need</p>
+                        <p>to meet a quality standard that is close</p>
+                        <p>to the level delivered in census years</p>
+                        <p>we expect the DPM admin based population</p>
+                        <p>estimates to meet this level of quality</p>
+                        <p>year after year</p>
+                        <p>to find out more about the dynamic</p>
+                        <p>population model visit the ons website</p>
+                    </div>"
                 },
                 {
                     "id": "video-embed",

diff --git a/src/components/video/example-video.njk b/src/components/video/example-video.njk
@@ -1,14 +1,14 @@
 {% from "components/video/_macro.njk" import onsVideo %}
 {{
     onsVideo({
-        "videoEmbedUrl": 'https://www.youtube.com/embed/_EGJlvkgbPo',
-        "videoLinkURL": 'https://www.youtube.com/watch?v=_EGJlvkgbPo',
+        "videoEmbedUrl": 'https://www.youtube.com/embed/OwYVwPPxPj4',
+        "videoLinkURL": 'https://www.youtube.com/watch?v=OwYVwPPxPj4',
         "image": {
             "largeSrc": '/patternlib-img/youtube-example-cover.png',
             "smallSrc": '/patternlib-img/youtube-example-cover.png',
             "alt": "Youtube video"
         },
-        "title": 'Census 2021 promotional TV advert',
-        "linkText": 'Watch “Census 2021 promotional TV advert“ on Youtube'
+        "title": 'Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL',
+        "linkText": 'Watch “Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL“ on Youtube'
     })
 }}
diff --git a/src/static/patternlib-img/youtube-example-cover.png b/src/static/patternlib-img/youtube-example-cover.png