Accessibility - Office for National Statistics

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="no-js"> <head> <base href="https://consultations.ons.gov.uk/"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Find and participate in consultations run by the Office for National Statistics"> <title> Accessibility - Office for National Statistics - Citizen Space </title> <link rel="stylesheet" href="/static_frontend/vendor/lato-2.015/fonts.css"> <link type="text/css" href="/static_frontend/vendor/dlb-public-ui/css/bootstrap.css" rel="stylesheet"> <link type="text/css" href="https://consultations.ons.gov.uk/static_frontend/vendor/dlb-public-ui/css/dlb-public-ui-compiled.css" rel="stylesheet"> <link type="text/css" href="https://consultations.ons.gov.uk/static_frontend/css/citizenspace.css" rel="stylesheet">  <link type="text/css" href="/static_frontend/vendor/dlb-public-ui/libraries/font-awesome/css/font-awesome.min.css" rel="stylesheet" />  <script type="text/javascript"> var tr_auto_embed = true; </script>  <script type="text/javascript" src="/static_frontend/vendor/dlb-public-ui/libraries/jquery/jquery.min.js"></script>  <script type="text/javascript" src="/static_frontend/js/fluid-resize.js?version=7.51.0"></script> <script type="text/javascript" src="/static_frontend/js/tr-safe-embed.js?version=7.51.0"></script> <script type="text/javascript" src="/static_frontend/js/text-truncate.js?version=7.51.0"></script> <script type="text/javascript" src="/static_frontend/js/tr-pdf.js?version=7.51.0"></script>  <script> const bootstrapEventShim = function() { document.querySelectorAll('[data-toggle]').forEach((el) => { let attrVal = el.dataset.toggle; el.dataset.bsToggle = attrVal; }); document.querySelectorAll('[data-target]').forEach((el) => { let attrVal = el.dataset.target; el.dataset.bsTarget = attrVal; }); } document.addEventListener("DOMContentLoaded", bootstrapEventShim); </script>  <script src="/static_frontend/vendor/dlb-public-ui/libraries/bootstrap-5.3.1/dist/js/bootstrap.bundle.min.js"></script>   <script> document.documentElement.classList.remove('no-js') </script>  <noscript> <style> .collapse { display: block; } .show-when-no-js { display:block; } .hide-when-no-js { display:none; } </style> </noscript> </head> <body data-site-root="https://consultations.ons.gov.uk"> <div id="skip"> <a href="https://consultations.ons.gov.uk/accessibility_policy/#page-content">Skip to Main Content</a> </div> <script> jQuery(document).ready(function() { var options = {}; // used to disable the go button when the selected page is the current page var cur_page = jQuery("#preview-navigation-page-select").val() jQuery("#preview-navigation-page-select").change(function() { var page = jQuery(this).val(); var button = jQuery("#preview-navigation button"); if (page != "" && page != cur_page) { button.prop('disabled',false); } else { button.prop('disabled','disabled'); } }); jQuery("#preview-navigation button").click(function(event) { var page = jQuery("#preview-navigation-page-select").val(); var consultation_root = jQuery("#preview-navigation").data("consultation-root"); var survey_root = jQuery("#preview-navigation").data("survey-root"); var cookie_path = jQuery("#preview-navigation").data("cookie-path"); function set_state(state) { document.cookie="preview_state="+state+";path="+cookie_path+";"; } set_state("open"); if (page === "_hub") { window.location = survey_root; } else if (page == "_overview_open") { window.location = consultation_root; } else if (page == "_overview_closed") { set_state("closed"); window.location = consultation_root; } else if (page == "_overview_forthcoming") { set_state("forthcoming"); window.location = consultation_root; } else if (page == "_published_responses") { set_state("closed"); window.location = survey_root + "published_select_respondent"; } else if (page == "") { // No-op, shouldn't get here (hah..). } else { window.location = survey_root + page; } }); }); </script> <div id="global-wrapper"> <header id="global-nav" class="navbar navbar-default navbar-expand-md navbar-static-top dss-navbar"> <div class="container-fluid"> <div class="row flex-grow-1 py-2 pb-md-0 pt-lg-1"> <div class="mb-md-2 py-lg-1 col-md-8 "> <div class="navbar-header d-flex justify-content-between"> <div id="global-nav-main-heading"> <a id="global-nav-site-title" href="https://consultations.ons.gov.uk/"> <img src="https://consultations.ons.gov.uk/os-custom-logos/uksa-ons-logos-02.png" alt="UKSA-ONS logo" class="global-nav-logo ms-3 ms-md-0" /> </a> </div> <button class="navbar-toggler d-md-none align-self-center" data-bs-toggle="collapse" data-bs-target="#global-navbar-collapse" aria-expanded="false" aria-controls="global-navbar-collapse"> <span class="fa fa-caret-down"></span> <span>Menu</span> </button> </div> </div> <div id="cs-global-search-container-md" class="global-search-container d-none d-md-block align-self-center text-right py-lg-2">  <form id="cs-global-search" action="https://consultations.ons.gov.uk/consultation_finder/" method="GET"> <div role="search"> <label for="cs-global-search-input" class="visually-hidden">Search</label> <div class="input-group"> <input class="form-control" size="27" id="cs-global-search-input" type="text" name="keyword" placeholder="Search"/> <button class="btn btn-primary" aria-label="Search"><span class="fa fa-search"></span></button> </div> </div> </form> </div> <div class="w-100"></div> <div> <nav class="collapse navbar-collapse navbar-left px-3 px-md-0" id="global-navbar-collapse" aria-label="primary"> <div id="global-navbar-collapse-inner" class="py-2"> <div id="cs-global-search-container-xs" class="d-md-none">  </div> <ul class="cs-navbar-nav-list"> <li class="cs-navbar-nav-list-item"> <a class="cs-navbar-nav-link" href="/"> <span class="cs-navbar-nav-link-text">Home</span> </a> </li> <li class="cs-navbar-nav-list-item"> <a class="cs-navbar-nav-link" href="/consultation_finder/"> <span class="cs-navbar-nav-link-text">Find Activities</span> </a> </li> <li class="cs-navbar-nav-list-item"> <a class="cs-navbar-nav-link" href="/we_asked_you_said/"> <span class="cs-navbar-nav-link-text">We Asked, You Said, We Did</span> </a> </li> <li class="cs-navbar-nav-list-item"> <a class="cs-navbar-nav-link" href="/about/"> <span class="cs-navbar-nav-link-text">About</span> </a> </li> </ul> </div> </nav> </div> </div> </div> </header> <main id="page-content-wrapper"> <div id="page-content" tabindex="-1"> <div id="cs-page-accessibility_policy"> <div class="cs-page-component-group " style=""> <section class="dss-rhino cs-page-component-container dss-rhino-white" style=""> <div class="container-fluid"> <div class="cs-page-component cs-html-component"> <div class="row cs-html-component-one-column"> <div class=" col-lg-10 offset-lg-1"> <div class="cs-page-component-contrast dss-easy-reading"> <h1>Accessibility</h1> <h2>Accessibility of Delib software</h2> <p>We want as many people as possible to be able to use this website. This website is made up of:</p> <ul> <li>Software that is designed and controlled by Delib, for example the overall structure and the look and feel of the pages.</li> <li>Content that has been added by Office for National Statistics, for example most of the information, including words, pictures and documents.</li> </ul> <p>Delib does not control the content added to this site, but does develop and test the software to support:</p> <ul> <li>Zooming in up to 200% without the text spilling off the screen.</li> <li>Navigating the website using just a keyboard.</li> <li>Navigating the website using speech recognition software.</li> <li>Listening to the website using a screen reader.</li> </ul> <p>Content that has been added that is not fully accessible may be listed on this page as a non-conformity, or details may be given alongside the inaccessible content.</p> <p>Delib is committed to making the software accessible.</p> <p>Delib test the software against the Web Content Accessibility Guidelines V2.2 AA standard. Improvements to the software are released regularly. Any changes made to the software as a part of that process are tested internally in advance of release for compliance with the Web Content Accessibility Guidelines V2.2 level AA.</p> <h2>Reporting accessibility problems with this website</h2> <p>We are always looking to improve the accessibility of this website. If you find any problems not listed on this page or think we’re not meeting accessibility requirements, <a href="support">contact us</a>.</p> </div> </div> </div> </div> </div> </section> </div> </div> </div> </main> </div> <footer id="configurable-footer-wrapper"> <div class="cs-page-component-group"> <section class="dss-rhino cs-page-component-container dss-rhino-footer" style=""> <div class="container-fluid"> <div class="cs-page-component cs-page-component-contrast"> <div class="row" id="global-footer"> <div id="citizen-space-footer-nav" class="col-12 col-md-8 order-1 order-md-2" role="navigation" aria-label="miscellaneous"> <ul class="list-inline"> <li id="nav-item-accessibility_policy" class="list-inline-item"><a href="https://consultations.ons.gov.uk/accessibility_policy/">Accessibility</a></li> <li id="nav-item-terms_and_conditions" class="list-inline-item"><a href="https://consultations.ons.gov.uk/terms_and_conditions/">Terms of Use</a></li> <li id="nav-item-cookie_policy" class="list-inline-item"><a href="https://consultations.ons.gov.uk/cookie_policy/">Cookies</a></li> <li id="nav-item-privacy_policy" class="list-inline-item"><a href="https://consultations.ons.gov.uk/privacy_policy/">Privacy</a></li> <li id="nav-item-support" class="list-inline-item"><a href="https://consultations.ons.gov.uk/support/">Help / feedback</a></li> </ul> </div> <div class="col-12 col-md-4 order-2 order-md-1"> <span id="citizen-space-footer-logo"> <a href="https://www.delib.net/citizen_space">Citizen Space</a> <span>from</span> <a href="https://www.delib.net">Delib</a> </span> </div> </div> </div> </div> </section> </div> </footer> <script type="text/javascript"> $(function() { // Skip to content workaround for absolute skip links jQuery('#skip a').bind("click", function(event) { var target = jQuery(this).attr('href').split('#')[1]; jQuery("#"+target+"").focus(); }); }); </script> <script type="text/javascript"> $(function() { // Global search var search_form = $("#cs-global-search"); var search_form_input = $("#cs-global-search-input"); // Scroll to search results on submit of global search form search_form.submit(function() { if (search_form_input.attr('placeholder') == search_form_input.val()) { search_form_input.val(''); } sessionStorage.setItem('saved-scrollTop', '500'); }); // Move the global search form into the appropriate container depending on viewport size function move_global_search_form() { // if global nav (and global search) are turned off, bail if(!search_form.length) { return; } var md_container = $("#cs-global-search-container-md"); var xs_container = $("#cs-global-search-container-xs"); // btw we can't test if xs_container is visible because it's hidden inside the burger menu if (md_container.is(":visible")) { if(!md_container.find("#cs-global-search").length) { md_container.append(search_form); } } else { if(!xs_container.find("#cs-global-search").length) { xs_container.append(search_form); } } } move_global_search_form(); $(window).resize(move_global_search_form); // Function to update the query string function updateQueryStringParameter(uri, key, value) { var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i"); var separator = uri.indexOf('?') !== -1 ? "&" : "?"; if (uri.match(re)) { return uri.replace(re, '$1' + key + "=" + value + '$2'); } else { return uri + separator + key + "=" + value; } } // Event listener to detect changes in the large viewport language `select` var languageSelect = document.getElementById('language-picker-select'); if (languageSelect) { languageSelect.addEventListener('change', function() { var form = document.getElementById('global-language-picker'); form.submit(); }); } }); // a11y hax. There are some elements generated by the ol libraries that need some extra attributes for a11y. // Putting them here was preferable to overriding masses of ol code. $(window).on("load", function() { var zoomins = document.getElementsByClassName('ol-zoom-in'); for (let i=0; i<zoomins.length; i++) { zoomins[i].setAttribute('aria-label', 'Zoom in'); } var zoomouts = document.getElementsByClassName('ol-zoom-out'); for (let j=0; j<zoomouts.length; j++) { zoomouts[j].setAttribute('aria-label', 'Zoom out'); } var attributions = document.getElementsByClassName('ol-attribution'); for (let k=0; k<attributions.length; k++) { attributions[k].getElementsByTagName('button')[0].setAttribute('aria-label', 'Attribution'); } var recentre = document.getElementsByClassName('cs-zoom-to-extent'); for (let m=0; m<recentre.length; m++) { recentre[m].getElementsByTagName('button')[0].setAttribute('aria-label', 'Recentre map'); } var search = document.getElementsByClassName('cs-map-postcode-popup'); for (let m=0; m<search.length; m++) { search[m].getElementsByTagName('button')[0].setAttribute('aria-label', 'Go to a postcode'); } } ); </script> </body> </html>

CINXE.COM

Accessibility - Office for National Statistics - Citizen Space