PageSourceSearch

https://www.qualibooth.com/solutions/toolkit/accessibility-toolkit-dashboard/

html qualibooth.com collected 2026-09-25 02:52:49 UTC 91,684 bytes, 41 lines download raw bytes

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&#39;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&#39;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&#39;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&#39;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&#39;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 &amp; 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 &quot;True&quot; 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 &amp; 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&#39;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&#39;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 &amp; 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 &amp; 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&#39;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&#39;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 &amp; 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 &amp; 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 &quot;True&quot; 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&#39;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&#39;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&#39;ll learn</h2> <p class="mt-4 text-lg text-ink-soft" data-astro-cid-seenujte>Visualize your website&#39;s accessibility journey through various views, detailing changes over time. Whether you&#39;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&#39;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.