ICS
59
Accessibility
85
Performance
33
Score Calculation
100
−
15
=
85
| Severity | Unique types | Weights | Deduction |
|---|---|---|---|
| Serious | 1 | 15 | −15 |
| Total deduction | −15 | ||
Score is based on 1 unique critical and serious issue types. Same issue appearing multiple times counts as one. 43 unique moderate/minor issues are tracked but do not affect the score. Learn more about methodology
Change from previous measurement
-1
Critical
1 → 0
-76
Serious
129 → 53
-93
Total
278 → 185
| Page | Critical | Serious | Total |
|---|---|---|---|
| testwithlabrador.com | -1 | -76 | -93 |
Template structural health
No structural issues found (reflow, target size).
Tested Pages
https://testwithlabrador.com
WCAG 1.4.3
Criterion documentation 1.4.3
Selector:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="font-sf-pro text-xs text-gray-500">Admin</div>
Selector:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1)
Show HTML
<div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold">MS</div>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(1)
Show HTML
<p class="font-sf-pro mb-4 text-lg text-white/85 enhanced-text">Designed for consultants by con...</p>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Show HTML
<span class="brand-highlight">Labrador</span>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > h1 > span:nth-child(2)
Show HTML
<span class="block">Guided accessibility testing</span>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(3)
Show HTML
<p class="font-sf-pro text-xl lg:text-2xl mb-10 text-white enhanced-text leading-relaxed max-w-md font-normal">Ditch the spreadsheets. Test ev...</p>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(5)
Show HTML
<p class="font-sf-pro mt-6 text-base text-white/85">No credit card required</p>
Selector:
#main-content > div > figure > blockquote > p > span
Show HTML
<span class="text-highlight">I think I will get more work</span>
Selector:
#features > div > div:nth-child(1) > h2 > span
Show HTML
<span class="text-labrador-dark">Simplify your <span class="text...</span>
Selector:
#features > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">accessibility auditing</span>
Selector:
#features > div > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Guided testing in a straightfor...</p>
Selector:
#exports > div:nth-child(1) > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">client-ready reports</span>
Selector:
#exports > div:nth-child(2) > figure > blockquote > p > span:nth-child(1)
Show HTML
<span class="text-highlight">remediation work is smoother</span>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span
Show HTML
<span class="text-labrador-dark">Document issues with <span clas...</span>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span > span
Show HTML
<span class="text-highlight">precision</span>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 mb-8 enhanced-text leading-relaxed">Capture comprehensive evidence ...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Multiple media uploads</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Upload multiple screenshots and...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Severity level tracking</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Mark severity levels for failed...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Remediation status</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Track remediation status for ea...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Centralized audit management</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Keep all your audits in one pla...</p>
Selector:
#main-content > section:nth-child(7) > div > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">deliver faster</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="text-labrador-dark">Turn findings into <span class=...</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">developer-ready guidance</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 mb-8 enhanced-text leading-relaxed">Capture the relevant page HTML ...</p>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > p > span
Show HTML
<span class="font-semibold text-labrador-dark">Powered by Claude Opus 5.</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(1) > span
Show HTML
<span aria-hidden="true" class="flex-shrink-0 w-8 font-neue-haas-unica text-3xl font-bold text-labrador-blue leading-none">1</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-1">Select the issue context</h3>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(1) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Pick the element or section tha...</p>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(2) > span
Show HTML
<span aria-hidden="true" class="flex-shrink-0 w-8 font-neue-haas-unica text-3xl font-bold text-labrador-blue leading-none">2</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(2) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-1">Generate remediation help</h3>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Labrador drafts recommendations...</p>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(3) > span
Show HTML
<span aria-hidden="true" class="flex-shrink-0 w-8 font-neue-haas-unica text-3xl font-bold text-labrador-blue leading-none">3</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(3) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-1">Review before sharing</h3>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Edit the generated text before ...</p>
Selector:
#walkthrough-heading
Show HTML
<h2 id="walkthrough-heading" class="font-neue-haas-unica text-3xl md:text-4xl font-bold leading-tight text-white enhanced-spacing">Try it yourself</h2>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > div > div > p
Show HTML
<p class="font-sf-pro text-lg text-white/85 max-w-md leading-relaxed">See an audit run, click by clic...</p>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(1) > button
Show HTML
<button type="button" aria-haspopup="dialog" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-labrad...
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2)
Show HTML
<li>Prefer to read? <a href="https:...</li>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2) > a
Show HTML
<a href="https://docs.testwithlabrador.com/quickstart" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-off...
Selector:
#main-content > section:nth-child(10) > div > div > figure:nth-child(1) > blockquote > p > span
Show HTML
<span class="text-highlight">my bosses were super impressed</span>
Selector:
#main-content > section:nth-child(10) > div > div > figure:nth-child(2) > blockquote > p > span
Show HTML
<span class="text-highlight">I think I will get more work</span>
Selector:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="text-labrador-dark">Your data is <span class="text-...</span>
Selector:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">secure</span>
Selector:
#main-content > section:nth-child(11) > div > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Encryption, two-factor authenti...</p>
Selector:
#main-content > section:nth-child(13) > div:nth-child(3) > div > h2
Show HTML
<h2 class="font-neue-haas-unica text-3xl md:text-4xl lg:text-6xl font-bold text-white mb-6 leading-tight px-4">Your next audit<br><span class=...</h2>
Selector:
#main-content > section:nth-child(13) > div:nth-child(3) > div > h2 > span
Show HTML
<span class="text-white">doesn't need a spreadsheet...</span>
Selector:
#main-content > section:nth-child(13) > div:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl lg:text-2xl text-[#e2d6b6] mb-10 max-w-3xl mx-auto leading-relaxed px-4 text-balance">Set up a project, test against ...</p>
Selector:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1)
Show HTML
<div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold">MS</div>
Selector:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="font-sf-pro text-xs text-gray-500">Admin</div>Issues not affecting score
These are often not errors but recommendations that require manual review. They may indicate potential accessibility barriers that automated testing cannot fully evaluate.
WCAG 1.4.10
Criterion documentation 1.4.10
Selector:
#root > div:nth-child(1) > ol
Show HTML
<ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:left-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol>
Selector:
#root > div:nth-child(3)
Show HTML
<div role="region" aria-labelledby="cookie-banner-title" class="fixed bottom-0 left-0 right-0 z-50 bg-card border-t-2 border-labrador-gold shadow-[0_-8px_30px_rgba(15,26,38,0.14)]"><div class="max-w-7xl mx-auto p...</div>
Selector:
html > body > div:nth-child(7)
Show HTML
<div class="intercom-lightweight-app"><style id="intercom-lightweight...</div>
Selector:
html > body > div:nth-child(7) > div
Show HTML
<div class="intercom-lightweight-app-launcher intercom-launcher" role="button" tabindex="0" aria-label="Open Intercom Messenger" aria-live="polite" aria-expanded="false"><div class="intercom-lightweigh...</div>
WCAG 1.4.3
Criterion documentation 1.4.3
Selector:
#root > div:nth-child(2) > header > a
Show HTML
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 z-[100] px-4 py-2 bg-blue-600 text-white rounded transition-all duration-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2...
Selector:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(3) > a > span
Show HTML
<span class="sr-only"> (opens in new tab)</span>
Selector:
#exports > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > a > span
Show HTML
<span class="sr-only"> (opens in new tab)</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div > a:nth-child(1) > span
Show HTML
<span class="sr-only"> (opens in new tab)</span>
Selector:
#main-content > section:nth-child(12) > div > div > a:nth-child(1) > span
Show HTML
<span class="sr-only"> (opens in new tab)</span>
Selector:
#main-content > section:nth-child(12) > div > div > a:nth-child(2) > span
Show HTML
<span class="sr-only"> (opens in new tab)</span>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > a > span
Show HTML
<span class="sr-only"> (opens in new tab)</span>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a > span
Show HTML
<span class="sr-only"> (opens in new tab)</span>
WCAG 1.4.3
Criterion documentation 1.4.3
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(1)
Show HTML
<p class="font-sf-pro mb-4 text-lg text-white/85 enhanced-text">Designed for consultants by con...</p>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(5)
Show HTML
<p class="font-sf-pro mt-6 text-base text-white/85">No credit card required</p>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > button > span:nth-child(2)
Show HTML
<span class="sr-only">Play the Labrador product demo</span>
Selector:
#features > div > div:nth-child(2) > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-base md:text-lg text-white/90 enhanced-text leading-relaxed max-w-2xl">Comprehensive testing against W...</p>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > div > div > p
Show HTML
<p class="font-sf-pro text-lg text-white/85 max-w-md leading-relaxed">See an audit run, click by clic...</p>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2)
Show HTML
<li>Prefer to read? <a href="https:...</li>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > p
Show HTML
<p class="font-sf-pro text-sm text-gray-700 leading-relaxed">Add a visible text label or an ...</p>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-dark">Recommendation</span>
WCAG 1.4.3
Criterion documentation 1.4.3
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Show HTML
<span class="brand-highlight">Labrador</span>
Selector:
#features > div > div:nth-child(1) > h2 > span
Show HTML
<span class="text-labrador-dark">Simplify your <span class="text...</span>
Selector:
#features > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">accessibility auditing</span>
Selector:
#exports > div:nth-child(1) > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">client-ready reports</span>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span
Show HTML
<span class="text-labrador-dark">Document issues with <span clas...</span>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span > span
Show HTML
<span class="text-highlight">precision</span>
Selector:
#main-content > section:nth-child(7) > div > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">deliver faster</span>
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">developer-ready guidance</span>
Selector:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="text-labrador-dark">Your data is <span class="text-...</span>
Selector:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span > span
Show HTML
<span class="text-highlight">secure</span>
WCAG 1.1.1
Criterion documentation 1.1.1
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > img
Show HTML
<img src="/hero-poster.png" alt="" width="1660" height="934" decoding="async" fetchpriority="high" class="absolute inset-0 h-full w-full object-cover">
WCAG 1.4.3
Criterion documentation 1.4.3
Selector:
#main-content > div > figure > blockquote > p > span
Show HTML
<span class="text-highlight">I think I will get more work</span>
Selector:
#features > div > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Guided testing in a straightfor...</p>
Selector:
#exports > div:nth-child(2) > figure > blockquote > p > span:nth-child(1)
Show HTML
<span class="text-highlight">remediation work is smoother</span>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 mb-8 enhanced-text leading-relaxed">Capture comprehensive evidence ...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Multiple media uploads</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Upload multiple screenshots and...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Severity level tracking</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Mark severity levels for failed...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Remediation status</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Track remediation status for ea...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Centralized audit management</h3>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > p
Show HTML
<p class="font-sf-pro text-gray-600">Keep all your audits in one pla...</p>
Selector:
#main-content > section:nth-child(10) > div > div > figure:nth-child(1) > blockquote > p > span
Show HTML
<span class="text-highlight">my bosses were super impressed</span>
Selector:
#main-content > section:nth-child(10) > div > div > figure:nth-child(2) > blockquote > p > span
Show HTML
<span class="text-highlight">I think I will get more work</span>
Selector:
#main-content > section:nth-child(11) > div > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Encryption, two-factor authenti...</p>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(1) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div > span
Show HTML
<span class="text-white text-xs font-semibold">screenshot1.png</span>
Selector:
#main-content > section:nth-child(6) > div > div > div:nth-child(1) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > span
Show HTML
<span class="text-white text-xs font-semibold">demo.mp4</span>
WCAG 1.3.1
Criterion documentation 1.3.1
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div
Show HTML
<div class="flex flex-col sm:flex-row gap-4"><a href="https://chromewebstore...</div>
Selector:
#main-content > section:nth-child(12) > div > div
Show HTML
<div class="flex flex-col sm:flex-row gap-4 justify-center"><a href="https://docs.testwithl...</div>
WCAG 2.4.2
Criterion documentation 2.4.2
Selector:
html > head > title
Show HTML
<title data-replay-mask="">Labrador - Guided Accessibility...</title>
WCAG 2.4.4
Criterion documentation 2.4.4
Selector:
#root > div:nth-child(2) > header > a
Show HTML
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 z-[100] px-4 py-2 bg-blue-600 text-white rounded transition-all duration-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2...
Selector:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(1) > a
Show HTML
<a aria-current="page" href="/" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-labrador-blue dark:text-blue-400 font-semibold after:content-[''] after:absolute af...
Selector:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(2) > a
Show HTML
<a href="/pricing" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-foreground">Pricing</a>
Selector:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(3) > a
Show HTML
<a href="https://docs.testwithlabrador.com" target="_blank" rel="noopener noreferrer" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-fore...
Selector:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(4) > a
Show HTML
<a href="/blog" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-foreground">Blog</a>
Selector:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(5) > a
Show HTML
<a href="/about" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-foreground">About</a>
Selector:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(6) > a
Show HTML
<a href="/login" class="btn-press btn-press-gold font-neue-haas-unica font-semibold px-5 py-1.5 rounded-lg text-[20px]">Sign In</a>
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > div > a
Show HTML
<a href="/signup" class="btn-press btn-press-gold font-neue-haas-unica px-6 py-2.5 rounded-lg text-base font-semibold text-center">Start Free</a>
Selector:
#exports > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > a
Show HTML
<a href="/samples/labrador-sample-audit-report.html" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-mint font-neue-haas-unica mt-auto flex w-full items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-sm font-semibold">Vi...
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div > a:nth-child(1)
Show HTML
<a href="https://chromewebstore.google.com/detail/labrador-ai-accessibility/lndpalafhngglhpdjejhelccebmngoho" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-gold font-neue-haas-unica inline-flex items-center justify-center px-6 ...
Selector:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div > a:nth-child(2)
Show HTML
<a href="/signup" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center px-6 py-2.5 rounded-lg text-base font-semibold">Start Free</a>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2) > a
Show HTML
<a href="https://docs.testwithlabrador.com/quickstart" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-off...
Selector:
#main-content > section:nth-child(11) > div > div:nth-child(3) > a
Show HTML
<a href="/trust" class="inline-flex items-center gap-4 px-6 py-4 bg-white rounded-xl border border-gray-200 shadow-md hover:border-labrador-blue/50 hover:shadow-lg transition-all duration-300"><i class="fas fa-shield-halved ...</a>
Selector:
#main-content > section:nth-child(12) > div > div > a:nth-child(1)
Show HTML
<a href="https://docs.testwithlabrador.com" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-paper [--press-edge:var(--labrador-gold-deep)] font-neue-haas-unica inline-flex items-center justify-center px-6 py-2.5 rounded-lg text-b...
Selector:
#main-content > section:nth-child(12) > div > div > a:nth-child(2)
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center px-6 py-2.5 rounded-lg text-base font-semibold">B...
Selector:
#main-content > section:nth-child(13) > div:nth-child(3) > div > div > a
Show HTML
<a href="/signup" class="btn-press btn-press-gold font-neue-haas-unica inline-flex items-center justify-center px-7 py-3 rounded-lg text-base font-semibold"><svg viewBox="5 6 90 88" fill="...</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a
Show HTML
<a href="/pricing" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Pricing</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a
Show HTML
<a href="/projects" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Projects</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > a
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Book a demo<span class="sr-only...</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a
Show HTML
<a href="/about" class="font-sf-pro text-gray-400 hover:text-white transition-colors">About</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Show HTML
<a href="https://docs.testwithlabrador.com" target="_blank" rel="noopener noreferrer" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Help Center<span class="sr-only...</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > a
Show HTML
<a href="/support" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Support</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > a
Show HTML
<a href="/accessibility" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Accessibility</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(5) > a
Show HTML
<a href="/trust" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Your Data</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(6) > a
Show HTML
<a href="/privacy-policy" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Privacy Policy</a>
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(7) > a
Show HTML
<a href="/terms-of-service" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Terms of Service</a>
Selector:
#root > div:nth-child(3) > div > div > p > a
Show HTML
<a href="/privacy-policy" class="text-primary hover:text-primary/80 underline underline-offset-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded">Privacy Policy</a>
WCAG 2.4.4
Criterion documentation 2.4.4
Selector:
#root > div:nth-child(2) > header > div > div > div > a
Show HTML
<a title="Home" href="/"><img src="/mainLogo.png" alt="T...</a>
WCAG 1.1.1
Criterion documentation 1.1.1
Selector:
#root > div:nth-child(2) > header > div > div > div > a > img
Show HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-8 w-auto">
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(2) > div > picture > img
Show HTML
<img src="/walkthrough-poster.png" alt="The Labrador audit workspace for a page: a progress bar, status filters, and the WCAG criteria list beside one criterion's test panel" width="2000" height="1095" decoding="async" loading="lazy" class="absolute ...
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(1) > div > img
Show HTML
<img src="/WhiteLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
WCAG 1.1.1
Criterion documentation 1.1.1
Selector:
#root > div:nth-child(2) > header > div > div > div > a > img
Show HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-8 w-auto">
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > img
Show HTML
<img src="/hero-poster.png" alt="" width="1660" height="934" decoding="async" fetchpriority="high" class="absolute inset-0 h-full w-full object-cover">
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(2) > div > picture > img
Show HTML
<img src="/walkthrough-poster.png" alt="The Labrador audit workspace for a page: a progress bar, status filters, and the WCAG criteria list beside one criterion's test panel" width="2000" height="1095" decoding="async" loading="lazy" class="absolute ...
Selector:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(1) > div > img
Show HTML
<img src="/WhiteLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
WCAG 3.2.1
Criterion documentation 3.2.1
Selector:
#root > div:nth-child(2) > header > div > div > button
Show HTML
<button class="md:hidden inline-flex items-center justify-center min-h-[44px] leading-none text-gray-800 dark:text-foreground border border-gray-800 dark:border-border px-4 hover:bg-gray-100 dark:hover:bg-muted rounded-lg transition-colors font-mediu...
Selector:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > button
Show HTML
<button type="button" class="group absolute inset-0 flex items-center justify-center bg-labrador-dark/30 transition-colors hover:bg-labrador-dark/45 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2"><span c...
Selector:
#integration-request
Show HTML
<input id="integration-request" type="text" maxlength="60" autocomplete="off" aria-describedby="integration-request-status" class="font-sf-pro flex-1 rounded-md border border-gray-500 bg-white px-4 py-2 text-base text-labrador-dark focus:outline-none...
Selector:
#main-content > section:nth-child(5) > div > form > div > button
Show HTML
<button type="submit" aria-disabled="false" class="btn-press btn-press-paper font-neue-haas-unica px-5 py-2 rounded-md text-sm font-semibold whitespace-nowrap">Request it</button>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > div > button
Show HTML
<button type="button" aria-haspopup="dialog" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center gap-2 rounded-lg font-semibold self-start px-7 py-3 text-base"><svg xmlns="http://www.w3.org/2...</button>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(1) > button
Show HTML
<button type="button" aria-haspopup="dialog" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-labrad...
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form > button
Show HTML
<button type="submit" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center px-4 py-1.5 rounded-lg text-sm font-semibold">Cancel</button>
Selector:
#root > div:nth-child(3) > div > button
Show HTML
<button class="absolute top-4 right-4 p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors" aria-label="Dismiss for no...
Selector:
#root > div:nth-child(3) > div > div > div > button:nth-child(1)
Show HTML
<button class="btn-press btn-press-paper [--press-edge:var(--labrador-gold-deep)] font-neue-haas-unica px-4 py-1.5 rounded-md text-sm font-semibold">Allow optional cookies</button>
Selector:
#root > div:nth-child(3) > div > div > div > button:nth-child(2)
Show HTML
<button class="btn-press btn-press-paper dark:[--press-edge:hsl(226,70%,58%)] font-neue-haas-unica px-4 py-1.5 rounded-md text-sm font-semibold">Essential cookies only</button>
Selector:
#root > div:nth-child(3) > div > div > div > button:nth-child(3)
Show HTML
<button class="text-sm text-muted-foreground hover:text-foreground underline underline-offset-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded transition-colors">Choose cookies</button>
WCAG 3.3.1
Criterion documentation 3.3.1
Selector:
#main-content > section:nth-child(5) > div > form
Show HTML
<form novalidate=""><label for="integration-request...</form>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Show HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 3.3.2
Criterion documentation 3.3.2
Selector:
#main-content > section:nth-child(5) > div > form
Show HTML
<form novalidate=""><label for="integration-request...</form>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Show HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 3.3.3
Criterion documentation 3.3.3
Selector:
#main-content > section:nth-child(5) > div > form
Show HTML
<form novalidate=""><label for="integration-request...</form>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Show HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 3.3.4
Criterion documentation 3.3.4
Selector:
#main-content > section:nth-child(5) > div > form
Show HTML
<form novalidate=""><label for="integration-request...</form>
Selector:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Show HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 1.3.5
Criterion documentation 1.3.5
Selector:
#integration-request
Show HTML
<input id="integration-request" type="text" maxlength="60" autocomplete="off" aria-describedby="integration-request-status" class="font-sf-pro flex-1 rounded-md border border-gray-500 bg-white px-4 py-2 text-base text-labrador-dark focus:outline-none...