1<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/png" href="/favicon.png"><link rel="sitemap" href="/sitemap-index.xml"><title>Accessibility Monitoring Dashboard | QualiBooth</title><meta name="description" content="The QualiBooth Accessibility Toolkit contains a powerful dashboard to review your executive summary of website accessibility scoring."><link rel="canonical" href="https://www.qualibooth.com/solutions/toolkit/accessibility-toolkit-dashboard/"><!-- hreflang alternates --><link rel="alternate" hreflang="en" href="https://www.qualibooth.com/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="de" href="https://www.qualibooth.com/de/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="it" href="https://www.qualibooth.com/it/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="es" href="https://www.qualibooth.com/es/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="bg" href="https://www.qualibooth.com/bg/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="pl" href="https://www.qualibooth.com/pl/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="zh" href="https://www.qualibooth.com/zh/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="nl" href="https://www.qualibooth.com/nl/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="da" href="https://www.qualibooth.com/da/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="sv" href="https://www.qualibooth.com/sv/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="fr" href="https://www.qualibooth.com/fr/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="pt" href="https://www.qualibooth.com/pt/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="el" href="https://www.qualibooth.com/el/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="ca" href="https://www.qualibooth.com/ca/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="ro" href="https://www.qualibooth.com/ro/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="fi" href="https://www.qualibooth.com/fi/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="cs" href="https://www.qualibooth.com/cs/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="hu" href="https://www.qualibooth.com/hu/solutions/toolkit/accessibility-toolkit-dashboard/"><link rel="alternate" hreflang="x-default" href="https://www.qualibooth.com/solutions/toolkit/accessibility-toolkit-dashboard/"><!-- RSS feed autodiscovery --><link rel="alternate" type="application/rss+xml" title="QualiBooth â Acce
1ssibility Resources" href="https://www.qualibooth.com/rss.xml"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Accessibility Monitoring Dashboard | QualiBooth"><meta property="og:description" content="The QualiBooth Accessibility Toolkit contains a powerful dashboard to review your executive summary of website accessibility scoring."><meta property="og:url" content="https://www.qualibooth.com/solutions/toolkit/accessibility-toolkit-dashboard/"><meta property="og:image" content="https://www.qualibooth.com/og-default.png"><meta property="og:locale" content="en"><meta property="og:site_name" content="QualiBooth"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Accessibility Monitoring Dashboard | QualiBooth"><meta name="twitter:description" content="The QualiBooth Accessibility Toolkit contains a powerful dashboard to review your executive summary of website accessibility scoring."><meta name="twitter:image" content="https://www.qualibooth.com/og-default.png"><!-- JSON-LD structured data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.qualibooth.com/"},{"@type":"ListItem","position":2,"name":"Solutions","item":"https://www.qualibooth.com/solutions/"},{"@type":"ListItem","position":3,"name":"Monitoring Software","item":"https://www.qualibooth.com/solutions/accessibility-toolkit/"},{"@type":"ListItem","position":4,"name":"Accessibility Monitoring Dashboard","item":"https://www.qualibooth.com/solutions/toolkit/accessibility-toolkit-dashboard/"}]}</script>
1<script> 2 {`window.dataLayer = window.dataLayer || []; 3 function gtag(){dataLayer.push(arguments);} 4 gtag('consent', 'default', { 5 ad_storage: 'denied', 6 analytics_storage: 'denied', 7 ad_user_data: 'denied', 8 ad_personalization: 'denied', 9 functionality_storage: 'denied', 10 personalization_storage: 'denied', 11 security_storage: 'granted', 12 wait_for_update: 500 13 });`} 14 </script>
14<!-- Google Tag Manager (only when PUBLIC_GTM_ID is configured) -->
14<script>(function(){const GTM_ID = "GTM-MQKW5X3W"; 15 16 (function (w, d, s, l, i) { 17 w[l] = w[l] || []; 18 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 19 var f = d.getElementsByTagName(s)[0], 20 j = d.createElement(s), 21 dl = l != 'dataLayer' ? '&l=' + l : ''; 22 j.async = true; 23 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 24 f.parentNode.insertBefore(j, f); 25 })(window, document, 'script', 'dataLayer', GTM_ID); 26 })();</script>
26<link rel="stylesheet" href="/_astro/BaseLayout.C_CJPkkW.css"> 27<style>.qb-cta[data-astro-cid-seenujte]{background:linear-gradient(100deg,#64f58d,#1dd3b0);box-shadow:0 10px 30px -8px #1dd3b099;transition:filter .15s ease}.qb-cta[data-astro-cid-seenujte]:hover{filter:brightness(1.08)} 28</style>
28<script type="module" src="/_astro/page.zh1XDkz8.js"></script>
28</head> <body class="min-h-screen bg-white font-sans text-ink antialiased"> <!-- GTM noscript --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQKW5X3W" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe> </noscript> <nav aria-label="Skip to main content"> <a class="skip-link" href="#main">Skip to main content</a> </nav> <header class="sticky top-0 z-50 border-b border-black/5 bg-white/80 backdrop-blur-xl" data-astro-cid-d3fyuuye> <!-- slim utility bar --> <div class="hidden border-b border-black/5 lg:block" data-astro-cid-d3fyuuye> <div class="mx-auto flex max-w-[1500px] items-center justify-end gap-4 px-4 py-2 text-sm lg:px-8" data-astro-cid-d3fyuuye> <a href="/solutions/qualibooth-free-trial/" class="font-medium text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye> Free Trial </a> <span aria-hidden="true" class="text-black/15" data-astro-cid-d3fyuuye>|</span><a href="/about-us/" class="font-medium text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye> About Us </a> <span aria-hidden="true" class="text-black/15" data-astro-cid-d3fyuuye>|</span><a href="/request-a-demo/" class="font-medium text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye> Request Demo </a> <span aria-hidden="true" class="text-black/15" data-astro-cid-d3fyuuye>|</span><a href="https://portal.prod.qualibooth.com/" target="_blank" rel="noopener" class="font-medium text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye> Sign in </a> <span aria-hidden="true" class="text-black/15" data-astro-cid-d3fyuuye>|</span> <details data-nav class="group relative"> <summary class="flex cursor-pointer list-none items-center gap-2 rounded-lg border border-black/10 px-4 py-2 text-base font-medium text-ink"> <img src="/flags/us.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> English <span aria-hidden="true" class="text-sm transition-transform group-open:rotate-180">â¾</span> </summary> <div class="absolute right-0 top-full z-50 mt-2 max-h-[70vh] w-64 overflow-auto rounded-xl border border-black/5 bg-white p-2 shadow-xl"> <ul> <li> <a href="/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="en" aria-current="true" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 font-semibold text-ink"> <img src="/flags/us.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> English </a> </li><li> <a href="/de/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="de" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/de.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Deutsch </a> </li><li> <a href="/es/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="es" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/es.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Español </a> </li><li> <a href="/it/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="it" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/it.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Italiano </a> </li><li> <a href="/bg/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="bg" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/bg.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> ÐÑлгаÑÑки </a> </li><li> <a href="/zh/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="zh" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/cn.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> ç®ä½ä¸æ </a> </li><li> <a href="/pl/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="pl" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/pl.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Polski </a> </li><li> <a href="/nl/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="nl" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/nl.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Nederlands </a> </li><li> <a href="/da/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="da" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/dk.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Dansk </a> </li><li> <a href="/sv/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="sv" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/se.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Svenska </a> </li><li> <a href="/fr/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="fr" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/fr.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Français </a> </li><li> <a href="/pt/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="pt" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/pt.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Português </a> </li><li> <a href="/el/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="el" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/el.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Îλληνικά </a> </li><li> <a href="/ca/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="ca" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/ca.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Català </a> </li><li> <a href="/ro/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="ro" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/ro.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> RomânÄ </a> </li><li> <a href="/fi/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="fi" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/fi.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Suomi </a> </li><li> <a href="/cs/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="cs" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/cs.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> ÄeÅ¡tina </a> </li><li> <a href="/hu/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="hu" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/hu.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Magyar </a> </li> </ul> <ul> </ul> </div> </details> </div> </div> <!-- main bar --> <div class="mx-auto flex max-w-[1500px] items-center justify-between gap-6 px-4 py-4 lg:px-8" data-astro-cid-d3fyuuye> <a href="/" class="flex items-center" aria-label="QualiBooth â home" data-astro-cid-d3fyuuye> <img src="/brand/logo.svg" alt="QualiBooth" width="206" height="40" class="h-10 w-auto" data-astro-cid-d3fyuuye> </a> <div class="flex items-center gap-7" data-astro-cid-d3fyuuye> <nav aria-label="Primary" class="hidden items-center gap-1 lg:flex" data-astro-cid-d3fyuuye> <details data-nav class="group" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center gap-1.5 rounded-full px-4 py-2 text-lg font-semibold text-ink hover:bg-ink/5 group-open:bg-ink/5" data-astro-cid-d3fyuuye> Solutions <span aria-hidden="true" class="text-sm transition-transform group-open:rotate-180" data-astro-cid-d3fyuuye>â¾</span> </summary> <div class="absolute inset-x-0 top-full" data-astro-cid-d3fyuuye> <div class="mx-auto max-w-[1500px] px-4 lg:px-8" data-astro-cid-d3fyuuye>
28 <div class="qb-mega mt-3 overflow-hidden rounded-3xl border border-black/5 bg-white shadow-2xl" data-astro-cid-d3fyuuye> <div class="grid gap-0 lg:grid-cols-[1fr_340px]" data-astro-cid-d3fyuuye> <!-- columns --> <div class="grid items-start gap-x-10 gap-y-8 p-8 sm:grid-cols-2 lg:grid-cols-2" data-astro-cid-d3fyuuye> <div data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Free Tools </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/scan/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Free URL Scan</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Scan any page for free, instantly</span> </span> </a> </li> </ul> </div><div class="lg:row-span-2" data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Monitoring Software </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/solutions/deep-scan/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Deep Scan</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>AI agent that finds what static scans miss</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/accessibility-scanning-software/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Accessibility Scanner</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Automated WCAG 2.2 testing at scale</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/toolkit/accessibility-toolkit-dashboard/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Dashboards</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Track compliance across teams</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/toolkit/accessibility-toolkit-reports/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6M8 13h8M8 17h6"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Issue Reports</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>
28Deep, prioritized issue reports</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/toolkit/accessibility-solutions-assistant/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Issue Visualization</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>See issues in context on the page</span> </span> </a> </li> </ul> </div><div data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Testing Workbench </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/solutions/agora/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M12 3l1.8 4.7L18.5 9.5 13.8 11.3 12 16l-1.8-4.7L5.5 9.5l4.7-1.8z"/><path d="M19 14l.7 1.8 1.8.7-1.8.7L19 19l-.7-1.8-1.8-.7 1.8-.7z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Agora AI</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>AI workbench that tests like a user</span> </span> </a> </li> </ul> <img src="/_astro/scan-ui.DZH5Ah71_UiEcr.webp" srcset="/_astro/scan-ui.DZH5Ah71_Sllfr.webp 320w, /_astro/scan-ui.DZH5Ah71_Z2s1XFu.webp 520w" alt aria-hidden="true" sizes="320px" loading="lazy" data-astro-cid-d3fyuuye="true" decoding="async" width="2632" height="1838" class="mt-5 w-full rounded-xl border border-black/5 shadow-sm"> </div> </div> <!-- vivid gradient promo --> <aside class="qb-promo relative overflow-hidden p-8 text-white" data-astro-cid-d3fyuuye> <div class="relative" data-astro-cid-d3fyuuye> <p class="font-display text-xl font-bold" data-astro-cid-d3fyuuye>What's your accessibility score?</p> <p class="mt-3 text-sm text-white/75" data-astro-cid-d3fyuuye>Quickly scan a page for free. No obligations.</p> <a href="/scan/" class="mt-5 inline-block rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-ink hover:bg-white/90" data-astro-cid-d3fyuuye> Free URL Scan </a> </div> </aside> </div> <!-- bottom scan bar --> <div class="flex flex-col items-center justify-between gap-4 border-t border-black/5 bg-[#0a0e1f] px-8 py-4 text-white sm:flex-row" data-astro-cid-d3fyuuye> <div class="flex items-center gap-6" data-astro-cid-d3fyuuye> <a href="/solutions/" class="text-sm font-semibold text-brand-400 hover:text-brand-300" data-astro-cid-d3fyuuye> Compare our solutions <span aria-hidden="true" data-astro-cid-d3fyuuye>â</span> </a> <span class="hidden text-sm text-white/60 md:inline" data-astro-cid-d3fyuuye>Check your site's accessibility for free</span> </div> <form class="flex w-full max-w-sm items-center rounded-full bg-white/10 p-1 ring-1 ring-white/15" action="/url-scan-results/" method="get" data-astro-cid-d3fyuuye> <label for="scan-Solutions" class="sr-only" data-astro-cid-d3fyuuye>Check your site's accessibility for free</label> <input id="scan-Solutions" name="url" type="url" required placeholder="www.website.com" class="min-w-0 flex-1 bg-transparent px-4 py-1.5 text-sm text-white placeholder:text-white/40 focus:outline-none" data-astro-cid-d3fyuuye> <button type="submit" class="shrink-0 rounded-full bg-gradient-to-r from-brand-300 to-brand-400 px-4 py-1.5 text-sm font-semibold text-ink" data-astro-cid-d3fyuuye>Scan site</button> </form> </div> </div> </div> </div> </details>
28<details data-nav class="group" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center gap-1.5 rounded-full px-4 py-2 text-lg font-semibold text-ink hover:bg-ink/5 group-open:bg-ink/5" data-astro-cid-d3fyuuye> Services <span aria-hidden="true" class="text-sm transition-transform group-open:rotate-180" data-astro-cid-d3fyuuye>â¾</span> </summary> <div class="absolute inset-x-0 top-full" data-astro-cid-d3fyuuye> <div class="mx-auto max-w-[1500px] px-4 lg:px-8" data-astro-cid-d3fyuuye> <div class="qb-mega mt-3 overflow-hidden rounded-3xl border border-black/5 bg-white shadow-2xl" data-astro-cid-d3fyuuye> <div class="grid gap-0 lg:grid-cols-[1fr_340px]" data-astro-cid-d3fyuuye> <!-- columns --> <div class="grid items-start gap-x-10 gap-y-8 p-8 sm:grid-cols-2 lg:grid-cols-2" data-astro-cid-d3fyuuye> <div data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Audits & Reports </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/services/audits-by-people-with-disabilities/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Audits by people with disabilities</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Lived-experience manual testing</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/recurring-accessibility-audits/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 15a8 8 0 1 1 16 0"/><path d="M12 15l4-4"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Recurring audits</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Ongoing audits on a retainer</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/screen-reader-evaluation/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M11 5L6 9H2v6h4l5 4V5Z"/><path d="M15.5 8.5a5 5 0 0 1 0 7M19 5a9 9 0 0 1 0 14"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Screen-reader evaluation</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Tested across NVDA, JAWS & VoiceOver</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/services/preliminary-accessibility-assessment/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M9 4h6a1 1 0 0 1 1 1v1H8V5a1 1 0 0 1 1-1Z"/><path d="M8 6H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-2"/><path d="M9 14l2 2 4-4"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Preliminary Audits</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Fast expert gap assessment</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/vpat-reports/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6M8 13h8M8 17h6"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>VPAT reports</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Section 508 & EN 301 549 conformance</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/services/accessibility-statements/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6M8 13h8M8 17h6"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Accessibility Statements</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Publishable compliance statements</span> </span> </a> </li> </ul> </div><div data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Remediation & Advisory </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/services/pdf-remediation/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6M8 13h8M8 17h6"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>PDF remediation</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Accessible, tagged PDF documents</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/email-remediation/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Email remediation</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Accessible HTML email templates</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/ci-cd-accessibility-integration/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="m8 6-6 6 6 6M16 6l6 6-6 6"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>CI/CD integration</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Automated checks in your pipeline</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/mcp-server/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M12 3l1.8 4.7L18.5 9.5 13.8 11.3 12 16l-1.8-4.7L5.5 9.5l4.7-1.8z"/><path d="M19 14l.7 1.8 1.8.7-1.8.7L19 19l-.7-1.8-1.8-.7 1.8-.7z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>MCP Server</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>AI assistant accessibility integration</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/accessibility-process-improvement/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="12" cy="12" r="3"/><path d="M19.4 13a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-2.9 1.2V21a2 2 0 1 1-4 0v-.1
28a1.7 1.7 0 0 0-2.9-1.2l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0-1.2-2.9H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.2-2.9l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.9.3H10a1.7 1.7 0 0 0 1-1.6V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 2.9 1.2l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.9V10a1.7 1.7 0 0 0 1.6 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Process improvement</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Embed accessibility into your workflow</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/services/accessibility-consulting/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Accessibility consulting</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Strategy & expert guidance</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/consultation-accessibility-expert/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Free Consultation</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Book a 30-minute consult with an accessibility expert</span> </span> </a> </li> </ul> </div> </div> <!-- vivid gradient promo --> <aside class="qb-promo relative overflow-hidden p-8 text-white" data-astro-cid-d3fyuuye> <div class="relative" data-astro-cid-d3fyuuye> <p class="font-display text-xl font-bold" data-astro-cid-d3fyuuye>Audited by people with disabilities</p> <p class="mt-3 text-sm text-white/75" data-astro-cid-d3fyuuye>Go beyond automated checks with lived-experience manual audits.</p> <a href="/consultation-accessibility-expert/" class="mt-5 inline-block rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-ink hover:bg-white/90" data-astro-cid-d3fyuuye> Talk to an expert </a> </div> </aside> </div> <!-- bottom scan bar --> <div class="flex flex-col items-center justify-between gap-4 border-t border-black/5 bg-[#0a0e1f] px-8 py-4 text-white sm:flex-row" data-astro-cid-d3fyuuye> <div class="flex items-center gap-6" data-astro-cid-d3fyuuye> <a href="/services/" class="text-sm font-semibold text-brand-400 hover:text-brand-300" data-astro-cid-d3fyuuye> View all services <span aria-hidden="true" data-astro-cid-d3fyuuye>â</span> </a> <span class="hidden text-sm text-white/60 md:inline" data-astro-cid-d3fyuuye>Check your site's accessibility for free</span> </div> <form class="flex w-full max-w-sm items-center rounded-full bg-white/10 p-1 ring-1 ring-white/15" action="/url-scan-results/" method="get" data-astro-cid-d3fyuuye> <label for="scan-Services" class="sr-only" data-astro-cid-d3fyuuye>Check your site's accessibility for free</label> <input id="scan-Services" name="url" type="url" required placeholder="www.website.com" class="min-w-0 flex-1 bg-transparent px-4 py-1.5 text-sm text-white placeholder:text-white/40 focus:outline-none" data-astro-cid-d3fyuuye> <button type="submit" class="shrink-0 rounded-full bg-gradient-to-r from-brand-300 to-brand-400 px-4 py-1.5 text-sm font-semibold text-ink" data-astro-cid-d3fyuuye>Scan site</button> </form> </div> </div> </div> </div> </details>
28<details data-nav class="group" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center gap-1.5 rounded-full px-4 py-2 text-lg font-semibold text-ink hover:bg-ink/5 group-open:bg-ink/5" data-astro-cid-d3fyuuye> Resources <span aria-hidden="true" class="text-sm transition-transform group-open:rotate-180" data-astro-cid-d3fyuuye>â¾</span> </summary> <div class="absolute inset-x-0 top-full" data-astro-cid-d3fyuuye> <div class="mx-auto max-w-[1500px] px-4 lg:px-8" data-astro-cid-d3fyuuye> <div class="qb-mega mt-3 overflow-hidden rounded-3xl border border-black/5 bg-white shadow-2xl" data-astro-cid-d3fyuuye> <div class="grid gap-0 lg:grid-cols-[1fr_340px]" data-astro-cid-d3fyuuye> <!-- columns --> <div class="grid items-start gap-x-10 gap-y-8 p-8 sm:grid-cols-2 lg:grid-cols-2" data-astro-cid-d3fyuuye> <div data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Accessibility Knowledge </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/resources/adaptive-web-tools/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="12" cy="12" r="3"/><path d="M19.4 13a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-2.9 1.2V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-2.9-1.2l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0-1.2-2.9H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.2-2.9l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.9.3H10a1.7 1.7 0 0 0 1-1.6V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 2.9 1.2l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.9V10a1.7 1.7 0 0 0 1.6 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Adaptive Tools</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Assistive & adaptive web tools</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/text-to-speech-versus-screen-readers/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M11 5L6 9H2v6h4l5 4V5Z"/><path d="M15.5 8.5a5 5 0 0 1 0 7M19 5a9 9 0 0 1 0 14"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Text-to-Speech Tools</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>TTS vs. screen readers, explained</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/accessibility-glossary/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15Z"/><path d="M4 19.5A2.5 2.5 0 0 0 6.5 22H20"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Accessibility Glossary</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Key accessibility terms</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/true-digital-accessibility/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Building "True" Accessibility</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Real fixes, not overlays</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/common-accessibility-issues-to-avoid/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M10.3 4 2.3 18a2 2 0 0 0 1.7 3h16a2 2 0 0 0 1.7-3l-8-14a2 2 0 0 0-3.4 0Z"/><path d="M12 9v4M12 17h.01"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Common Issues to Avoid</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>The most frequent WCAG mistakes</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5v15Z"/><path d="M4 19.5A2.5 2.5 0 0 0 6.5 22H20"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Articles</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>All accessibility articles & guides</span> </span> </a> </li> </ul> </div><div data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Compliance </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/compliance/eaa-compliance/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 3.7 6 3.7 9s-1.2 6.5-3.7 9c-2.5-2.5-3.7-6-3.7-9s1.2-6.5 3.7-9Z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Europe â EAA</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Directive 2019/882, explained</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/bfsg-barrierefreiheitsstaerkungsgesetz/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 21V4M4 4h13l-2 4 2 4H4"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Germany â BFSG</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>The German EAA implementation</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/ada-compliance/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 21V4M4 4h13l-2 4 2 4H4"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>US â ADA</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>ADA web compliance</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/section-508-compliance/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 21V4M4 4h13l-2 4 2 4H4"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>US â Section 508</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>US federal accessibility standard</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/aoda-compliance/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M4 21V4M4 4h13l-2 4 2 4H4"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Canada â AODA</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Ontario accessibility law</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/wcag-compliance/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 3.7 6 3.7 9s-1.2 6.5-3.7 9c-2.5-2.5-3.7-6-3.7-9s1.2-6.5 3.7-9Z"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Global â WCAG 2.2</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>The international standard</span> </span> </a> </li> </ul> </div> </div> <!-- vivid gradient promo -->
28 <aside class="qb-promo relative overflow-hidden p-8 text-white" data-astro-cid-d3fyuuye> <div class="relative" data-astro-cid-d3fyuuye> <p class="font-display text-xl font-bold" data-astro-cid-d3fyuuye>European Accessibility Act</p> <p class="mt-3 text-sm text-white/75" data-astro-cid-d3fyuuye>See how the EAA applies to your business.</p> <a href="/compliance/eaa-compliance/" class="mt-5 inline-block rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-ink hover:bg-white/90" data-astro-cid-d3fyuuye> About the EAA </a> </div> </aside> </div> <!-- bottom scan bar --> <div class="flex flex-col items-center justify-between gap-4 border-t border-black/5 bg-[#0a0e1f] px-8 py-4 text-white sm:flex-row" data-astro-cid-d3fyuuye> <div class="flex items-center gap-6" data-astro-cid-d3fyuuye> <a href="/resources/" class="text-sm font-semibold text-brand-400 hover:text-brand-300" data-astro-cid-d3fyuuye> All resources <span aria-hidden="true" data-astro-cid-d3fyuuye>â</span> </a> <span class="hidden text-sm text-white/60 md:inline" data-astro-cid-d3fyuuye>Check your site's accessibility for free</span> </div> <form class="flex w-full max-w-sm items-center rounded-full bg-white/10 p-1 ring-1 ring-white/15" action="/url-scan-results/" method="get" data-astro-cid-d3fyuuye> <label for="scan-Resources" class="sr-only" data-astro-cid-d3fyuuye>Check your site's accessibility for free</label> <input id="scan-Resources" name="url" type="url" required placeholder="www.website.com" class="min-w-0 flex-1 bg-transparent px-4 py-1.5 text-sm text-white placeholder:text-white/40 focus:outline-none" data-astro-cid-d3fyuuye> <button type="submit" class="shrink-0 rounded-full bg-gradient-to-r from-brand-300 to-brand-400 px-4 py-1.5 text-sm font-semibold text-ink" data-astro-cid-d3fyuuye>Scan site</button> </form> </div> </div> </div> </div> </details><details data-nav class="group" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center gap-1.5 rounded-full px-4 py-2 text-lg font-semibold text-ink hover:bg-ink/5 group-open:bg-ink/5" data-astro-cid-d3fyuuye> Industries <span aria-hidden="true" class="text-sm transition-transform group-open:rotate-180" data-astro-cid-d3fyuuye>â¾</span> </summary> <div class="absolute inset-x-0 top-full" data-astro-cid-d3fyuuye> <div class="mx-auto max-w-[1500px] px-4 lg:px-8" data-astro-cid-d3fyuuye> <div class="qb-mega mt-3 overflow-hidden rounded-3xl border border-black/5 bg-white shadow-2xl" data-astro-cid-d3fyuuye> <div class="grid gap-0 lg:grid-cols-[1fr_340px]" data-astro-cid-d3fyuuye> <!-- columns --> <div class="grid items-start gap-x-10 gap-y-8 p-8 sm:grid-cols-2 lg:grid-cols-2" data-astro-cid-d3fyuuye> <div data-astro-cid-d3fyuuye> <p class="text-xs font-semibold tracking-wider text-magenta uppercase" data-astro-cid-d3fyuuye> Industries </p> <ul class="mt-4 space-y-1" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-banking/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M3 21h18M4 10h16M5 10V8l7-4 7 4v2M6 10v8M10 10v8M14 10v8M18 10v8"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Banking and finance</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Banking, insurance & investment</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-hospitality/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M2 17V7m0 6h20m0 4v-5a3 3 0 0 0-3-3H9v4M2 21v-2m20 2v-2M6 9a2 2 0 1 0 0-.01"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Hospitality</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Hotels, travel & events</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-education/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="m22 9-10-5L2 9l10 5 10-5Zm-4 2.5V16c0 1-2.7 3-6 3s-6-2-6-3v-4.5"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Education and universities</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Compliance for higher ed</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-ecommerce/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M3 3h2l2.4 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L22 7H6m3 14a1 1 0 1 0 0-.01M18 21a1 1 0 1 0 0-.01"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>eCommerce</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Accessible online stores</span> </span> </a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-non-profits/" class="group/i flex items-start gap-3 rounded-xl p-2.5 hover:bg-brand-50" data-astro-cid-d3fyuuye> <span class="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-brand-50 text-brand-600 ring-1 ring-brand-100 group-hover/i:bg-white [&_svg]:h-5 [&_svg]:w-5" data-astro-cid-d3fyuuye> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="shrink-0"><path d="M3 13h3l2-2 3 3 4-4 3 3h3M4 13v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-6"/></svg> </span> <span data-astro-cid-d3fyuuye> <span class="block font-semibold text-ink" data-astro-cid-d3fyuuye>Non-profit</span> <span class="block text-sm text-ink-soft" data-astro-cid-d3fyuuye>Inclusive, mission-driven orgs</span> </span> </a> </li> </ul> </div> </div> <!-- vivid gradient promo -->
28 <aside class="qb-promo relative overflow-hidden p-8 text-white" data-astro-cid-d3fyuuye> <div class="relative" data-astro-cid-d3fyuuye> <p class="font-display text-xl font-bold" data-astro-cid-d3fyuuye>The European Accessibility Act is now in effect</p> <p class="mt-3 text-sm text-white/75" data-astro-cid-d3fyuuye>Since June 2025, organizations doing business in the EU must comply with EAA regulations. Our audits, monitoring, and services keep you compliant.</p> <a href="/compliance/eaa-compliance/" class="mt-5 inline-block rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-ink hover:bg-white/90" data-astro-cid-d3fyuuye> Find the right solution </a> </div> </aside> </div> <!-- bottom scan bar --> <div class="flex flex-col items-center justify-between gap-4 border-t border-black/5 bg-[#0a0e1f] px-8 py-4 text-white sm:flex-row" data-astro-cid-d3fyuuye> <div class="flex items-center gap-6" data-astro-cid-d3fyuuye> <a href="/industries/" class="text-sm font-semibold text-brand-400 hover:text-brand-300" data-astro-cid-d3fyuuye> View Industries <span aria-hidden="true" data-astro-cid-d3fyuuye>â</span> </a> <span class="hidden text-sm text-white/60 md:inline" data-astro-cid-d3fyuuye>Check your site's accessibility for free</span> </div> <form class="flex w-full max-w-sm items-center rounded-full bg-white/10 p-1 ring-1 ring-white/15" action="/url-scan-results/" method="get" data-astro-cid-d3fyuuye> <label for="scan-Industries" class="sr-only" data-astro-cid-d3fyuuye>Check your site's accessibility for free</label> <input id="scan-Industries" name="url" type="url" required placeholder="www.website.com" class="min-w-0 flex-1 bg-transparent px-4 py-1.5 text-sm text-white placeholder:text-white/40 focus:outline-none" data-astro-cid-d3fyuuye> <button type="submit" class="shrink-0 rounded-full bg-gradient-to-r from-brand-300 to-brand-400 px-4 py-1.5 text-sm font-semibold text-ink" data-astro-cid-d3fyuuye>Scan site</button> </form> </div> </div> </div> </div> </details> <a href="/solutions/pricing/" class="rounded-full px-4 py-2 text-lg font-semibold text-ink hover:bg-ink/5" data-astro-cid-d3fyuuye> Pricing </a><a href="/partners/" class="rounded-full px-4 py-2 text-lg font-semibold text-ink hover:bg-ink/5" data-astro-cid-d3fyuuye> Partners </a> </nav> <a href="/scan/" class="hidden rounded-full bg-gradient-to-r from-brand-300 to-brand-400 px-6 py-3 text-base font-semibold text-ink shadow-lg shadow-brand-500/30 hover:brightness-105 sm:inline-block" data-astro-cid-d3fyuuye> Free URL Scan </a> <!-- mobile: language switcher sits beside the hamburger, not inside the menu --> <div class="lg:hidden" data-astro-cid-d3fyuuye><details data-nav class="group relative"> <summary class="flex cursor-pointer list-none items-center gap-2 rounded-lg border border-black/10 px-4 py-2 text-base font-medium text-ink"> <img src="/flags/us.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> English <span aria-hidden="true" class="text-sm transition-transform group-open:rotate-180">â¾</span> </summary> <div class="absolute right-0 top-full z-50 mt-2 max-h-[70vh] w-64 overflow-auto rounded-xl border border-black/5 bg-white p-2 shadow-xl"> <ul> <li> <a href="/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="en" aria-current="true" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 font-semibold text-ink"> <img src="/flags/us.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> English </a> </li><li> <a href="/de/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="de" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/de.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Deutsch </a> </li><li> <a href="/es/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="es" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/es.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover">
28 Español </a> </li><li> <a href="/it/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="it" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/it.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Italiano </a> </li><li> <a href="/bg/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="bg" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/bg.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> ÐÑлгаÑÑки </a> </li><li> <a href="/zh/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="zh" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/cn.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> ç®ä½ä¸æ </a> </li><li> <a href="/pl/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="pl" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/pl.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Polski </a> </li><li> <a href="/nl/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="nl" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/nl.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Nederlands </a> </li><li> <a href="/da/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="da" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/dk.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Dansk </a> </li><li> <a href="/sv/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="sv" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/se.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Svenska </a> </li><li> <a href="/fr/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="fr" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/fr.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Français </a> </li><li> <a href="/pt/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="pt" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/pt.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Português </a> </li><li> <a href="/el/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="el" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/el.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Îλληνικά </a> </li><li> <a href="/ca/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="ca" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/ca.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Català </a> </li><li> <a href="/ro/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="ro" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/ro.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> RomânÄ </a> </li><li> <a href="/fi/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="fi" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/fi.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Suomi </a> </li><li> <a href="/cs/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="cs" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/cs.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> ÄeÅ¡tina </a> </li><li> <a href="/hu/solutions/toolkit/accessibility-toolkit-dashboard/" hreflang="hu" class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-base hover:bg-brand-50 text-ink"> <img src="/flags/hu.webp" alt="" aria-hidden="true" width="20" height="15" class="object-cover"> Magyar </a> </li> </ul> <ul> </ul> </div> </details></div> <button type="button" id="menu-toggle-v2" class="-mr-1 rounded-md p-2 text-ink lg:hidden" aria-expanded="false" aria-controls="mobile-nav-v2" aria-label="Open menu" data-astro-cid-d3fyuuye> <span aria-hidden="true" class="block text-3xl leading-none" data-astro-cid-d3fyuuye>â°</span> </button> </div> </div> <!-- mobile nav --> <nav id="mobile-nav-v2" aria-label="Mobile" hidden class="border-t border-black/5 bg-white px-4 py-3 lg:hidden" data-astro-cid-d3fyuuye> <details class="border-b border-black/5 py-1" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center justify-between py-2 font-semibold text-ink" data-astro-cid-d3fyuuye> Solutions <span aria-hidden="true" data-astro-cid-d3fyuuye>ï¼</span> </summary> <ul class="pb-2 pl-3" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/solutions/community-edition/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Free Tools</a> </li><li data-astro-cid-d3fyuuye> <a href="/scan/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Free URL Scan</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/accessibility-toolkit/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>
28Monitoring Software</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/deep-scan/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Deep Scan</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/accessibility-scanning-software/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Accessibility Scanner</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/toolkit/accessibility-toolkit-dashboard/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Dashboards</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/toolkit/accessibility-toolkit-reports/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Issue Reports</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/toolkit/accessibility-solutions-assistant/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Issue Visualization</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/agora/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Testing Workbench</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/agora/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Agora AI</a> </li> </ul> </details><details class="border-b border-black/5 py-1" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center justify-between py-2 font-semibold text-ink" data-astro-cid-d3fyuuye> Services <span aria-hidden="true" data-astro-cid-d3fyuuye>ï¼</span> </summary> <ul class="pb-2 pl-3" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/services/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Audits & Reports</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/audits-by-people-with-disabilities/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Audits by people with disabilities</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/recurring-accessibility-audits/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Recurring audits</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/screen-reader-evaluation/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Screen-reader evaluation</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/services/preliminary-accessibility-assessment/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Preliminary Audits</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/vpat-reports/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>VPAT reports</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/services/accessibility-statements/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Accessibility Statements</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Remediation & Advisory</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/pdf-remediation/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>PDF remediation</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/email-remediation/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Email remediation</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/ci-cd-accessibility-integration/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>CI/CD integration</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/mcp-server/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>MCP Server</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/accessibility-process-improvement/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Process improvement</a> </li><li data-astro-cid-d3fyuuye> <a href="/services/accessibility-consulting/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Accessibility consulting</a> </li><li data-astro-cid-d3fyuuye> <a href="/consultation-accessibility-expert/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Free Consultation</a> </li> </ul> </details>
28<details class="border-b border-black/5 py-1" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center justify-between py-2 font-semibold text-ink" data-astro-cid-d3fyuuye> Resources <span aria-hidden="true" data-astro-cid-d3fyuuye>ï¼</span> </summary> <ul class="pb-2 pl-3" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/resources/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Accessibility Knowledge</a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/adaptive-web-tools/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Adaptive Tools</a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/text-to-speech-versus-screen-readers/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Text-to-Speech Tools</a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/accessibility-glossary/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Accessibility Glossary</a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/true-digital-accessibility/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Building "True" Accessibility</a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/common-accessibility-issues-to-avoid/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Common Issues to Avoid</a> </li><li data-astro-cid-d3fyuuye> <a href="/resources/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Articles</a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Compliance</a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/eaa-compliance/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Europe â EAA</a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/bfsg-barrierefreiheitsstaerkungsgesetz/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Germany â BFSG</a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/ada-compliance/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>US â ADA</a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/section-508-compliance/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>US â Section 508</a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/aoda-compliance/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Canada â AODA</a> </li><li data-astro-cid-d3fyuuye> <a href="/compliance/wcag-compliance/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Global â WCAG 2.2</a> </li> </ul> </details><details class="border-b border-black/5 py-1" data-astro-cid-d3fyuuye> <summary class="flex cursor-pointer list-none items-center justify-between py-2 font-semibold text-ink" data-astro-cid-d3fyuuye> Industries <span aria-hidden="true" data-astro-cid-d3fyuuye>ï¼</span> </summary> <ul class="pb-2 pl-3" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/industries/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Industries</a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-banking/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Banking and finance</a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-hospitality/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Hospitality</a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-education/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Education and universities</a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-ecommerce/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>eCommerce</a> </li><li data-astro-cid-d3fyuuye> <a href="/industries/accessibility-for-non-profits/" class="block py-1.5 text-sm text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Non-profit</a> </li> </ul> </details> <ul class="mt-2" data-astro-cid-d3fyuuye> <li data-astro-cid-d3fyuuye> <a href="/solutions/pricing/" class="block py-2 text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Pricing</a> </li><li data-astro-cid-d3fyuuye> <a href="/partners/" class="block py-2 text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Partners</a> </li><li data-astro-cid-d3fyuuye> <a href="/solutions/qualibooth-free-trial/" class="block py-2 text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Free Trial</a> </li><li data-astro-cid-d3fyuuye> <a href="/about-us/" class="block py-2 text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>About Us</a> </li><li data-astro-cid-d3fyuuye> <a href="/request-a-demo/" class="block py-2 text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Request Demo</a> </li><li data-astro-cid-d3fyuuye> <a href="https://portal.prod.qualibooth.com/" target="_blank" rel="noopener" class="block py-2 text-ink-soft hover:text-ink" data-astro-cid-d3fyuuye>Sign in</a> </li> </ul> </nav> </header>
28<script> 29 const btn = document.getElementById('menu-toggle-v2'); 30 const mnav = document.getElementById('mobile-nav-v2'); 31 btn?.addEventListener('click', () => { 32 const open = btn.getAttribute('aria-expanded') === 'true'; 33 btn.setAttribute('aria-expanded', String(!open)); 34 btn.setAttribute('aria-label', open ? 'Open menu' : 'Close menu'); 35 mnav.hidden = open; 36 }); 37 const nd = Array.from(document.querySelectorAll('header details[data-nav]')); 38 nd.forEach((d) => d.addEventListener('toggle', () => { if (d.open) nd.forEach((o) => o !== d && (o.open = false)); })); 39 document.addEventListener('keydown', (e) => { if (e.key === 'Escape') nd.forEach((d) => (d.open = false)); }); 40 document.addEventListener('click', (e) => { if (!e.target.closest('header details[data-nav]')) nd.forEach((d) => (d.open = false)); }); 41</script>
41 <main id="main"> <section class="bg-gradient-to-br from-brand-50 via-white to-brand-50/40" data-astro-cid-seenujte> <div class="mx-auto max-w-5xl px-4 py-14 lg:px-8" data-astro-cid-seenujte> <nav aria-label="Breadcrumb"> <ol class="flex flex-wrap items-center gap-2 text-sm text-ink-soft"> <li class="flex items-center gap-2"> <a href="/" class="hover:text-ink"> Home </a> <span aria-hidden="true" class="text-black/30">/</span> </li><li class="flex items-center gap-2"> <a href="/solutions/" class="hover:text-ink"> Solutions </a> <span aria-hidden="true" class="text-black/30">/</span> </li><li class="flex items-center gap-2"> <a href="/solutions/accessibility-toolkit/" class="hover:text-ink"> Monitoring Software </a> <span aria-hidden="true" class="text-black/30">/</span> </li><li class="flex items-center gap-2"> <span aria-current="page" class="text-ink"> Accessibility Monitoring Dashboard </span> </li> </ol> </nav> <p class="mt-6 text-sm font-semibold tracking-wide text-brand-700 uppercase" data-astro-cid-seenujte>Monitoring Software</p> <h1 class="mt-2 max-w-3xl font-display text-4xl font-extrabold tracking-tight text-ink sm:text-5xl lg:text-6xl" data-astro-cid-seenujte> Accessibility Monitoring Dashboard </h1> <p class="mt-5 max-w-2xl text-lg text-ink-soft" data-astro-cid-seenujte>The site dashboard is the focal point of your accessibility scores</p> </div> </section> <section class="mx-auto max-w-4xl px-4 py-16 lg:px-8" aria-labelledby="what-heading" data-astro-cid-seenujte> <h2 id="what-heading" class="font-display text-2xl font-bold text-ink sm:text-3xl" data-astro-cid-seenujte>What is on the Dashboard?</h2> <p class="mt-4 text-lg text-ink-soft" data-astro-cid-seenujte>The Monitoring Dashboard provides a comprehensive and dynamic view of your website's accessibility. This enables targeted, effective, and continuous improvement and compliance with accessibility standards. Using data analytics and filtering options, you can easily navigate all aspects of your website's progress.</p><p class="mt-4 text-lg text-ink-soft" data-astro-cid-seenujte>The Dashboard begins to aggregate and display data within the first day of installation. Then the information will update hourly, enriching your overview with the latest information.</p> </section> <section class="mx-auto max-w-6xl px-4 py-16 lg:px-8" aria-labelledby="learn-heading" data-astro-cid-seenujte> <div class="grid items-start gap-12 lg:grid-cols-2" data-astro-cid-seenujte> <div data-astro-cid-seenujte> <h2 id="learn-heading" class="font-display text-2xl font-bold text-ink sm:text-3xl" data-astro-cid-seenujte>What you'll learn</h2> <p class="mt-4 text-lg text-ink-soft" data-astro-cid-seenujte>Visualize your website's accessibility journey through various views, detailing changes over time. Whether you're interested in data from the past hour or past year, these charts enable focused reviews and strategic planning through four different perspectives:</p> <ul class="mt-6 space-y-3" role="list" data-astro-cid-seenujte> <li class="flex gap-3 text-ink-soft" data-astro-cid-seenujte> <span class="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-brand-100 text-xs font-bold text-brand-700" aria-hidden="true" data-astro-cid-seenujte>â</span> <span class="font-semibold text-ink" data-astro-cid-seenujte>Accessibility Score Chart</span> </li><li class="flex gap-3 text-ink-soft" data-astro-cid-seenujte> <span class="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-brand-100 text-xs font-bold text-brand-700" aria-hidden="true" data-astro-cid-seenujte>â</span> <span class="font-semibold text-ink" data-astro-cid-seenujte>Accessibility Issues</span> </li><li class="flex gap-3 text-ink-soft" data-astro-cid-seenujte> <span class="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-brand-100 text-xs font-bold text-brand-700" aria-hidden="true" data-astro-cid-seenujte>â</span> <span class="font-semibold text-ink" data-astro-cid-seenujte>Issue's View Count</span> </li><li class="flex gap-3 text-ink-soft" data-astro-cid-seenujte> <span class="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-brand-100 text-xs font-bold text-brand-700" aria-hidden="true" data-astro-cid-seenujte>â</span> <span class="font-semibold text-ink" data-astro-cid-seenujte>Pages Affected</span> </li> </ul> </div> <div class="overflow-hidden rounded-2xl border border-black/5 shadow-xl shadow-brand-500/10" data-astro-cid-seenujte> <img src="/_astro/toolkit-dashboard.BiGFFGTD_ZU9oWi.webp" srcset="/_astro/toolkit-dashboard.BiGFFGTD_C94Ik.webp 600w, /_astro/toolkit-dashboard.BiGFFGTD_iqv5e.webp 1000w" alt="A screenshot of our QualiBooth Accessibility Toolkit. Currently showing the dashboard." sizes="(max-width: 1024px) 100vw, 50vw" data-astro-cid-seenujte="true" loading="lazy" decoding="async" width="3050" height="2334" class="w-full"> </div> </div> </section> <section class="bg-navy py-16 text-white" aria-labelledby="glance-heading" data-astro-cid-seenujte> <div class="mx-auto max-w-6xl px-4 lg:px-8" data-astro-cid-seenujte> <div class="grid items-start gap-12 lg:grid-cols-2" data-astro-cid-seenujte> <div class="overflow-hidden rounded-2xl border border-white/10 shadow-xl" data-astro-cid-seenujte> <img src="/_astro/toolkit-dashboard-inset.CqsYUfCf_pCoeb.webp" srcset="/_astro/toolkit-dashboard-inset.CqsYUfCf_ZjCm4G.webp 500w, /_astro/toolkit-dashboard-inset.CqsYUfCf_pCoeb.webp 916w" alt="A screenshot of the Toolkit Dashboard showing a closeup of the Site Accessibility Score and the Issues found by severity." sizes="(max-width: 1024px) 100vw, 50vw" data-astro-cid-seenujte="true" loading="lazy" decoding="async" width="916" height="712" class="w-full"> </div> <div data-astro-cid-seenujte> <h2 id="glance-heading" class="font-display text-2xl font-bold sm:text-3xl" data-astro-cid-seenujte>Important information available at a glance</h2> <p class="mt-4 text-white/70" data-astro-cid-seenujte>Use the charts to identify trends, understand the scope of issues, illustrate the real-world impact on customers, and determine legal r
41isk.</p> <div class="mt-8 space-y-6" data-astro-cid-seenujte> <div data-astro-cid-seenujte> <h3 class="font-display text-lg font-semibold" data-astro-cid-seenujte>Issues by Severity</h3> <p class="mt-2 text-white/70" data-astro-cid-seenujte>Displays issues found during the selected period based on severity (Critical, High, Medium, Low) which is measured by combining the impact on usability and how often a customer would encounter the problem.</p> </div> <div data-astro-cid-seenujte> <h3 class="font-display text-lg font-semibold" data-astro-cid-seenujte>Issues by Violation Level</h3> <p class="mt-2 text-white/70" data-astro-cid-seenujte>Displays issues found during the selected period based on violation levels graded by the WCAG (A, AA, AAA). While addressing A and AA levels is generally considered the baseline for legal compliance in most markets, achieving AAA makes your website fully accessible and considers possible future regulation requirements.</p> </div> </div> </div> </div> </div> </section> <section class="mx-auto max-w-5xl px-4 py-20 lg:px-8" data-astro-cid-seenujte> <div class="rounded-3xl bg-navy px-8 py-16 text-center text-white" data-astro-cid-seenujte> <p class="text-xs font-semibold tracking-widest text-white/60 uppercase" data-astro-cid-seenujte>Demos customized for your company</p> <h2 class="mt-3 font-display text-3xl font-bold" data-astro-cid-seenujte>See how easily your accessibility can improve</h2> <a href="/request-a-demo/" class="mt-8 inline-block qb-cta rounded-full px-8 py-4 font-semibold text-[#0a0e1f]" data-astro-cid-seenujte> Schedule a demo </a> </div> </section> </main> <footer class="mt-24 border-t border-black/5 bg-navy text-white/80"> <div class="mx-auto max-w-[1500px] px-4 py-14 lg:px-8"> <div class="grid gap-10 md:grid-cols-2 lg:grid-cols-4"> <div> <a href="/" class="inline-block" aria-label="QualiBooth â home"> <img src="/brand/logo-dark.svg" alt="QualiBooth" width="318" height="51" class="h-9 w-auto"> </a> <p class="mt-3 max-w-xs text-sm text-white/60">Making the web accessible to everyone.</p> </div> <nav aria-label="Solutions"> <h2 class="text-sm font-semibold tracking-wide text-white uppercase">Solutions</h2> <ul class="mt-4 space-y-2"> <li> <a href="/solutions/accessibility-scanning-software/" class="text-sm text-white/60 hover:text-white"> Accessibility Scanner </a> </li><li> <a href="/solutions/accessibility-toolkit/" class="text-sm text-white/60 hover:text-white"> Monitoring Software </a> </li><li> <a href="/solutions/agora/" class="text-sm text-white/60 hover:text-white"> Agora AI </a> </li><li> <a href="/services/" class="text-sm text-white/60 hover:text-white"> Services </a> </li><li> <a href="/solutions/community-edition/" class="text-sm text-white/60 hover:text-white"> Free Tools </a> </li><li> <a href="/solutions/pricing/" class="text-sm text-white/60 hover:text-white"> Pricing </a> </li> </ul> </nav><nav aria-label="Resources"> <h2 class="text-sm font-semibold tracking-wide text-white uppercase">Resources</h2> <ul class="mt-4 space-y-2"> <li> <a href="/resources/" class="text-sm text-white/60 hover:text-white"> Accessibility Knowledge </a> </li><li> <a href="/compliance/" class="text-sm text-white/60 hover:text-white"> Compliance </a> </li><li> <a href="/compliance/wcag-compliance/" class="text-sm text-white/60 hover:text-white"> WCAG Testing </a> </li><li> <a href="/compliance/eaa-compliance/" class="text-sm text-white/60 hover:text-white"> EAA Compliance </a> </li><li> <a href="/industries/" class="text-sm text-white/60 hover:text-white"> Industries </a> </li><li> <a href="/rss.xml" class="text-sm text-white/60 hover:text-white"> RSS feed </a> </li> </ul> </nav><nav aria-label="Company"> <h2 class="text-sm font-semibold tracking-wide text-white uppercase">Company</h2> <ul class="mt-4 space-y-2"> <li> <a href="/about-us/" class="text-sm text-white/60 hover:text-white"> About Us </a> </li><li> <a href="/partners/" class="text-sm text-white/60 hover:text-white"> Partners </a> </li><li> <a href="/contact-us/" class="text-sm text-white/60 hover:text-white"> Contact Us </a> </li><li> <a href="/request-a-demo/" class="text-sm text-white/60 hover:text-white"> Request a Demo </a> </li><li> <a href="/consultation-accessibility-expert/" class="text-sm text-white/60 hover:text-white"> Free Consultation </a> </li> </ul> </nav> </div> <div class="mt-12 flex flex-col gap-4 border-t border-white/10 pt-6 text-sm text-white/50 md:flex-row md:items-center md:justify-between"> <p>© 2026 QualiBooth. All rights reserved.</p> <ul class="flex flex-wrap gap-4"> <li> <a href="/accessibility-statement/" class="hover:text-white"> Accessibility Statement </a> </li><li> <a href="/privacy-policy/" class="hover:text-white"> Privacy Policy </a> </li><li> <a href="/cookie-policy/" class="hover:text-white"> Cookie Policy </a> </li><li> <a href="/terms-of-service/" class="hover:text-white"> Terms of Service </a> </li> </ul> </div> </div> </footer> </body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.