CINXE.COM
Accessibility Statement - Siteimprove
<!DOCTYPE html> <html lang="en" xml:lang="en" class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="format-detection" content="telephone=no" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Accessibility Statement - Siteimprove</title> <meta name="description" content="Siteimprove is dedicated to providing an accessible online experience. We adhere to WCAG 2.1, we allow for screen readers, braille displays, and more." /> <meta property="og:site_name" content="Siteimprove" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Accessibility Statement - Siteimprove" /> <meta property="og:description" content="Siteimprove is dedicated to providing an accessible online experience. We adhere to WCAG 2.1, we allow for screen readers, braille displays, and more." /> <meta property="og:url" content="http://www.siteimprove.com/accessibility-statement/" /> <meta property="og:image" content="" /> <meta name="twitter:title" content="Accessibility Statement - Siteimprove"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@siteimprove"> <meta name="twitter:description" content="Siteimprove is dedicated to providing an accessible online experience. We adhere to WCAG 2.1, we allow for screen readers, braille displays, and more."> <meta name="twitter:image" content=""> <meta name="pageid" content="7184" /> <link href="https://www.siteimprove.com/accessibility-statement/" hreflang="en" rel="alternate" /> <link href="https://www.siteimprove.com/de/" hreflang="de" rel="alternate" /> <link href="https://www.siteimprove.com/accessibility-statement/" rel="canonical" /> <link rel="apple-touch-icon" sizes="180x180" href="/frontend/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/frontend/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/frontend/favicons/favicon-16x16.png"> <link rel="mask-icon" href="/frontend/favicons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/frontend/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#141155"> <meta name="theme-color" content="#ffffff"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://siteimprove.com/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://siteimprove.com/search/?query={search_term_string}" }, "query-input": "required name=search_term_string" } } </script> <link rel="preload" href="/frontend/static/media/Geologica-Bold.39253e3c.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Bold.f9f15d25.ttf" as="font" type="font/ttf" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Bold.fc5702fa.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Regular.844caacd.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Regular.e2b74af7.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/Gilroy-Bold.b8801907.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/Gilroy-Bold.d01b69a2.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-700.8d7a3f03.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-700.ac0ed07d.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-regular.1eb0efb3.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-regular.68c477c4.woff2" as="font" type="font/woff2" crossorigin /> <script src="https://polyfill.io/v3/polyfill.min.js?features=es2015%2Ces2016%2Ces5%2Ces6%2CIntersectionObserver%2Cfetch%2CElement.prototype.classList"></script> <script type="text/javascript" src="/frontend/static/js/runtime-styles.modern.65eb00f3.js"></script> <link rel="stylesheet" type="text/css" href="/frontend/static/css/styles.modern.bc8bbdf2.chunk.css" /> <script> function $l(e, c) { c = document.createElement("script"), self.m ? (e && (c.src = e, c.type = "module")) : e && (c.src = e), c.src && document.head.appendChild(c) } addEventListener("load", function() { $l("/frontend/static/js/runtime-main.modern.907d39f6.js"); $l("/frontend/static/js/4.modern.21d52497.chunk.js"); $l("/frontend/static/js/main.modern.9ff9c1b7.chunk.js"); }); </script> <script>(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-W56S73X');</script> <script src="/Scripts/plugins/floating-ui_core.js"></script> <script src="/Scripts/plugins/floating-ui_dom.js"></script> <script type="text/javascript">var appInsights=window.appInsights||function(config){function t(config){i[config]=function(){var t=arguments;i.queue.push(function(){i[config].apply(i,t)})}}var i={config:config},u=document,e=window,o="script",s="AuthenticatedUserContext",h="start",c="stop",l="Track",a=l+"Event",v=l+"Page",r,f;setTimeout(function(){var t=u.createElement(o);t.src=config.url||"https://az416426.vo.msecnd.net/scripts/a/ai.0.js";u.getElementsByTagName(o)[0].parentNode.appendChild(t)});try{i.cookie=u.cookie}catch(y){}for(i.queue=[],r=["Event","Exception","Metric","PageView","Trace","Dependency"];r.length;)t("track"+r.pop());return t("set"+s),t("clear"+s),t(h+a),t(c+a),t(h+v),t(c+v),t("flush"),config.disableExceptionTracking||(r="onerror",t("_"+r),f=e[r],e[r]=function(config,t,u,e,o){var s=f&&f(config,t,u,e,o);return s!==!0&&i["_"+r](config,t,u,e,o),s}),i}({instrumentationKey:"98da061a-80f4-4ea4-8908-2d50b37030d9",sdkExtension:"a"});window.appInsights=appInsights;appInsights.queue&&appInsights.queue.length===0&&appInsights.trackPageView();</script></head> <body data-module="GTM"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W56S73X" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager" aria-hidden="true"></iframe></noscript> <div class="page-wrapper"> <header class="header-main"> <a class="vh f" href="#main">Skip to main content</a> <div class="header-main__wrap clear"> <div class="service-nav"> <ul class="service-menu"> <li><a href="/about-us/" class="service-menu__link">Company</a></li> <li><a href="/get-in-touch/" class="service-menu__link">Contact us</a></li> <li><a href="https://help.siteimprove.com/support/home" class="service-menu__link">Help Center</a></li> <li><a href="https://my2.siteimprove.com/" class="service-menu__link">Login</a></li> </ul> </div> <div class="main-nav"> <a href="/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 1315.4 323.8" style="enable-background:new 0 0 1315.4 323.8;" xml:space="preserve" aria-label="Siteimprove"> <style type="text/css"> .st0 { fill: #202124; } </style> <g> <path class="st0" d="M169.4,137.5l-11.1-3.3c-5.1-1.5-9.1-2.9-12-4.2c-3-1.3-5.1-2.6-6.3-4.1c-1.2-1.4-1.9-3.2-1.9-5.3 c0-2.6,0.8-4.9,2.5-6.8s4-3.4,7-4.4s6.5-1.6,10.5-1.6c4.1,0,8.1,0.5,12.1,1.6c4,1,7.7,2.5,11.1,4.3c3.4,1.8,6.3,4,8.6,6.4 l14.8-21.9c-5.1-4.9-11.7-8.7-20-11.5s-17.3-4.2-27-4.2c-7,0-13.5,1-19.4,3s-11.1,4.7-15.5,8.3c-4.4,3.6-7.8,7.8-10.2,12.6 c-2.4,4.8-3.7,10.1-3.7,15.8c0,8.9,2.9,16.5,8.7,22.8c5.8,6.3,15.2,11.3,28.4,15l11,3.1c7.7,2.1,13,4.2,15.8,6.5s4.2,5,4.2,8.3 c0,4-2,7.1-5.9,9.2c-3.9,2.1-9,3.2-15.3,3.2c-4.4,0-9-0.6-13.7-1.7c-4.7-1.1-9.1-2.7-13.3-4.8c-4.1-2.1-7.5-4.5-10.2-7.4L104.4,199 c6.3,5.4,14.1,9.6,23.2,12.4s18.5,4.3,28.2,4.3c10.4,0,19.4-1.7,27-5.2s13.4-8.3,17.6-14.5c4.1-6.2,6.2-13.3,6.2-21.4 c0-9.3-2.9-16.8-8.8-22.6C191.9,146.2,182.5,141.4,169.4,137.5z" /> <path class="st0" d="M252.7,77.1c-3.5-3-7.7-4.5-12.6-4.5c-4.8,0-9,1.5-12.6,4.5s-5.3,7-5.3,12.1s1.8,9.2,5.3,12.2 c3.6,3,7.7,4.5,12.6,4.5c4.9,0,9.1-1.5,12.6-4.5c3.5-3,5.3-7.1,5.3-12.2S256.3,80.1,252.7,77.1z" /> <rect x="225.2" y="119.7" class="st0" width="29.9" height="93.1" /> <path class="st0" d="M335.1,188.4c-1.9,0.5-3.7,0.7-5.6,0.7c-3.5,0-6.3-1-8.5-3s-3.3-5.5-3.3-10.5v-32.1h21.8v-23.7h-21.8V93.1 h-29.9v26.7h-18.1v23.7h18.1v37.3c0,11.6,3,20.3,8.9,26.1s14,8.7,24.4,8.7c4.5,0,8.8-0.6,12.8-1.7s7.5-2.5,10.3-4.1l-3.8-23.5 C338.7,187.3,337,188,335.1,188.4z" /> <path class="st0" d="M443,133.4c-4.2-5.1-9.4-9.2-15.8-12.1s-13.7-4.3-21.8-4.3c-7.4,0-14.2,1.2-20.4,3.6 c-6.2,2.4-11.5,5.8-16.1,10.2c-4.5,4.4-8.1,9.6-10.6,15.6s-3.8,12.6-3.8,19.8c0,9.9,2.2,18.6,6.5,26s10.3,13.1,18.1,17.3 c7.7,4.1,16.7,6.2,26.9,6.2c4.6,0,9.5-0.5,14.6-1.5s9.9-2.4,14.4-4.1c4.5-1.7,8.2-3.7,11.1-5.9l-9.4-20.3c-4.5,3-9.2,5.2-14.2,6.6 c-4.9,1.4-10.1,2.1-15.6,2.1c-4.9,0-9.3-0.8-13-2.3c-3.7-1.6-6.6-3.7-8.8-6.4c-2.1-2.7-3.2-5.9-3.3-9.6h69.9 c1.5-8.2,1.4-15.7-0.2-22.7C450,144.6,447.1,138.5,443,133.4z M383.7,154c0.5-4.7,2.6-8.4,6.4-11.2s8.6-4.2,14.4-4.2 c5.7,0,10.3,1.4,13.6,4.2c3.3,2.8,5.1,6.5,5.2,11.2H383.7z" /> <rect x="470.3" y="119.7" class="st0" width="29.9" height="93.1" /> <path class="st0" d="M497.9,77.1c-3.5-3-7.7-4.5-12.6-4.5c-4.8,0-9,1.5-12.6,4.5s-5.3,7-5.3,12.1s1.8,9.2,5.3,12.2 c3.6,3,7.7,4.5,12.6,4.5s9.1-1.5,12.6-4.5s5.3-7.1,5.3-12.2C503.2,84.1,501.4,80.1,497.9,77.1z" /> <path class="st0" d="M666.8,122.1c-5.2-3.4-12.3-5.2-21.3-5.2c-6.9,0-13.5,1.4-19.6,4.1s-11,7-14.7,12.9 c-1.8-5.2-5.2-9.3-10.2-12.4s-10.9-4.6-17.7-4.6c-3.5,0-7,0.5-10.5,1.6s-6.7,2.6-9.8,4.7c-3,2.1-5.7,4.7-7.9,7.9v-11.5h-29.9v93.1 h29.9v-53.1c0-2.9,0.7-5.6,2.1-7.9c1.4-2.3,3.4-4.2,6-5.6c2.6-1.4,5.5-2.1,8.9-2.1c5.2,0,9.1,1.6,11.9,4.7 c2.8,3.1,4.2,7.3,4.2,12.6v51.5h29.9v-53.1c0-2.9,0.7-5.6,2.1-7.9c1.4-2.3,3.4-4.2,6-5.6c2.6-1.4,5.5-2.1,8.8-2.1 c5.2,0,9.2,1.6,12,4.7c2.7,3.1,4.1,7.3,4.1,12.6v51.5H681v-60.1c0-6.1-1.1-11.9-3.2-17.3C675.6,130,672,125.6,666.8,122.1z" /> <path class="st0" d="M786.7,123.1c-7-4.1-14.9-6.1-23.8-6.1c-7.1,0-13.4,1.2-18.8,3.7c-5.4,2.4-9.8,5.7-13.3,9.8v-10.7H705v131.5 h29.9v-45.7c3.7,3.2,7.8,5.7,12.4,7.5c4.6,1.8,9.6,2.6,15.1,2.6c6.9,0,13.2-1.2,18.9-3.7s10.6-6,14.8-10.5s7.4-9.7,9.7-15.7 s3.4-12.5,3.4-19.4c0-9.9-2-18.5-6-25.9C799.2,132.9,793.7,127.2,786.7,123.1z M777,178.8c-1.9,3.5-4.6,6.3-8,8.2 s-7.3,2.9-11.6,2.9s-8.2-1-11.6-2.9c-3.4-1.9-6-4.6-8-8.2c-1.9-3.5-2.9-7.7-2.9-12.5c0-4.9,1-9.1,2.9-12.6s4.6-6.2,8-8.1 c3.4-1.9,7.2-2.9,11.5-2.9s8.2,1,11.5,2.9s6.1,4.6,8,8.1c2,3.5,3,7.7,3,12.6C779.9,171.1,778.9,175.3,777,178.8z" /> <path class="st0" d="M882.8,116.8c-5.4,0-10.4,1.1-15.1,3.3c-4.6,2.2-8.3,5.7-11.1,10.5v-10.9h-29.9v93.1h29.9v-47.4 c0-6.3,1.8-11,5.5-14.3s8.4-4.9,14-4.9c2.3,0,4.6,0.2,6.9,0.7c2.3,0.5,4.5,1,6.6,1.8l3.6-30.8c-1.6-0.3-3.2-0.6-4.8-0.8 C886.7,116.9,884.9,116.8,882.8,116.8z" /> <path class="st0" d="M977.2,123.7c-7.8-4.5-16.8-6.7-26.9-6.7c-7.6,0-14.6,1.3-20.9,4c-6.3,2.6-11.8,6.3-16.4,10.9 c-4.6,4.6-8.2,9.9-10.7,15.8c-2.5,5.9-3.8,12.2-3.8,18.7c0,8.9,2.2,17.2,6.6,24.7c4.4,7.5,10.5,13.5,18.3,17.9 c7.8,4.5,16.8,6.7,26.9,6.7c7.6,0,14.6-1.3,20.9-4s11.8-6.3,16.4-10.9c4.6-4.6,8.2-9.8,10.7-15.7s3.7-12.2,3.7-18.7 c0-8.9-2.2-17.2-6.6-24.7C991.1,134.1,985,128.2,977.2,123.7z M969.8,178.8c-1.9,3.5-4.6,6.3-8,8.2s-7.2,2.9-11.5,2.9 s-8.1-1-11.5-2.9s-6.1-4.6-8.1-8.2c-2-3.5-3-7.7-3-12.5c0-4.9,1-9.1,2.9-12.6s4.6-6.2,8-8.1c3.4-1.9,7.3-2.9,11.6-2.9 s8.2,1,11.6,2.9c3.4,1.9,6.1,4.6,8,8.1s2.9,7.7,2.9,12.6C972.7,171.1,971.8,175.3,969.8,178.8z" /> <polygon class="st0" points="1058,181.4 1039.8,119.7 1007.7,119.7 1040.6,212.8 1075.4,212.8 1107.1,119.7 1075.7,119.7 " /> <path class="st0" d="M1209.8,151.5c-1.6-7-4.5-13-8.6-18.2c-4.2-5.1-9.5-9.2-15.8-12.1c-6.4-2.9-13.7-4.3-21.8-4.3 c-7.4,0-14.2,1.2-20.4,3.6c-6.2,2.4-11.5,5.8-16.1,10.2c-4.5,4.4-8.1,9.6-10.6,15.6s-3.8,12.6-3.8,19.8c0,9.9,2.2,18.6,6.5,26 s10.3,13.1,18.1,17.3c7.7,4.1,16.7,6.2,26.9,6.2c4.6,0,9.5-0.5,14.6-1.5s9.9-2.4,14.4-4.1c4.5-1.7,8.2-3.7,11.1-5.9l-9.4-20.3 c-4.5,3-9.2,5.2-14.2,6.6c-4.9,1.4-10.1,2.1-15.6,2.1c-4.9,0-9.3-0.8-13-2.3c-3.7-1.6-6.6-3.7-8.8-6.4c-2.1-2.7-3.2-5.9-3.3-9.6 h69.9C1211.5,166.1,1211.4,158.5,1209.8,151.5z M1141.9,154c0.5-4.7,2.6-8.4,6.4-11.2s8.6-4.2,14.4-4.2c5.7,0,10.3,1.4,13.6,4.2 c3.3,2.8,5.1,6.5,5.2,11.2H1141.9z" /> </g> </svg> </a> <div class="nav-wrapper"> <script> const { computePosition, arrow, offset, shift, limitShift, autoPlacement, flip } = window.FloatingUIDOM; function handleClick(value) { //testing to not offset menu while working on new nav console.log("not handling click"); return; const button = document.querySelector('#nav-' + value); const buttonBounds = button.getBoundingClientRect() const tooltip = document.querySelector('#nav-panel-' + value); const tooltipBounds = tooltip.getBoundingClientRect() const arrowElement = document.querySelector('#nav-arrow-' + value); const firstMenuItem = document.querySelector('#nav-0') const firstMenuItemBounds = firstMenuItem.getBoundingClientRect() computePosition(button, tooltip, { middleware: [ offset(25), arrow({ element: arrowElement }), ], }).then(({ x, y, placement, middlewareData }) => { const itsTooFarLeft = buttonBounds.left - firstMenuItemBounds.left + x < 0 const correctedX = itsTooFarLeft ? -(buttonBounds.left - firstMenuItemBounds.left) : x x = correctedX Object.assign(tooltip.style, { left: `${x}px`, top: `${y}px`, }); const { x: arrowX, y: arrowY } = middlewareData.arrow; Object.assign(arrowElement.style, { left: `${Math.abs(correctedX) + (button.offsetWidth / 2) - 4}px`, top: '-8px', right: '', bottom: '' }); }); } </script> <style> .nav-panel__title__wrapper { display: none; } .nav-main-item-mobile{ display: block; } .nav-panel__arrow { display: none; } @media only screen and (max-width: 79.99em) { .nav-wrapper .nav-panel { left: 0 !important; } .nav-wrapper .nav-panel__grid ul li a { display: flex; gap: 10px; } .nav-panel__card__graphic { height: 30px; width: 30px; flex-shrink: 0; } .nav-item__hidden-text { height: 0; visibility: hidden; overflow: hidden; user-select: none; pointer-events: none; font-weight: 600; } /* updated mobile styles */ #nav-panel-0 .column a, #nav-panel-1 .column a, #nav-panel-4 .column a { color: #202124; text-decoration: none; } #nav-panel-1 div.column.subnav-right-column a p.headline, #nav-panel-4 div.column.subnav-right-column a p.headline { color: #202124; padding: 1rem; margin-top: 1rem; } .nav-wrapper #nav-panel-0 .column a .headline, .nav-wrapper #nav-panel-1 .column a .headline, .nav-wrapper #nav-panel-2 .column a .headline, .nav-wrapper #nav-panel-4 .column a .headline { padding: 1rem; margin-top: 1rem; } .nav-wrapper #nav-panel-0 .column a .headline:hover, .nav-wrapper #nav-panel-1 .column a .headline:hover, .nav-wrapper #nav-panel-2 .column a .headline:hover, .nav-wrapper #nav-panel-4 .column a .headline:hover { background: #F2F2F2; border-radius: 10px; text-decoration: underline; text-underline-offset: 0.5rem; } .nav-wrapper #nav-panel-0 .nav-panel__grid ul li a:hover, .nav-wrapper #nav-panel-1 .nav-panel__grid ul li a:hover, .nav-wrapper #nav-panel-2 .nav-panel__grid ul li a:hover, .nav-wrapper #nav-panel-4 .nav-panel__grid ul li a:hover { text-decoration: underline; text-underline-offset: 0.5rem; } .nav-wrapper #nav-panel-1 .column .headline, .nav-wrapper #nav-panel-2 .column .headline, .nav-wrapper #nav-panel-4 .column .headline { color: #0D4CD3; } #nav-panel-2 div.column:first-of-type p.headline, #nav-panel-4 div.column:first-of-type p.headline { margin-top: unset; } #nav-panel-2 div.column:not(:first-of-type) p.headline, #nav-panel-4 div.column:not(:first-of-type) p.headline { margin-top: 1.6rem; } #nav-panel-4 .nav-panel__card__description { display: none; } #nav-panel-4 .subnav-right-column img { display: none; } .headline-arrow::after{ content:'\2192'; } .nav-wrapper .service-menu-mobile li a { min-width: 4.4rem; min-height: 4.4rem; } .nav-main__item .column > a { color: #202124; text-decoration: none; } /* updated mobile styles */ } @media only screen and (min-width: 79.99em) { .nav-wrapper .nav-panel { transform: scaleY(0) translateY(100%); /* top: 6rem; */ bottom:0; left: 0; } .nav-wrapper .nav-panel.open { transform: scaleY(1) translateY(100%); } .nav-panel__container { background: #fff; box-shadow: none; border-radius: 1.6rem; /* padding: 3rem 4rem; */ padding: 0; text-align: left; transition: box-shadow 0.3s; } .nav-wrapper .nav-panel__grid .headline { padding-left: 12px; font-family: "Geologica Bold"; font-size: 1.4rem; font-weight: 500; color: #0D4CD3; border-bottom: 1px solid #20212470; padding-bottom: 1rem; } .nav-wrapper .nav-panel.open .nav-panel__container { box-shadow: 0 5px 40px -5px rgba(20, 17, 85, .1), 0 3px 60px -8px rgba(20, 17, 85, .05); } .nav-wrapper .nav-panel__grid { background: transparent; box-shadow: none; border-radius: none; padding: 0; } .nav-panel__title__wrapper { display: block; } .nav-main-item-mobile { display: none; } .nav-panel__title { width: 100%; } .nav-panel__title__border { border-bottom: 1px solid rgb(32, 33, 36); padding-bottom: 10px; margin-bottom: 12px; margin-left: 10px; margin-right: 10px; } .nav-panel__title__link { display: flex; align-items: center; gap: 10px; border-radius: 12px; padding: 12px; text-decoration: none; color: rgb(32, 33, 36); } .nav-panel__title__link:hover { background-color: #eaf3f7; text-decoration: none; color: rgb(32, 33, 36); } .nav-panel__title__link:hover h4 { border-color: rgb(32, 33, 36); } .nav-panel__title__nolink { display: flex; gap: 10px; padding: 12px; } .nav-panel__title__text { display: flex; flex-direction: column; gap: 5px; flex-grow: 1; align-items: start; } .nav-panel__title__actions { display: flex; flex-direction: column; align-items: center; justify-content: center; } .nav-panel__title__button { background-color: #0d4cd3; width: 45px; height: 26px; border-radius: 13px; display: flex; align-items: center; } .nav-panel__title__button-arrow { height: 22px; width: 22px; transition: 0.3s; transform: translateX(5px); } .nav-panel__title__link:hover .nav-panel__title__button-arrow { transform: translateX(20px); } .hidden-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .nav-panel__title h4 { margin-bottom: 0; font-size: 2.3rem; font-family: "Geologica Bold"; border-bottom: 1px solid transparent; } .nav-panel__title__subtitle { margin: 0; font-family: "Geologica Regular"; } .nav-panel__arrow { background-color: white; width: 20px; height: 20px; position: absolute; top: 0; transform: rotate(45deg); display: block; } .nav-panel__grid { display: flex; } .nav-wrapper .nav-panel__grid .column { padding: 3rem 4rem; } .nav-main__item { margin-right: 35px; } .nav-item__text { position: absolute; height: 4.4rem; } .nav-item__hidden-text { height: 0; visibility: hidden; overflow: hidden; user-select: none; pointer-events: none; font-weight: 600; display: inline-block; height: 4.4rem; } .nav-wrapper .nav-main__items .nav-main__item button.nav-item { padding: 0; min-width: 4.4rem; min-height: 4.4rem; } .nav-wrapper .nav-main__items .nav-main__item a { min-width: 4.4rem; min-height: 4.4rem; } .nav-wrapper .nav-main__items .nav-main__item .nav-item.open { background-color: transparent; color: unset; font-weight: 600; border-bottom: unset !important; border-radius: 0; position:relative; } .nav-wrapper .nav-main__items .nav-main__item .nav-item .bottom-bar { display:none; left: 0; right: 0; bottom: -36px; height:6px; background-color:#0d4cd3; position:absolute; } .nav-wrapper .nav-main__items .nav-main__item .nav-item.open .bottom-bar { display:block; } .nav-wrapper .nav-main__items .nav-main__item .nav-item:focus .bottom-bar { display:block; } .header-main__wrap { border-bottom:1px solid #7F7F7F25; } .nav-wrapper .nav-main__items .nav-main__item button.nav-item.open::after { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23141155" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } .nav-wrapper .nav-main__items .nav-main__item button.nav-item::after { right: unset; } .nav-wrapper .nav-main__items .nav-main__item .nav-item:focus, .nav-wrapper .nav-main__items .nav-main__item .nav-item:hover { box-shadow: none; } .nav-wrapper .nav-panel__grid .column { max-width:25%; } #nav-panel-1 .column { max-width: 32%; } #nav-panel-4 .column { max-width: 33%; } #nav-panel-4 .subnav-right-column img { margin-top: 2rem; } .subnav-right-column { margin-left:auto; } .nav-wrapper .nav-main__items .nav-main__item .nav-item { padding:0; } /*to get arrow clickable on main nav */ .main-nav-dd-arrow{ content: ""; position: absolute; top: 0; right: 1.2rem; display: inline-block; width: 2rem; height: 3.6rem; /* pointer-events: none; */ background-size: 100% 100%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23141155" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } .nav-wrapper .nav-main__items .nav-main__item button.nav-item.open .main-nav-dd-arrow { transform: rotate(-180deg); background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } @media only screen and (min-width: 79.99em) { .nav-wrapper .nav-main__items .nav-main__item button.nav-item.open .main-nav-dd-arrow { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23141155" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } .nav-wrapper .nav-main__items .nav-main__item button.nav-item .main-nav-dd-arrow { right: unset; } } .nav-wrapper .nav-main__items .nav-main__item button.nav-item::after { display:none; } .nav-no-dd { margin-right:17.5px; } .headline-arrow::after{ content:'\2192'; } #nav-panel-0 .column a, #nav-panel-1 .column a, #nav-panel-2 .column a, #nav-panel-4 .column a { text-decoration: none; } #nav-panel-0 .column a:hover, #nav-panel-1 .column a:hover, #nav-panel-2 .column a:hover, #nav-panel-4 .column a:hover { text-decoration: underline; text-underline-offset: 0.5rem; } .nav-panel__container .subnav-right-column { background: #0D4CD320; } .nav-wrapper .nav-main__items .nav-main__item .nav-item{ border-radius: 0; transition: padding .2s; } .nav-wrapper .nav-main__items .nav-main__item, .nav-wrapper .nav-main__items{ position:unset; } .main-nav{ position:relative; } .header-main .main-nav .nav-wrapper .nav-panel{ width:100%; top: unset; bottom:0; /* transform: translateY(100%) scaleY(1); */ transform-origin: bottom; /* Ensures scaling starts from the bottom */ } .nav-wrapper .nav-panel__grid, .nav-wrapper .nav-panel__grid.columns-2{ width:auto; } @media only screen and (min-width: 79.99em) { .nav-panel__container { border-radius: 0; } .nav-wrapper .nav-panel__grid .headline { font-size: 1.6rem; } .nav-panel__title__link:hover { background-color: unset; } .nav-panel__title h4 { color: #0d4cd3; font-size: 1.6rem; } .nav-panel__title__border { width: 20%; } .nav-panel__title__link { padding-bottom: 0; } } .nav-wrapper .nav-panel__grid ul li a.nav-panel__card { display: flex; text-decoration: none; color: #202124; gap: 1rem; align-items: center; flex-wrap: nowrap; padding: 0.5rem 1rem !important; font-family: var(--geologica-regular); } .nav-wrapper .nav-panel__grid ul li a.nav-panel__card:hover { background: #F2F2F2; text-decoration: underline; text-underline-offset: 0.5rem; color: #202124; border-radius: 10px; } .nav-panel__card__content { display: flex; flex-direction: column; align-items: start; gap: 5px; } .nav-panel__card__graphic { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; } .nav-panel__card__title { font-weight: 500; color: rgb(32, 33, 36); font-size: 1.5rem; font-family: "Geologica Bold"; line-height: 1.8rem; border-bottom: 1px solid transparent; } .nav-panel__card__link:hover, .nav-panel__card__link:active, .nav-panel__card__link:focus { color: rgb(32, 33, 36); } .nav-panel__card__description { margin: 0; font-size: 1.2rem; text-decoration: none; color: rgb(32, 33, 36); } .nav-panel__card:hover .nav-panel__card__title { border-color: rgb(32, 33, 36); } } </style> <nav class="nav-main clear" aria-label="Main menu" data-module="navigation"> <div class="nav-main__actions clear"> <button class="btn btn-s nav-close toggle-mobile-nav">Close menu</button> </div> <ul class="nav-main__items clear"> <li class="nav-main__item"> <button id="nav-0" class="nav-item" aria-expanded="false" onclick="handleClick('0');"> <span class="nav-item__text">Why Siteimprove</span> <span class="nav-item__hidden-text">Why Siteimprove</span> <div class="main-nav-dd-arrow" onclick="handleClick('0');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-0" id="nav-panel-0"> <!-- <div class="nav-panel__arrow" id="nav-arrow-0"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-1 clear"> <div class="column"> <a href="/why-siteimprove/"><p class="headline" role="heading" aria-level="3">Why Siteimprove <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/why-siteimprove/how-it-works/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="How It Works" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_how_it_works-22.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">How It Works</div> </div> </a> </li> </ul> </div> </div> </div> </section> </li> <li class="nav-main__item"> <button id="nav-1" class="nav-item" aria-expanded="false" onclick="handleClick('1');"> <span class="nav-item__text">Platform</span> <span class="nav-item__hidden-text">Platform</span> <div class="main-nav-dd-arrow" onclick="handleClick('1');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-1" id="nav-panel-1"> <!-- <div class="nav-panel__arrow" id="nav-arrow-1"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-2 clear"> <div class="column"> <a href="/platform/accessibility-digital-governance/"><p class="headline" role="heading" aria-level="3">Digital Accessibility & Governance <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/accessibility/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Accessibility" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_core_a11y_digital_governance-1.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Accessibility</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/qa-and-custom-rules/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Quality Assurance & Custom Rules" src="/globalassets/media/redesign2024/icons/icon_nav_core1_qa_custom_rules-1.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Quality Assurance & Custom Rules</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/design-and-developer-tools/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Designer & Developer Tools" src="/globalassets/media/redesign2024/icons/icon_nav_core1_designer_dev.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Designer & Developer Tools</div> </div> </a> </li> </ul> </div> <div class="column"> <a href="/platform/digital-experience-analytics/"><p class="headline" role="heading" aria-level="3">Digital Experience Analytics <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/digital-experience-analytics/content-and-behavior-analytics/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Content & Behavior Analytics" src="/globalassets/media/redesign2024/icons/icon_nav_core2_content_behavior.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Content & Behavior Analytics</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/digital-experience-analytics/funnel-analysis/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Journey & Funnel Analysis" src="/globalassets/media/redesign2024/icons/icon_nav_core2_journey_funnel.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Journey & Funnel Analysis</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/digital-experience-analytics/visitor-engagement-kpis/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Visitor Engagement & KPIs" src="/globalassets/media/redesign2024/icons/icon_nav_core2_vistor_kpis.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Visitor Engagement & KPIs</div> </div> </a> </li> </ul> </div> <div class="column"> <a href="/platform/search-engine-marketing/"><p class="headline" role="heading" aria-level="3">Search & Performance Marketing <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/united-search-insights/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Unified Search Insights" src="/globalassets/media/redesign2024/icons/icon_nav_core3_unified_search_insights.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Unified Search Insights</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/content-marketing/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Content Marketing" src="/globalassets/media/redesign2024/icons/icon_nav_core3_content_marketing.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Content Marketing</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/competitive-research/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Competitive Research" src="/globalassets/media/redesign2024/icons/icon_nav_core3_competitive_research.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Competitive Research</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/ai-seo-workflow-management/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="SEO Insights Stream" src="/globalassets/media/redesign2024/icons/icon_nav_core3_ai_seo.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">SEO Insights Stream</div> </div> </a> </li> </ul> </div> <div class="column"> <a href="/platform/cross-channel-ad-management/"><p class="headline" role="heading" aria-level="3">Cross-Channel Campaign Management <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/cross-channel-ad-management/paid-search/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Paid Search" src="/globalassets/media/redesign2024/icons/icon_nav_core4_paid_search.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Paid Search</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/cross-channel-ad-management/paid-social/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Paid Social" src="/globalassets/media/redesign2024/icons/icon_nav_core4_paid_social.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Paid Social</div> </div> </a> </li> </ul> </div> <div class="column subnav-right-column"> <a href="/platform/"><p class="headline" role="heading" aria-level="3">Platform Overview <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/ai-at-siteimprove/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="AI at Siteimprove" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_ai2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">AI at Siteimprove</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/professional-services/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Professional Services" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_professional_services2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Professional Services</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/frontier/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Frontier" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_frontier2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Frontier</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/integrations/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Integrations" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_integrations2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Integrations</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/marketmuse/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="MarketMuse" src="/globalassets/media/redesign2024/icons/icon_nav_marketmuse-1.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">MarketMuse</div> </div> </a> </li> </ul> </div> </div> </div> </section> </li> <li class="nav-main__item"> <button id="nav-2" class="nav-item" aria-expanded="false" onclick="handleClick('2');"> <span class="nav-item__text">Solutions</span> <span class="nav-item__hidden-text">Solutions</span> <div class="main-nav-dd-arrow" onclick="handleClick('2');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-2" id="nav-panel-2"> <!-- <div class="nav-panel__arrow" id="nav-arrow-2"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-2 clear"> <div class="column"> <p class="headline" role="heading" aria-level="3">By Industry </p> <ul> <li class="nav-panel__card__wrapper"> <a href="/industries/financial-services/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Finance" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_finance2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Finance</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/healthcare/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Healthcare" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_healthcare2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Healthcare</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/higher-education/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Higher Education" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_high_education2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Higher Education</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/government/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Government" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_government2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Government</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/manufacturing/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Manufacturing" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_manufacturing2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Manufacturing</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/retail/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Retail" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_retail2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Retail</div> </div> </a> </li> </ul> </div> <div class="column"> <p class="headline" role="heading" aria-level="3">By Role</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/solutions/accessibility-leaders/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Accessibility Leaders" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_a11y_leaders.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Accessibility Leaders</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/marketing-leaders/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Marketing Leaders " src="/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_marketing_leaders2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Marketing Leaders </div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/content-marketers/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Content Marketers " src="/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_content_marketers2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Content Marketers </div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/performance-marketers/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Performance Marketers " src="/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_performance_marketers2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Performance Marketers </div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/development-and-design-ux/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Development & Design" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_dev_design2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Development & Design</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/webops/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="WebOps" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_webops2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">WebOps</div> </div> </a> </li> </ul> </div> <div class="column"> <p class="headline" role="heading" aria-level="3">By Goal</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/solutions/enhance-reputation/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Enhance Reputation" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_enhance_reputation2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Enhance Reputation</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/increase-reach/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Increase Reach" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_increase_reach2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Increase Reach</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/generate-revenue/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Generate Revenue" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_generate_revenue2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Generate Revenue</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/optimize-roi/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Optimize ROI" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_optimize_roi2-12.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Optimize ROI</div> </div> </a> </li> </ul> </div> <div class="column subnav-right-column"> <p class="headline" role="heading" aria-level="3">Partnerships</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/partners/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Our Partners" src="/globalassets/media/redesign2024/icons/outlined__icon_nav_our_partners2-12.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Our Partners</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/optimizely-partner-page/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Optimizely Partner Page" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_optimizely.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Optimizely Partner Page</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/partners/become-a-partner/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Become a Partner" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_become_a_partner2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Become a Partner</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="https://partners.siteimprove.com/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Partner Portal" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_partner_portal2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Partner Portal</div> </div> </a> </li> </ul> </div> </div> </div> </section> </li> <li class="nav-main__item nav-no-dd"> <a href="/case-studies/" class="nav-item">Case Studies <div class="bottom-bar"></div> </a> </li> <li class="nav-main__item"> <button id="nav-4" class="nav-item" aria-expanded="false" onclick="handleClick('4');"> <span class="nav-item__text">Resources</span> <span class="nav-item__hidden-text">Resources</span> <div class="main-nav-dd-arrow" onclick="handleClick('4');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-4" id="nav-panel-4"> <!-- <div class="nav-panel__arrow" id="nav-arrow-4"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-2 clear"> <div class="column"> <p class="headline" role="heading" aria-level="3">Learn</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/siteimprove-101/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Siteimprove 101" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_siteimprove_1012.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Siteimprove 101</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/toolkit/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Siteimprove Toolkit" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_toolkit2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Siteimprove Toolkit</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/web-accessibility-compliance/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Compliance" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_compliance2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Compliance</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/glossary/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Glossary" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_glossary2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Glossary</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/blog/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Blog" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_blog_v22.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Blog</div> </div> </a> </li> </ul> </div> <div class="column"> <p class="headline" role="heading" aria-level="3">Connect</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/events/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Events" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_calendar2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Events</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/press/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Press" src="/globalassets/media/redesign2024/icons/outlined_icon_nav_press2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Press</div> </div> </a> </li> </ul> </div> <div class="column subnav-right-column"> <a href="/digital-insights-report/"><p class="headline" role="heading" aria-level="3">Digital Insights Report <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <div class="nav-panel__card__content"> <div class="nav-panel__card__title"></div> <p class="nav-panel__card__description">Curious where your site performance stands today? Get a comprehensive, fully customized report detailing both strengths and actionable opportunities to improve.</p> </div> <img src="/globalassets/media/redesign2024/digital_insights_report.png"> </li> </ul> </div> </div> </div> </section> </li> </ul> <div class="cta-mobile clear"> <a href="/website-checker/" class="btn btn-s cta" data-type="CTA">Check your site</a> </div> <ul class="service-menu-mobile clear"> <li><a href="/about-us/" class="service-menu__link">Company</a></li> <li><a href="/get-in-touch/" class="service-menu__link">Contact us</a></li> <li><a href="https://help.siteimprove.com/support/home" class="service-menu__link">Help Center</a></li> <li><a href="https://my2.siteimprove.com/" class="service-menu__link">Login</a></li> </ul> </nav> </div> <div class="actions"> <a href="/website-checker/" class="btn btn-s cta" data-type="CTA">Check your site</a> <button class="btn btn-secondary btn-s btn-icon toggle-search" aria-label="Open search"> <span class="icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 30"> <path d="M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z"></path> </svg> </span> </button> <div class="header-search" data-module="search"> <form action="/search/"> <div class="field"> <label for="header-search">Search here</label> <input id="header-search" type="text" name="query" /> </div> <button class="btn btn-s search__button" type="submit" aria-label="Search">Search</button> </form> </div> <button class="btn btn-s btn-secondary btn-icon nav-open" aria-expanded="false" aria-label="Menu"> <span class="icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 24"> <path d="M 3 5 A 1.0001 1.0001 0 1 0 3 7 L 21 7 A 1.0001 1.0001 0 1 0 21 5 L 3 5 z M 3 11 A 1.0001 1.0001 0 1 0 3 13 L 21 13 A 1.0001 1.0001 0 1 0 21 11 L 3 11 z M 3 17 A 1.0001 1.0001 0 1 0 3 19 L 21 19 A 1.0001 1.0001 0 1 0 21 17 L 3 17 z" /> </svg> </span> </button> </div> </div> </div> </header> <main id="main" class="content-main"> <div><div> <div class="rich-text" data-module="rich-text"> <div class="grid grid-lines"> <div class="col col-12"> <div > <h1>Accessibility Statement</h1> <p>Updated: November 25, 2024</p> <h2>Our Goal</h2> <p>We want everyone who visits the Siteimprove website and uses our platform to feel welcome and find the experience rewarding.</p> <p>To ensure a universally positive experience, we adhere to the <a href="https://www.w3.org/TR/WCAG21/">Web Content Accessibility Guidelines (WCAG) 2.1</a>, which outlines how to make web content accessible for people with disabilities and user-friendly for everyone.</p> <p>The guidelines have three levels of accessibility (A, AA, and AAA). We’ve chosen Level AA as the target for the Siteimprove website and products.</p> <p>By ensuring a Level AA accessibility conformance, we allow for assistive technology such as screen readers, braille displays, plugins, and browser extensions to add further functionality needed by the individual user.</p> <h3>How are we doing?</h3> <!--<p>The Siteimprove website (siteimprove.com) is WCAG 2.1 Level AA compliant.</p>--> <p>All products on the Siteimprove platform are designed and built to be WCAG 2.1 Level AA compliant. Despite our best efforts, there may be occasions when an accessibility bug is not caught before release. In these instances, we will promptly include the issue in our <a title="VPAT" href="/acr/" data-udi="umb://document/b69130e5419d41b1ac876a49d7480a10">Accessibility Conformance Report (ACR)</a>, along with an expected date for having the bug fixed.</p> <h3>What are we doing?</h3> <p>We are committed to ensuring a great user experience for all and have implemented several measures:</p> <ul> <li> <p><strong>Central Accessibility Team:</strong><br />We have formed a team certified by the International Association of Accessibility Professionals (IAAP) to lead our accessibility initiatives. This team is dedicated to providing ongoing training to our product development teams, ensuring they are equipped to create accessible products.</p> </li> <li> <p><strong>Design and Development:</strong><br />Accessibility is integrated into all phases, from design to development and testing. We use an internal design system of reusable components rigorously tested for accessibility.</p> </li> <li> <p><strong>Testing:</strong><br />We employ automated checks and manual audits conducted by accessibility professionals for a comprehensive assessment.</p> </li> <li> <p><strong>Employee Policies and Training:</strong><br />Accessibility is embedded in our employee policies and training modules.</p> </li> <li> <p><strong>Third-party Compliance:</strong><br />We require all third-party vendors to comply with accessibility standards.</p> </li> <li> <p><strong>Industry Involvement:</strong><br />We actively collaborate with W3C and other organizations to stay updated on accessibility standards and legislation.</p> </li> </ul> <h3>We would love your feedback</h3> <p>If you enjoyed using the Siteimprove website or our products, or if you encountered trouble with any parts of it, please let us know. While we're working hard to fully achieve and maintain our goal of Level AA accessibility, we realize there are always opportunities to improve. You can contact us in any of the following ways to discuss:</p> <ul> <li>Email us at <a href="mailto:SiteimproveACR@siteimprove.com">SiteimproveACR@siteimprove.com</a></li> <li>Call us at <a href="tel:+1%20855 748 3467">+1 855 748 3467</a></li> <li>Get in touch with us via our <a href="/contact/" data-udi="umb://document/98fc581d7f1d43b39fed369a391d1bb3">contact page</a></li> </ul> <h3>The Siteimprove Accessibility Pledge</h3> <p>We champion global inclusion by empowering people to do more through digital accessibility, which is at the heart of our company.<br /><br />We are committed to ensuring that digital solutions and content developed, or acquired, by Siteimprove meet a high level of accessibility. This means either conformance with level AA of the Web Content Accessibility Guidelines (WCAG) 2.1 or ensuring that the solutions are effective, efficient, engaging, error-tolerant, and easy to learn for users of all abilities.<br /><br />We pledge that should a conflict arise between release deadlines, aesthetics, and the production of accessible solutions and content, accessibility will remain a priority.</p> </div> </div> </div> </div> </div></div> </main> <footer class="footer-main"> <div><div> <div class="grid"> <div class="col col-8 col-md-12 col-nest footer-main__links"> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Platform</p> <ul> <li><a href="/platform/">Overview</a></li> <li><a href="/integrations/">Integrations</a></li> <li><a href="/platform/professional-services/">Services & Support</a></li> <li><a href="/partners/">Partners</a></li> </ul> </div> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Company</p> <ul> <li><a href="/leadership/">Leadership</a></li> <li><a href="/press/">Press</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Careers</p> <ul> <li><a href="https://careers.siteimprove.com/our-culture/">Culture</a></li> <li><a href="https://careers.siteimprove.com/our-locations/">Offices</a></li> <li><a href="https://careers.siteimprove.com/open-positions/">Open Roles</a></li> </ul> </div> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Support</p> <ul> <li><a href="https://help.siteimprove.com/support/solutions/80000220153">Getting started</a></li> <li><a href="https://help.siteimprove.com/support/solutions/80000220156">Guides & FAQs</a></li> <li><a href="/success-plans/">Success Plans</a></li> <li><a href="https://developer.siteimprove.com/">Developer Center</a></li> <li><a href="https://status.siteimprove.com/">System Status</a></li> </ul> </div> </div> <div class="col col-4 col-md-12 footer-main__social grid"> <ul class="col-12"> <li> <a href="https://www.linkedin.com/company/siteimprove" class="btn btn-s btn-icon"> <img alt="" src="/globalassets/media/shared/social/linkedin_updated.svg" aria-hidden="true"> <span class="vh">LinkedIn icon - Visit us on LinkedIn</span> </a> </li> <li> <a href="https://twitter.com/siteimprove" class="btn btn-s btn-icon"> <img alt="" src="/globalassets/media/shared/social/twitter.svg" aria-hidden="true"> <span class="vh">Twitter icon - Visit us on Twitter</span> </a> </li> <li> <a href="https://www.facebook.com/Siteimprove" class="btn btn-s btn-icon"> <img alt="" src="/globalassets/media/shared/social/facebook.svg" aria-hidden="true"> <span class="vh">Facebook icon - Visit us on Facebook</span> </a> </li> <li> <a href="https://www.youtube.com/channel/UCVost3tZNte0o4V2motH2IA" class="btn btn-s btn-icon"> <img alt="" src="/globalassets/media/shared/social/youtube.svg" aria-hidden="true"> <span class="vh">Youtube icon - Visit us on Youtube</span> </a> </li> </ul> <div class="col-12 shadow-l mt32"> <img src="/globalassets/media/redesign2024/leader_fall_2024_new.png" alt='Three award badges, each shaped like a shield with the "G2" logo at the top, and a red banner across the middle stating "Leader Fall 2024".'> <p class="footer-social-img-desc">Siteimprove is a leader in Digital Governance, Digital Analytics, and SEO Tools.</p> </div> </div> <div class="col col-12 col-nest footer-main__end"> <div class="col col-12 pb0"> <div class="line"></div> </div> <div class="col col-6 col-sm-12 footer-main__legal"> <ul> <li> <a href="/privacy/">Privacy</a> </li> <li> <a href="/legal/">Legal</a> </li> <li> <a href="/accessibility-statement/">Accessibility Statement</a> </li> </ul> <p class="s clear">Siteimprove is a registered trademark of Siteimprove A/S - All rights reserved. 2024</p> </div> <div class="col col-6 col-sm-12 footer-main__language"> <div class="btn-menu"> <button class="btn btn-s btn-secondary" aria-expanded="false">Change language: English</button> <div class="btn-menu__options top"> <ul> <li> <a href="/de/" data-module="language-selector" data-href="/de/" data-iso-language="de"> Deutsch </a> </li> </ul> </div> </div> </div> </div> </div> </div></div> </footer> </div> <script>var host = "https://www.siteimprove.com";</script> <script src="/bundle/mainjs?v=jVXwLp02dyPYt917C1a7hqt2nZ7FzGqyfeA2EONAv5o1"></script> <link href="/bundle/customcss?v=3isaUfsB_QEotQLrE-027A8oXI2nE1Lb96pNZXptBBI1" rel="stylesheet"/> </body> </html>