Toolkit - 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>Toolkit - Siteimprove</title> <meta name="description" content="This collection of free tools will help you start perfecting your digital experience today." /> <meta property="og:site_name" content="Siteimprove" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Toolkit - Siteimprove" /> <meta property="og:description" content="This collection of free tools will help you start perfecting your digital experience today." /> <meta property="og:url" content="http://www.siteimprove.com/toolkit/" /> <meta property="og:image" content="" /> <meta name="twitter:title" content="Toolkit - Siteimprove"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@siteimprove"> <meta name="twitter:description" content="This collection of free tools will help you start perfecting your digital experience today."> <meta name="twitter:image" content=""> <meta name="pageid" content="387" /> <link href="https://www.siteimprove.com/toolkit/" hreflang="en" rel="alternate" /> <link href="https://www.siteimprove.com/de/toolkit/" hreflang="de" rel="alternate" /> <link href="https://www.siteimprove.com/toolkit/" 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__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__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__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__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="grid bg-green"> <div class="col col-8 col-md-12 col-x-center"> <h1>Siteimprove toolkit</h1> <p>This collection of free tools will help you start perfecting your digital experience today.</p> </div> </div> </div><div> <div class="grid bg-gray"> <div class="grid integrations-container">  <div class="integrations-item col col-4 col-md-12 col-x-center"> <img class="integrations-icon" src="/globalassets/media/redesign2024/icons/accessibility-checker.png" alt="Icon of person with check mark with green circle" /> <div> <a class="link-with-arrow h4" href="/toolkit/accessibility-checker/">Accessibility checker</a> <svg style="margin-left: 1rem;" onclick="window.location.href = '/toolkit/accessibility-checker/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124"/> </svg> </div> <p>Get an instant look at your site's accessibility level with just one click.</p> </div>   <div class="integrations-item col col-4 col-md-12 col-x-center"> <img class="integrations-icon" src="/globalassets/media/redesign2024/icons/extensions.png" alt="Icon of a puzzle piece with blue circle" /> <div> <a class="link-with-arrow h4" href="/integrations/browser-extensions/">Accessibility Browser Extension</a> <svg style="margin-left: 1rem;" onclick="window.location.href = '/integrations/browser-extensions/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124"/> </svg> </div> <p>Understand the Accessibility status of any given page directly within your browser.</p> </div>   <div class="integrations-item col col-4 col-md-12 col-x-center"> <img class="integrations-icon" src="/globalassets/media/redesign2024/icons/contrast-checker.png" alt="Icon of color contrast checker and checkmark with blue circle" /> <div> <a class="link-with-arrow h4" href="/toolkit/color-contrast-checker/">Color contrast checker</a> <svg style="margin-left: 1rem;" onclick="window.location.href = '/toolkit/color-contrast-checker/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124"/> </svg> </div> <p>Use this color contrast checker to determine whether or not your color combinations are accessible or not.</p> </div>   <div class="integrations-item col col-4 col-md-12 col-x-center"> <img class="integrations-icon" src="/globalassets/media/redesign2024/icons/seo-checker.png" alt="Icon of a magnifying glass with checkmark with green circle" /> <div> <a class="link-with-arrow h4" href="/toolkit/seo-checker/">SEO Checker</a> <svg style="margin-left: 1rem;" onclick="window.location.href = '/toolkit/seo-checker/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124"/> </svg> </div> <p>Check your website’s SEO performance in 14 distinct areas with just one click.</p> </div>  </div> </div></div><div><div class="grid footer-bg"> <div class="col col-12"> <div class="txt-center cta"> <div> <h2> Ready for <span class="txt-highlight-white">your</span> website to deliver beyond expectation? </h2> <a href="/get-in-touch/" class="btn-black mt16 btn-center" data-type="CTA" data-location="3/3"> Let's get started </a> </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/toolkit/" data-module="language-selector" data-href="/de/toolkit/" 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"/> <style> .bg-gray { max-width: unset; } .integrations-icon { margin: unset; } .footer-bg { padding-top: 0 !important; } .footer-bg h2 { padding-top: 6.2rem; } .bg-green { max-width: unset; margin-top: 6rem; } @media screen and (max-width: 79.99em) { .bg-green { margin-top: 1rem; } } .link-with-arrow { min-width: 4.4rem; min-height: 4.4rem; display: inline-block; margin: 0; } </style> </body> </html>

CINXE.COM

Toolkit - Siteimprove