Accessibility | Buildings at Risk Register

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="/sites/all/themes/barr_new_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="shortlink" href="/node/41" /> <link rel="canonical" href="/accessibility" /> <meta name="Generator" content="Drupal 7 (http://drupal.org)" /> <meta name="format-detection" content="telephone=no"/> <title>Accessibility | Buildings at Risk Register</title> <style type="text/css" media="all"> @import url("/modules/system/system.base.css?sl53tf"); @import url("/modules/system/system.menus.css?sl53tf"); @import url("/modules/system/system.messages.css?sl53tf"); @import url("/modules/system/system.theme.css?sl53tf"); </style> <link type="text/css" rel="stylesheet" href="/sites/all/modules/custom/rcahms_barr/css/rcahms-barr-style.css?sl53tf" media="all" /> <style type="text/css" media="all"> @import url("/modules/comment/comment.css?sl53tf"); @import url("/modules/field/theme/field.css?sl53tf"); @import url("/modules/node/node.css?sl53tf"); @import url("/modules/user/user.css?sl53tf"); </style> <style type="text/css" media="all"> @import url("/sites/all/modules/contrib/lightbox2/css/lightbox.css?sl53tf"); </style> <style type="text/css" media="all"> @import url("/sites/all/themes/barr_new_theme/css/common.css?sl53tf"); @import url("/sites/all/themes/barr_new_theme/css/layout.css?sl53tf"); @import url("/sites/all/themes/barr_new_theme/css/barr.css?sl53tf"); @import url("/sites/all/themes/barr_new_theme/css/modules.css?sl53tf"); </style> <style type="text/css" media="print"> @import url("/sites/all/themes/barr_new_theme/css/print.css?sl53tf"); </style>   <script type="text/javascript" src="/misc/jquery.js?v=1.4.4"></script> <script type="text/javascript" src="/misc/jquery-extend-3.4.0.js?v=1.4.4"></script> <script type="text/javascript" src="/misc/jquery.once.js?v=1.2"></script> <script type="text/javascript" src="/misc/drupal.js?sl53tf"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="/sites/all/modules/contrib/lightbox2/js/lightbox.js?sl53tf"></script> <script type="text/javascript" src="/sites/all/modules/custom/rcahms_barr_scotlandmap/js/rcahms-barr-scotlandmap.js?sl53tf"></script> <script type="text/javascript" src="/sites/all/modules/custom/rcahms_barr_success/js/rcahms-barr-success.js?sl53tf"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> </head> <body class="html not-front not-logged-in no-sidebars page-node page-node- page-node-41 node-type-page" > <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZ7C7G2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTPNKB8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> hosts = ['www.buildingsatrisk.org.uk', 'buildingsatrisk.org.uk', 'barr-dev.rcahms.gov.uk', 'barr-staging.rcahms.gov.uk']; https = 'https:'; if (window.location.protocol != String(https)) { if (hosts.indexOf(window.location.host) != -1) { chunks = String(window.location).split(':'); if (typeof(chunks[1]) != 'undefined' && chunks[1] != null) { window.location.href = https + chunks[1]; } } } </script> <div id="wrapper"> <div id="header"> <div id="header-left"> <a href="/"> <img src="/sites/all/themes/barr_new_theme/css/images/masthead.gif" /> </a> </div> <div id="header-right"> <div id="header-top-right"> <div class="region region-header-top-right"> <div id="block-rcahms-barr-search-form-block" class="block block-rcahms-barr"> <div class="content"> <form action="/accessibility" method="post" id="rcahms-barr-search-form" accept-charset="UTF-8"><div><input type="hidden" name="form_id" value="rcahms_barr_search_form" /> <input type="hidden" name="form_build_id" value="form-dFnab_-HbgAxZXkqDV5l37t1vYfxdgiMsZ3L2H3O-ik" /> <div class='search-form-block'> <div class="form-item form-type-textfield form-item-st"> <input onfocus="if (this.value == "Keyword or Postcode") this.value = "";" type="text" id="edit-st" name="st" value="Keyword or Postcode" size="48" maxlength="32" class="form-text" /> </div> <input onclick="if (this.form.st.value == "Keyword or Postcode") return false;" type="submit" id="edit-submit" name="op" value="Go" class="form-submit" /></div></div></form> </div> </div> </div> </div> </div> </div> <div id="primary-links"> <ul class="primary-links"> <li class="menu-long first"><a href="/" title="">Home</a></li> <li class="menu-long"><a href="/content/restoration-funding" title="">Restoration Funding</a></li> <li class="menu-long"><a href="/rcahms-barr-publications" title="">Publications</a></li> <li class="menu-long"><a href="/latest_news" title="">Latest News</a></li> <li class="menu-short"><a href="/faq" title="">FAQ</a></li> <li class="menu-short"><a href="/rcahms-barr-links" title="">Links</a></li> <li class="menu-short"><a href="/toolkit" title="">Toolkit</a></li> <li class="menu-long last"><a href="/advanced" title="">Advanced Search</a></li> </ul> </div> <div id="main"> <div id="breadcrumb"><h2 class="element-invisible">You are here</h2><div class="breadcrumb"><a href="/">Home</a></div></div> <div id="content"> <div id="content-header"> <div class="region region-content-top"> <div id="block-block-5" class="block block-block"> <h2>Notice</h2> <div class="content"> <p style="background-color: #c0c0c0; padding :10px !important;"> <b>Following a review of the Buildings at Risk Register we have paused the Register while we consider options for its future.</b><br /> The website will remain accessible and searchable during this time, but it will not be updated and we’re not accepting nominations for additions to the Register. If you need to contact us about the BARR please email <a href="mailto:hmenquiries@hes.scot">hmenquiries@hes.scot</a><br /><br />Read the <a href="https://app-hes-pubs-prod-neu-01.azurewebsites.net/api/file/bdc8106a-0d33-44a3-a55a-b1cc0093bd21">review report here</a> and you can find out more about why we have paused the BARR on <a href="https://www.historicenvironment.scot/about-us/news/review-of-buildings-at-risk-register-published/">our news centre.</a></p> </div> </div> </div> <h1>Accessibility</h1> </div> <div id="node-41" class="node node-page node-full clearfix" about="/accessibility" typeof="foaf:Document"> <span property="dc:title" content="Accessibility" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> <div class="content clearfix"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><style> <![CDATA[/* ><!]]>*/ </style><p><strong>Accessibility Statement </strong></p> <p>Read our accessibility statement for the Buildings at Risk Register website and discover our work on digital access.</p> <p> </p> <p>This is the accessibility statement for the Buildings at Risk Register (‘BARR’) website: <a href="https://www.buildingsatrisk.org.uk/">https://www.buildingsatrisk.org.uk/</a>. We are dedicated to accessibility and want as many people as possible to be able to use our websites. The statement below outlines the accessibility of our BARR website and where any issues may be found.</p> <p> </p> <p><strong>Using this website</strong></p> <p>We want as many people as possible to be able to use this website and access Scotland’s history and heritage. We built this website so you can:</p> <ul class="access"><li>change colours, contrast levels and fonts</li> <li>navigate the website using just a keyboard</li> <li>navigate most of the website using speech recognition software</li> <li>listen to most of the website using a screen reader</li> <li>watch videos with subtitles and captions</li> </ul><p> </p> <p>We’ve also made the website text as simple as possible to understand.</p> <p><a href="https://mcmw.abilitynet.org.uk/">https://mcmw.abilitynet.org.uk/</a> has advice on making your device easier to use if you have a disability.</p> <p><strong> </strong></p> <p><strong>How accessible this website is</strong></p> <p>While we work hard to make our platforms and content accessible, we know some parts of this website aren’t fully accessible yet.</p> <p>Here is a list of content that is not currently accessible:</p> <ul class="access"><li>many documents are in PDF format and are not accessible</li> <li>some parts of the website, including images, online forms, page titles, headers, buttons and links may not be fully compatible with assistive technologies due to missing alt text, labels and information in the website code</li> <li>you may not be able to access all content by using the keyboard navigation alone</li> <li>our online forms are difficult to navigate using just a keyboard and assistive technologies, and might time you out or not let you review your details before submitting</li> <li>colour contrasts may not be high enough and some text spacing may not match the minimum requirements, causing difficulties if you have a visual impairment</li> <li>some text and images may spill off the screen at some screen resolutions, when you change the size of the browser window or when zooming to 200%</li> <li>some auto updating content, such as carousels, may be difficult to understand and operate for screen reader and keyboard users</li> </ul><p> </p> <p>A full, technical list of currently inaccessible content and areas of the website can be found in the section of this accessibility statement titled ‘Non accessible content’.</p> <p> </p> <p><strong>What to do if you can’t access parts of this website</strong></p> <p>If you need information on this website in a different format like accessible PDF, large print, easy read, audio recording, or braille:</p> <ul class="access"><li>email <a href="mailto:equality@hes.scot">equality@hes.scot</a></li> <li>call us on 0131 668 8600</li> </ul><p>We’ll consider your request and try to get back to you in 5 working days, or if your request is more complex, please allow us up to 20 working days for a full reply.</p> <p>When contacting us please make sure you provide:</p> <ul class="access"><li>the service area, document name and/or the web address (URL) of the page the content is on</li> <li>a description of the format you need. For example, audio CD, braille, BSL or large print.</li> </ul><p>Find out more about our customer services in our <a href="https://www.historicenvironment.scot/customer-services/service-standards/">service standards</a>.</p> <p> </p> <p><strong>Reporting accessibility problems with this website</strong></p> <p>We’re always looking to improve the accessibility of this website. If you find any problems that aren’t listed on this page or think we’re not meeting the requirements of the accessibility regulations, contact the digital team:</p> <ul class="access"><li>email <a href="mailto:web@hes.scot">web@hes.scot</a></li> <li>call us on 0131 668 8994</li> </ul><p><strong> </strong></p> <p><strong>Enforcement procedure</strong></p> <p>The Equality and Human Rights Commission (EHRC) is responsible for enforcing the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018 (the ‘accessibility regulations’). If you submit a complaint and you’re not happy with how we respond, <a href="https://www.equalityadvisoryservice.com/">contact the EHRC</a>.</p> <p> </p> <p><strong>Contacting us by phone or visiting us in person</strong></p> <p>You can also visit us in person for more resources. Find us at:</p> <p>Longmore House <br /> Salisbury Place <br /> Edinburgh <br /> EH9 1SH</p> <p>For directions, please call 0131 668 8600 or view our location on <a href="https://www.google.com/maps/place/Historic+Environment+Scotland/@55.9372772,-3.1812828,17z/data=!4m12!1m6!3m5!1s0x4887c77f079db0d1:0xbcd1587de5bbb6de!2sHistoric+Environment+Scotland!8m2!3d55.9372742!4d-3.1790942!3m4!1s0x4887c77f079db0d1:0xbcd1587de5bbb6de!8m2!3d55.9372742!4d-3.1790942">Google Maps</a>.</p> <p>Our <a title="Access Guide" href="https://www.historicenvironment.scot/archives-and-research/publications/publication/?publicationId=792edbb6-5c20-40cd-9460-a5b600ecfd11">Access Guide</a> is also available for visitors to the historic places in our care.</p> <p>Let us know about any requirements you have in advance of your visit and we will endeavour to accommodate you:</p> <ul class="access"><li>email <a href="mailto:equality@hes.scot">equality@hes.scot</a> </li><li>call us on 0131 668 8600</li> </ul><p> </p> <p><strong>Technical information about this website’s accessibility</strong></p> <p>HES is committed to making this website accessible, in accordance with the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018.</p> <p>This website is partially compliant with the <a href="https://www.w3.org/TR/WCAG21/">Web Content Accessibility Guidelines version 2.1</a> AA standard, due to the non-compliances listed below.</p> <p> </p> <p><strong>Non accessible content</strong></p> <p>The content listed below is non-accessible for the following reasons.</p> <p><strong> </strong></p> <p><strong>Noncompliance with the accessibility regulations</strong></p> <p><strong>Buttons and labels</strong></p> <p>Some of the buttons on the website are not labelled with a name that describes their purpose. Some of the buttons are also not labelled descriptively in the mark up of the website. This may impact on you if you use a screen reader or voice control. This does not meet WCAG 2.1 A-level success criterion 1.1.1 (Non-text content: controls).</p> <p>Some of the forms on the website have labelled fields but do not have labelled buttons. This may make it difficult to determine the purpose of the button used to submit the information. This does not meet WCAG 2.1 A-level success criterion 1.3.5 (Identify input purpose) and 3.2.2 (On input: UI components and context).</p> <p>For items on the website like links and images that are repeated consistently and in the same order across multiple pages of the website, we have not used standard or identical labels and alt-text for said repeated content. This does not meet WCAG 2.1 AA-level success criteria 3.2.4 (Consistent identification).</p> <p>Some buttons may be missing labels or instructions. This does not meet WCAG 2.1 A-level success criterion 3.3.2 (Labels or instructions).</p> <p><strong>Non-text content (media, tables, and text alternatives)</strong></p> <p>Some images or non-text content do not have alternative text or descriptive enough labels to explain their content. This means that the information displayed by them is not available to people using a screen reader and they cannot skip past the decorative images. This does not meet WCAG 2.1 A-level success criterion 1.1.1 (Non-text content: sensory content).</p> <p>Some images are used as decoration on the website and should be marked as such. People using a screen reader may not be notified that these are non-essential images and may worry they have missed some information. This does not meet WCAG 2.1 A-level success criterion 1.1.1 (Non-text content: decoration, formatting, invisible).</p> <p>User interface components (things users click on) that include visual text or images of text may not have names that reflect the visual text. This does not meet WCAG 2.1 A-level success criterion 2.5.3 (Label in name).</p> <p><strong>Sensory characteristics and colour contrast</strong></p> <p>Some information and items (like links) on the website are only distinguishable by colour. This means users might not be able to see or recognise the information and/or function of the item. This does not meet WCAG 2.1 A-level success criteria 1.4.1 (Use of colour).</p> <p>The colour contrast of large-scale text, images of text, and graphical objects on the website may not be high enough to display content clearly (except for logos which are a contrast exception). This does not meet WCAG 2.1 AA-level success criterion 1.4.3 (Contrast minimum) and 1.4.11 (Non-text contrast: graphical objects).</p> <p><strong>Visual formatting (zoom, orientation, resolution, and text spacing)</strong></p> <p>Some parts of the content or website may disappear or change context when zooming in up to 200%. This does not meet WCAG 2.1 AA-level success criterion 1.4.4 (Resize text).</p> <p>At certain resolutions, content may not reflow and there may be a loss of information or functionality which requires scrolling in two dimensions. This does not meet WCAG 2.1 AA-level success criterion 1.4.10 (Reflow).</p> <p>We cannot guarantee that all the website text meets the minimum text-spacing requirements. This does not meet WCAG 2.1 AA-level success criterion 1.4.12 (Text spacing).</p> <p>Hovering the mouse pointer over some content does not always reveal hidden content and the hidden content may not be easily accessible. If the content can be seen on hover over, sometimes it cannot be dismissed. Whether content appears on hover over or not, we cannot guarantee content remains visible and can be dismissed by other means. This does not meet WCAG 2.1 AA-level success criterion 1.4.13 (Content on hover over or focus: dismissible content, hoverable content, persistent content).</p> <p><strong>Website navigation and page timing</strong></p> <p>There may not be an option for the user to adjust time limits on the website so that they are not timed out. This does not meet WCAG 2.1 A-level success criterion 2.2.1 (Timing adjustable: adjust timing).</p> <p>There may not be an option for the user to extend time limits on the website so that they are not timed out. This does not meet WCAG 2.1 A-level success criterion 2.2.1 (Timing adjustable: extend timing).</p> <p><strong>Web page titling, language settings, and content</strong></p> <p>The purpose of some links may not be described in the text or title of the link, so it may prove difficult to understand the purpose of the link. This does not meet WCAG 2.1 A-level success criterion 2.4.4 (Link purpose: in context).</p> <p><strong>Website mark up and functionality</strong></p> <p>Some of the information, structure and relationships of items on the website are not coded, labelled or grouped properly; therefore, assistive technologies may get confused. This can result in parts of the website not being accessible to people using assistive technology. This does not meet WCAG 2.1 A-level success criterion 1.3.1 (Info and relationships).</p> <p>There may not be an option for a user on the website to pause, stop, or hide moving, blinking, or scrolling information on the website. In extreme cases, this may cause seizures. This does not meet WCAG 2.1 A-level success criterion 2.2.2 (Pause, stop, hide: moving, blinking, scrolling information).</p> <p>There may not be an option for a user on the website to pause, stop, or hide auto-updating content. This does not meet WCAG 2.1 A-level success criterion 2.2.2 (Pause, stop, hide: auto-updating).</p> <p>Our website form submissions may not be reversible and there may not be a service that checks, reviews, and confirms the fields before submission. This does not meet WCAG 2.1 AA-level success criterion 3.3.4 (Error prevention: reversible submissions; input check and confirming).</p> <p>The name and role for all user interface components (things the user can interact with) may not be capable of being programmatically determined (verified in the website code); the website states, properties, and values (things used to interact with the website) that can be set by the user may not be capable of being programmatically set (changed in the code); and notifications of changes to any of these items may not be available to user or assistive technologies. This does not meet WCAG 2.1 A-level success criterion 4.1.2 (Name, role, value).</p> <p>In the event of a status message being published on the website, the status message may not be programmatically determined through role or properties that make them accessible to assistive technologies without receiving focus. This does not meet WCAG 2.1 A-level success criterion 4.1.3 (Status messages).</p> <p> </p> <p>By September 2021, we will work to update the website with:</p> <ul class="access"><li>more descriptive labels for links and buttons </li> <li>better text alternatives for images</li> <li>an option to dismiss content that appears when hovered over</li> <li>an option to adjust or turn off time limits for timed content</li> </ul><p> </p> <p><strong>Disproportionate Burden</strong></p> <p>We are committed to improving the bulleted criteria above; however, we have assessed the cost of fixing all other accessibility issues in the next year and believe doing so would be a disproportionate burden within the meaning of the accessibility regulations. We will make another assessment of this when we review the website in September 2021.</p> <p> </p> <p><strong>Content that’s not within the scope of the accessibility regulations</strong></p> <p><strong>PDFs and other documents</strong></p> <p>Some of our older office file format documents (Word, Excel, PowerPoint, PDFs) were published before 23 September 2018 and are not used for administrative or essential purposes and so may be inaccessible. Due to their age and non-essential status, they are exempt under <a href="http://www.legislation.gov.uk/uksi/2018/952/regulation/4/made">Reg 4(2)(a)</a>.</p> <p><strong> </strong></p> <p><strong>How we tested this website</strong></p> <p>The BARR website was tested for most WCAG 2.1 A-AA accessibility requirements by a web crawler hosted by a third-party company called Siteimprove. They revealed accessibility issues that require attention. We analyse and act on these tests to update our accessibility on a regular basis.</p> <p>Siteimprove’s software does not test for some accessibility requirements outlined by the WCAG 2.1 A-AA. However, we manually tested a sample of pages from the BARR website for these requirements and will test again on an annual basis.</p> <p> </p> <p><strong>What we’re doing to improve accessibility</strong></p> <p>We’ll continue to update and audit our accessibility on an annual basis to ensure we fully meet single A and double AA standards.</p> <p>We are always looking to improve our accessibility services and view accessibility as an ethical and professional obligation. If you have suggestions on how we can improve our accessibility, please contact the Digital Team and our Equalities Manager:</p> <ul class="access"><li>email <a href="mailto:web@hes.scot">web@hes.scot</a></li> <li>email <a href="mailto:equality@hes.scot">equality@hes.scot</a></li> </ul><p>This statement was prepared on 15 August 2019. It was last updated on 22 May 2020.</p> <p> </p> </div></div></div> </div> </div> </div> </div> <div id="footer"> <div id="footer-header"></div> <div id="footer-inner"> <div id="footer-left"> <ul class="menu"> <li class="leaf first"><a href="/content/contact-us" title="Contact Us">Contact Us</a></li> <li class="leaf"><a href="/accessibility" title="Accessibility">Accessibility</a></li> <li class="leaf"><a href="/content/copyright" title="Copyright">Copyright & FOI</a></li> <li class="leaf"><a href="/privacy" title="Privacy Notice">Privacy Notice</a></li> <li class="leaf"><a href="/cookielaws" title="Cookie Policy">Cookie Policy</a></li> <li class="leaf last"><a href="/content/terms-conditions" title="Terms & Conditions">Terms & Conditions</a></li> </ul> </div> <div id="footer-right"> <div id="footer-right-inner"> <a href="https://www.historicenvironment.scot" title="Historic Environment Scotland"><img src="/sites/all/themes/barr_new_theme/css/images/hes_horizontal_colour.png" alt="Historic Environment Scotland" title="Historic Environment Scotland" style="width:300px;height:44px;margin:0 0 5px 0;" /></a> <p><small>© Historic Environment Scotland - Scottish Charity No. SC045925</small></p> </div> </div> </div> </div> </div> <script type="text/javascript"> (function ($) { $(document).ready(function() { $('a:not([href=""])').each(function() { if (this.hostname !== location.hostname) { $(this).addClass('externalLink').attr('target', "_blank"); } }); }); })(jQuery);  /** * @@name storm-cookie-banner: * @@version 0.4.0: Thu, 26 Sep 2019 12:02:09 GMT * @@author stormid * @@license MIT */ (function(root, factory) { var mod = { exports: {} }; if (typeof exports !== 'undefined') { mod.exports = exports; factory(mod.exports); module.exports = mod.exports.default; } else { factory(mod.exports); root.StormCookieBanner = mod.exports.default; } })(this, function(exports) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var TRIGGER_EVENTS = window.PointerEvent ? ['pointerup', 'keydown'] : ['ontouchstart' in window ? 'touchstart' : 'click', 'keydown']; var TRIGGER_KEYCODES = [13, 32]; //Modernizr cookie test var cookiesEnabled = function cookiesEnabled() { try { document.cookie = 'cookietest=1'; var ret = document.cookie.indexOf('cookietest=') !== -1; document.cookie = 'cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT'; return ret; } catch (e) { return false; } }; var writeCookie = function writeCookie(state) { //console.log('Cookie set') document.cookie = [ state.settings.name + '=' + JSON.stringify(state.consent) + ';', 'expires=' + new Date( new Date().getTime() + state.settings.expiry * 24 * 60 * 60 * 1000 ).toGMTString() + ';', state.settings.path ? 'path=' + state.settings.path + ';' : '', state.settings.domain ? 'domain=' + state.settings.domain : '', state.settings.secure ? 'secure' : '' ].join(''); }; var readCookie = function readCookie(settings) { var cookie = document.cookie .split('; ') .map(function(part) { return { name: part.split('=')[0], value: part.split('=')[1] }; }) .filter(function(part) { return part.name === settings.name; })[0]; return cookie !== undefined ? cookie : false; }; var updateCookie = function updateCookie(state) { return function(model) { return (document.cookie = [ model.name + '=' + model.value + ';', 'expires=' + model.expiry + ';', 'path=' + state.settings.path + ';', state.settings.domain ? 'domain=' + state.settings.domain + ';' : '', state.settings.secure ? 'secure' : '' ].join('')); }; }; var deleteCookies = function deleteCookies(state) { document.cookie .split('; ') .map(function(part) { return { name: part.split('=')[0], value: part.split('=')[1], expiry: 'Thu, 01 Jan 1970 00:00:01 GMT' }; }) .map(updateCookie(state)); }; var shouldReturn = function shouldReturn(e) { return ( (!!e.keyCode && !~TRIGGER_KEYCODES.indexOf(e.keyCode)) || (e.which && e.which === 3) ); }; var composeTypes = function composeTypes(opts) { return function(acc, curr) { if (acc[curr]) { acc[curr] = Object.assign({}, acc[curr], { fns: acc[curr].fns.concat(opts.types[curr].fns) }); } else acc[curr] = opts.types[curr]; return acc; }; }; var noop = function noop() {}; var isCheckable = function isCheckable(field) { return /radio|checkbox/i.test(field.type); }; var hasValue = function hasValue(input) { return ( input.value !== undefined && input.value !== null && input.value.length > 0 ); }; var groupValueReducer = function groupValueReducer(acc, input) { if (!isCheckable(input) && hasValue(input)) acc = input.value; if (isCheckable(input) && input.checked) { if (Array.isArray(acc)) acc.push(input.value); else acc = [input.value]; } return acc; }; var firstTLDs = 'ac|ad|ae|af|ag|ai|al|am|an|ao|aq|ar|as|at|au|aw|ax|az|ba|bb|be|bf|bg|bh|bi|bj|bm|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|cl|cm|cn|co|cr|cu|cv|cw|cx|cz|de|dj|dk|dm|do|dz|ec|ee|eg|es|et|eu|fi|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gp|gq|gr|gs|gt|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|im|in|io|iq|ir|is|it|je|jo|jp|kg|ki|km|kn|kp|kr|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mk|ml|mn|mo|mp|mq|mr|ms|mt|mu|mv|mw|mx|my|na|nc|ne|nf|ng|nl|no|nr|nu|nz|om|pa|pe|pf|ph|pk|pl|pm|pn|pr|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sx|sy|sz|tc|td|tf|tg|th|tj|tk|tl|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|yt'.split( '|' ); var secondTLDs = 'azurewebsites|com|edu|gov|net|mil|org|nom|sch|caa|res|off|gob|int|tur|ip6|uri|urn|asn|act|nsw|qld|tas|vic|pro|biz|adm|adv|agr|arq|art|ato|bio|bmd|cim|cng|cnt|ecn|eco|emp|eng|esp|etc|eti|far|fnd|fot|fst|g12|ggf|imb|ind|inf|jor|jus|leg|lel|mat|med|mus|not|ntr|odo|ppg|psc|psi|qsl|rec|slg|srv|teo|tmp|trd|vet|zlg|web|ltd|sld|pol|fin|k12|lib|pri|aip|fie|eun|sci|prd|cci|pvt|mod|idv|rel|sex|gen|nic|abr|bas|cal|cam|emr|fvg|laz|lig|lom|mar|mol|pmn|pug|sar|sic|taa|tos|umb|vao|vda|ven|mie|北海道|和歌山|神奈川|鹿児島|ass|rep|tra|per|ngo|soc|grp|plc|its|air|and|bus|can|ddr|jfk|mad|nrw|nyc|ski|spy|tcm|ulm|usa|war|fhs|vgs|dep|eid|fet|fla|flå|gol|hof|hol|sel|vik|cri|iwi|ing|abo|fam|gok|gon|gop|gos|aid|atm|gsm|sos|elk|waw|est|aca|bar|cpa|jur|law|sec|plo|www|bir|cbg|jar|khv|msk|nov|nsk|ptz|rnd|spb|stv|tom|tsk|udm|vrn|cmw|kms|nkz|snz|pub|fhv|red|ens|nat|rns|rnu|bbs|tel|bel|kep|nhs|dni|fed|isa|nsn|gub|e12|tec|орг|обр|упр|alt|nis|jpn|mex|ath|iki|nid|gda|inc'.split( '|' ); var removeSubdomain = function removeSubdomain(s) { s = s.replace(/^www\./, ''); var parts = s.split('.'); while (parts.length > 3) { parts.shift(); } if ( parts.length === 3 && secondTLDs.indexOf(parts[1]) === -1 && firstTLDs.indexOf(parts[2]) === -1 ) { parts.shift(); } return parts.join('.'); }; var defaults = { name: '.CookiePreferences', path: '', domain: window.location.hostname === 'localhost' ? '' : '.' + removeSubdomain(window.location.hostname), secure: false, expiry: 365, types: {}, necessary: [], bannerTrigger: false, policyURL: '/cookie-policy', classNames: { banner: 'privacy-banner', acceptBtn: 'privacy-banner__accept', submitBtn: 'privacy-banner__submit', field: 'privacy-banner__field', form: 'privacy-banner__form', fieldset: 'privacy-banner__fieldset', legend: 'privacy-banner__legend', formContainer: 'privacy-banner__form-container', formMessage: 'privacy-banner__form-msg', title: 'privacy-banner__form-title', description: 'privacy-banner__form-description' }, savedMessage: 'Your settings have been saved.', bannerTemplate: function bannerTemplate(model) { return ( '<section role="dialog" aria-live="polite" aria-label="You privacy" class="' + model.classNames.banner + '">\n\t\t\t<div class="privacy-content">\n\t\t\t\t<div class="wrap">\n\t\t\t\t\t<div class="row">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class="privacy-banner__title">Cookies</div>\n\t\t\t\t\t\t<p>We use cookies to improve your experience on our site and show you personalised advertising.</p>\n\t\t\t\t\t\t<p>Find out more from our <a class="privacy-banner__link" rel="noopener noreferrer nofollow" href="/privacy-policy">privacy policy</a> and <a class="privacy-banner__link" rel="noopener noreferrer nofollow" href="' + model.policyURL + '">cookie policy</a>.</p>\n\t\t\t\t\t\t<button class="btn btn--primary ' + model.classNames.acceptBtn + '">Accept and close</button>\n\t\t\t\t\t\t<a class="privacy-banner__link" rel="noopener noreferrer nofollow" href="' + model.policyURL + '">Your options</a>\n\t\t\t\t\t\t\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>' ); }, messageTemplate: function messageTemplate(model) { return ( '<div class="' + model.settings.classNames.formMessage + '" aria-role="alert">' + model.settings.savedMessage + '</div>' ); }, formTemplate: function formTemplate(model) { return ( '<form class="' + model.settings.classNames.form + '" novalidate>\n\t\t\t\t' + Object.keys(model.settings.types) .map(function(type) { return ( '<fieldset class="' + model.settings.classNames.fieldset + '">\n\t\t\t\t<legend class="' + model.settings.classNames.legend + '">\n\t\t\t\t\t<span class="' + model.settings.classNames.title + '">' + model.settings.types[type].title + '</span>\n\t\t\t\t\t<span class="' + model.settings.classNames.description + '">' + model.settings.types[type].description + '</span>\n\t\t\t\t</legend>\n\t\t\t\t<div class="form-row">\n\t\t\t\t\t<div class="relative">\n\t\t\t\t\t\t<label class="privacy-banner__label">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass="' + model.settings.classNames.field + '"\n\t\t\t\t\t\t\t\ttype="radio"\n\t\t\t\t\t\t\t\tname="privacy-' + type.split(' ')[0].replace(' ', '-') + '"\n\t\t\t\t\t\t\t\tvalue="1"\n\t\t\t\t\t\t\t\t' + (model.consent[type] === 1 ? ' checked' : '') + '>\n\t\t\t\t\t\t\t<span class="privacy-banner__label-text">I am OK with this</span>\n\t\t\t\t\t\t\t<span class="privacy-banner__label-description">' + model.settings.types[type].labels.yes + '</span>\n\t\t\t\t\t\t</label> \n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class="form-row">\n\t\t\t\t\t<div class="relative">\n\t\t\t\t\t\t<label class="privacy-banner__label">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass="' + model.settings.classNames.field + '"\n\t\t\t\t\t\t\t\ttype="radio"\n\t\t\t\t\t\t\t\tname="privacy-' + type.split(' ')[0].replace(' ', '-') + '"\n\t\t\t\t\t\t\t\tvalue="0"\n\t\t\t\t\t\t\t\t' + (model.consent[type] === 0 ? ' checked' : '') + '>\n\t\t\t\t\t\t\t<span class="privacy-banner__label-text">No thank you</span>\n\t\t\t\t\t\t\t<span class="privacy-banner__label-description">' + model.settings.types[type].labels.no + '</span>\n\t\t\t\t\t\t</label> \n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</fieldset>' ); }) .join('') + '\n\t\t\t<button class="' + model.settings.classNames.submitBtn + '"' + (Object.keys(model.consent).length === 0 ? ' disabled' : '') + '>Save my settings</button>\n\t\t</form>' ); } }; var initialState = function initialState(state, data) { return Object.assign({}, state, data); }; var updateConsent = function updateConsent(state, data) { return Object.assign({}, state, { consent: Object.assign({}, state.consent, data) }); }; var updateExecuted = function updateExecuted(state, data) { return Object.assign({}, state, { settings: Object.assign({}, state.settings, { types: Object.assign({}, state.settings.types, data) }) }); }; var apply = function apply(Store) { return function(state) { Object.keys(state.consent).forEach(function(key) { if (state.settings.types[key].executed === true) return; if (state.consent[key] && Boolean(state.consent[key])) { state.settings.types[key].fns.forEach(function(fn) { return fn(state); }); } }); Store.update( updateExecuted, Object.keys(state.settings.types).reduce(function(acc, type) { acc[type] = Object.assign({}, state.settings.types[type], { executed: state.settings.types[type].executed || (state.consent[type] && Boolean(state.consent[type])) }); return acc; }, {}) ); }; }; var necessary = function necessary(state) { state.settings.necessary.forEach(function(fn) { return fn(state); }); }; var initBanner = function initBanner(Store) { return function(state) { document.body.firstElementChild.insertAdjacentHTML( 'beforebegin', state.settings.bannerTemplate(state.settings) ); var banner = document.querySelector( '.' + state.settings.classNames.banner ); var acceptBtn = document.querySelector( '.' + state.settings.classNames.acceptBtn ); TRIGGER_EVENTS.forEach(function(ev) { acceptBtn.addEventListener(ev, function(e) { if (shouldReturn(e)) return; Store.update( updateConsent, Object.keys(state.settings.types).reduce(function( acc, type ) { acc[type] = 1; return acc; }, {}), [ writeCookie, apply(Store), removeBanner(banner), initForm(Store) ] ); }); }); }; }; var removeBanner = function removeBanner(banner) { return function() { return ( banner && banner.parentNode && banner.parentNode.removeChild(banner) ); }; }; var initForm = function initForm(Store) { return function(state) { var formContainer = document.querySelector( '.' + state.settings.classNames.formContainer ); if (!formContainer) return; formContainer.innerHTML = state.settings.formTemplate(state); var form = document.querySelector( '.' + state.settings.classNames.form ); var banner = document.querySelector( '.' + state.settings.classNames.banner ); var button = document.querySelector( '.' + state.settings.classNames.submitBtn ); var groups = [].slice .call( document.querySelectorAll( '.' + state.settings.classNames.field ) ) .reduce(function(groups, field) { var groupName = field .getAttribute('name') .replace('privacy-', ''); if (groups[groupName]) groups[groupName].push(field); else groups[groupName] = [field]; return groups; }, {}); var extractConsent = function extractConsent() { return Object.keys(groups).reduce(function(acc, key) { var value = groups[key].reduce(groupValueReducer, ''); if (value) acc[key] = parseInt(value); return acc; }, {}); }; var enableButton = function enableButton(e) { if ( Object.keys(extractConsent()).length !== Object.keys(groups).length ) return; button.removeAttribute('disabled'); form.removeEventListener('change', enableButton); }; button.hasAttribute('disabled') && form.addEventListener('change', enableButton); form.addEventListener('submit', function(e) { e.preventDefault(); Store.update(updateConsent, extractConsent(), [ deleteCookies, writeCookie, apply(Store), removeBanner(banner), renderMessage(button) ]); }); }; }; var renderMessage = function renderMessage(button) { return function(state) { button.insertAdjacentHTML( 'afterend', state.settings.messageTemplate(state) ); button.setAttribute('disabled', 'disabled'); window.setTimeout(function() { button.parentNode.removeChild(button.nextElementSibling); button.removeAttribute('disabled'); }, 3000); }; }; var createStore = function createStore() { //shared centralised validator state var state = {}; //state getter var getState = function getState() { return state; }; /** * Create next state by invoking reducer on current state * * Execute side effects of state update, as passed in the update * * @@param reducer [Function] * @@param nextState [Object] New slice of state to combine with current state to create next state * @@param effects [Array] Array of side effect functions to invoke after state update (DOM, operations, cmds...) */ var update = function update(reducer, nextState, effects) { state = reducer(state, nextState); // console.log(state); if (!effects) return; effects.forEach(function(effect) { effect(state); }); }; return { update: update, getState: getState }; }; var factory = function factory(settings) { if (!cookiesEnabled()) return; var Store = createStore(); var cookies = readCookie(settings); Store.update( initialState, { settings: settings, consent: cookies ? JSON.parse(cookies.value) : {} }, [ necessary, apply(Store), cookies ? noop : initBanner(Store), initForm(Store) ] ); return { getState: Store.getState }; }; var index = { init: function init(opts) { return factory( Object.assign({}, defaults, opts, { types: Object.keys(opts.types).reduce( composeTypes(opts), defaults.types ) }) ); } }; exports.default = index; }); StormCookieBanner.init({ path: '/', types: { 'performance': { title: 'Performance preferences', description: 'Performance cookies are used to measure the performance of our website and make improvements. Your personal data is not identified.', labels: { yes: 'Pages you visit and actions you take will be measured and used to improve the service', no: 'Pages you visit and actions you take will not be measured and used to improve the service' }, fns: [ () => { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MTPNKB8'); } ] }, 'ads': { title: 'Set your personalised ads preferences', description: 'We work with advertising partners to show you ads for our products and services across the web. You can choose whether we collect and share that data with our partners below. ', labels: { yes: 'Our partners might serve you ads knowing you have visited our website', no: 'Our partners will still serve you ads, but they will not know you have visited our website' }, fns: [ () => { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NZ7C7G2'); } ] } }, bannerTemplate(model){ return `<section role="dialog" aria-live="polite" aria-label="You privacy" class="${model.classNames.banner}"> <div class="privacy-content"> <div class="container">  <div class="privacy-banner__title">Cookies</div> <p>We use cookies to improve your experience on our site and show you personalised advertising.</p> <p>Find out more from our <a class="privacy-banner__link" rel="noopener noreferrer nofollow" href="/privacy">privacy notice</a> and <a class="privacy-banner__link" href="/cookielaws">cookie policy</a>.</p> <button class="btn btn--primary push--right ${model.classNames.acceptBtn}">Accept and close</button> <a class="privacy-banner__link" rel="noopener noreferrer nofollow" href="/cookielaws#preferences">Your options</a>  </div> </div> </section>`; }, formTemplate(model){ return `<form class="${model.settings.classNames.form}" novalidate> ${Object.keys(model.settings.types).map(type => `<h2>${model.settings.types[type].title}</h2><fieldset class="${model.settings.classNames.fieldset}"> <legend class="${model.settings.classNames.legend}"> <p>${model.settings.types[type].description}</p> </legend> <div class="form-row"> <div class="relative"> <label class="form-control-label form-control-label--checkbox"> <input class="form-row-checkbox__checkbox form-row-checkbox__checkbox--radio ${model.settings.classNames.field}" type="radio" name="privacy-${type.split(' ')[0].replace(' ', '-')}" value="1" ${model.consent[type] === 1 ? ` checked` : ''}/> <span class="privacy-banner__label-text">I am OK with this</span> <span class="privacy-banner__label-description">${model.settings.types[type].labels.yes}</span> </label> </div> </div> <div class="form-row"> <div class="relative"> <label class="form-control-label form-control-label--checkbox"> <input class="form-row-checkbox__checkbox form-row-checkbox__checkbox--radio ${model.settings.classNames.field}" type="radio" name="privacy-${type.split(' ')[0].replace(' ', '-')}" value="0" ${model.consent[type] === 0 ? ` checked` : ''}/> <span class="privacy-banner__label-text">No thank you</span> <span class="privacy-banner__label-description">${model.settings.types[type].labels.no}</span> </label> </div> </div> </fieldset>`).join('')} <button class="btn btn--primary ${model.settings.classNames.submitBtn}"${Object.keys(model.consent).length === 0 ? ` disabled` : ''}>Save my settings</button> </form>`; } }); </script> </body> </html>

CINXE.COM

Accessibility | Buildings at Risk Register