Labrador (2026-06-15)

ICS 35.5
Accessibility 45
Performance 26

Score Calculation

100 − 55 = 45
Severity Unique types Weights Deduction
Critical 1 30 −30
Serious 2 15 + 10 −25
Total deduction −55

Score is based on 3 unique critical and serious issue types. Same issue appearing multiple times counts as one. 39 unique moderate/minor issues are tracked but do not affect the score. Learn more about methodology

Change from previous measurement

Scoring methodology changed between these measurements. Issue count comparison may not be fully comparable. View changelog
0 Critical 1 → 1
+1 Serious 157 → 158
-3 Total 362 → 359
Page Critical Serious Total
testwithlabrador.com 0 +1 -3

Template structural health

No structural issues found (reflow, target size).

Tested Pages

https://testwithlabrador.com

Technique description (EN)

Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div > div > div > wistia-player
Show HTML
<wistia-player media-id="ik4b1wn7a9" aspect="1.7777777777777777" unique-id="wistia-ik4b1wn7a9-16" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></wistia-player>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(1) > a
Show HTML
<a aria-current="page" href="/" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-labrador-blue font-semibold ...
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(2) > a
Show HTML
<a href="/pricing" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-gray-700">Pricing</a>
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(3) > a
Show HTML
<a href="/blog" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-gray-700">Blog</a>
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(4) > a
Show HTML
<a href="/login" class="btn-modern font-neue-haas-unica text-white px-6 py-2 rounded-lg text-[18px]">Sign In</a>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Show HTML
<span>Labrador</span>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(3)
Show HTML
<span>Guided Accessibility Testing</span>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(2)
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 and spee...</p>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(1)
Show HTML
<a href="/signup" class="btn-modern outline outline-1 outline-gray-200 font-neue-haas-unica text-white px-8 py-3 rounded-xl text-base font-semibold shadow-glow text-center">Start Free</a>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(2)
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="glass-card outline outline-1 outline-gray-200 font-neue-haas-unica text-white px-8 py-3 rounded-xl text-base font-semibold hover:bg-whit...
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(4)
Show HTML
<p class="font-sf-pro mt-10 text-lg text-white enhanced-text">Designed for consultants by con...</p>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(5)
Show HTML
<p class="font-sf-pro mt-2 text-sm text-white/70">Free plan available — no credit...</p>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(2) > div > div > div > wistia-player
Show HTML
<wistia-player media-id="ik4b1wn7a9" aspect="1.7777777777777777" unique-id="wistia-ik4b1wn7a9-16" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></wistia-player>
Selector: #features > div > div:nth-child(1) > div:nth-child(1) > p
Show HTML
<p class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide m-0">Accessibility Testing</p>
Selector: #features > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Simplify your accessibility aud...</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 and AI-assisted ...</p>
Selector: #features > div > div:nth-child(1) > p > span
Show HTML
<span class="text-labrador-blue font-semibold"> From discovery to delivery</span>
Selector: #features > div > div:nth-child(2) > div:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">WCAG Compliance Testing</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(1) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Comprehensive testing against W...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(2) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Project Organization</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Keep all your audits in one pla...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(3) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Page/Component-Level Testing</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Test each page or component ind...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(4) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">AI-Assisted Remediation Guidanc...</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(4) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Generate contextual remediation...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(5) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Progress Tracking</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(5) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Watch your completion percentag...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(6) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Professional Export</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(6) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Export to HTML, DOCX, or CSV. O...</p>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">AI-Assisted Remediation</span>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-purple-600 bg-clip-text text-transparent">Turn findings into developer-re...</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) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > 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) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > 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) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > 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) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > 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) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > 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) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > p
Show HTML
<p class="font-sf-pro text-gray-600">Edit the AI-generated text befo...</p>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(5) > a:nth-child(1)
Show HTML
<a href="https://chromewebstore.google.com/detail/labrador-ai-accessibility/lndpalafhngglhpdjejhelccebmngoho" target="_blank" rel="noopener noreferrer" class="btn-modern font-neue-haas-unica text-white px-6 py-3 rounded-xl text-base font-semibold sha...
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > p
Show HTML
<p class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">Remediation Help</p>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mt-1">Missing button name</h3>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > span
Show HTML
<span class="inline-flex items-center px-3 py-1 rounded-full bg-purple-100 text-purple-700 text-xs font-semibold">AI Generated</span>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(1)
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-gray-700">Original HTML</span>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(2)
Show HTML
<span class="text-xs text-gray-500 font-sf-pro">Captured</span>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > pre
Show HTML
<pre class="text-xs text-gray-700 whitespace-pre-wrap font-mono bg-white border border-gray-200 rounded-lg p-3 overflow-hidden">&lt;button class="icon-button"&...</pre>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > 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>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > 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:nth-child(2) > div:nth-child(2) > div:nth-child(2) > p > code
Show HTML
<code class="mx-1 rounded bg-white px-1.5 py-0.5 text-labrador-blue">aria-label="Search"</code>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > p
Show HTML
<p class="font-sf-pro text-xs text-amber-800">AI can make mistakes. Review re...</p>
Selector: #process > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">Workflow Process</span>
Selector: #process > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">A Structured 4-Step Workflow</span>
Selector: #process > 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">Labrador gives your manual acce...</p>
Selector: #process > div > div:nth-child(1) > p > span
Show HTML
<span class="text-labrador-blue font-semibold">repeatable structure</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="text-2xl font-bold text-white">1</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(1) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Create a Project</h3>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Start by creating a project for...</p>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > span
Show HTML
<span class="text-2xl font-bold text-white">2</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(2) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Add Pages/Components to Test</h3>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(2) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Add the specific pages/componen...</p>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) > span
Show HTML
<span class="text-2xl font-bold text-white">3</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(3) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Conduct Testing</h3>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(3) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Work through each success crite...</p>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(4) > div > span
Show HTML
<span class="text-2xl font-bold text-white">4</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(4) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Export Results</h3>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(4) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Generate professional reports w...</p>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Work together, deliver faster</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > h4
Show HTML
<h4 class="font-neue-haas-unica font-bold text-labrador-dark">Team Members</h4>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="inline-flex items-center bg-gradient-to-r from-labrador-blue to-blue-600 text-white px-4 py-2 rounded-lg text-sm font-semibold" aria-hidden="true"><i class="fas fa-plus mr-2"></i...</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(1)
Show HTML
<div class="w-10 h-10 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-full flex items-center justify-center text-white font-bold">JD</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="font-neue-haas-unica font-semibold text-sm text-labrador-dark">Jane Doe</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > 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(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > span
Show HTML
<span class="text-xs bg-green-100 text-green-700 px-3 py-1 rounded-full font-semibold">Active</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > 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-gradient-to-br from-indigo-500 to-purple-600 rounded-full flex items-center justify-center text-white font-bold">MS</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="font-neue-haas-unica font-semibold text-sm text-labrador-dark">Mike Smith</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="font-sf-pro text-xs text-gray-500">Editor</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > span
Show HTML
<span class="text-xs bg-blue-100 text-blue-700 px-3 py-1 rounded-full font-semibold">Testing</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(1)
Show HTML
<div class="w-10 h-10 bg-gradient-to-br from-cyan-500 to-blue-500 rounded-full flex items-center justify-center text-white font-bold">AL</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="font-neue-haas-unica font-semibold text-sm text-labrador-dark">Alex Lee</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="font-sf-pro text-xs text-gray-500">View Only</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > span
Show HTML
<span class="text-xs bg-gray-200 text-gray-700 px-3 py-1 rounded-full font-semibold">Viewer</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica font-bold text-sm text-labrador-dark">Recent Comments</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > span:nth-child(1)
Show HTML
<span class="font-semibold text-labrador-blue">Mike:</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > span:nth-child(2)
Show HTML
<span class="text-gray-600 font-sf-pro"> "Color contrast needs attentio...</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > span:nth-child(1)
Show HTML
<span class="font-semibold text-indigo-600">Jane:</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > span:nth-child(2)
Show HTML
<span class="text-gray-600 font-sf-pro"> "I'll handle the keyboard navi...</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > h4
Show HTML
<h4 class="font-neue-haas-unica font-bold text-labrador-dark">Issue Documentation</h4>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > div > span
Show HTML
<span class="text-xs text-gray-500 font-sf-pro">Auto-saved</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > p
Show HTML
<p class="text-sm font-semibold text-gray-700 mb-2 block font-neue-haas-unica">Severity Level</p>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(1)
Show HTML
<span class="px-3 py-1 bg-gradient-to-r from-red-500 to-red-600 text-white text-xs rounded-full font-semibold">Critical</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(2)
Show HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">High</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(3)
Show HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Medium</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(4)
Show HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Low</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > p
Show HTML
<p class="text-sm font-semibold text-gray-700 mb-2 block font-neue-haas-unica">Remediation Status</p>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(1)
Show HTML
<span class="px-3 py-1 border-2 border-amber-600 text-amber-800 bg-amber-50 text-xs rounded-full font-semibold">In Progress</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(2)
Show HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Not Started</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(3)
Show HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Fixed</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(2)
Show HTML
<p class="text-sm font-semibold text-gray-700 font-neue-haas-unica mb-1">Upload Screenshots &amp; Videos</p>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(3)
Show HTML
<p class="text-xs text-gray-500 font-sf-pro">Up to 100MB per upload</p>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">Rich Documentation</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Document issues with 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:nth-child(4) > div:nth-child(1) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(1) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(2) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(2) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(3) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(3) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(4) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(4) > div:nth-child(2) > 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:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Export clear, interactive clien...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-2xl font-bold bg-gradient-to-r from-labrador-dark to-labrador-blue bg-clip-text text-transparent mb-4">HTML Export</h3>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > p
Show HTML
<p class="font-sf-pro text-gray-600 mb-6 leading-relaxed">Export clean, readable HTML rep...</p>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(1) > span
Show HTML
<span class="font-sf-pro text-gray-700">Clickable criterion links</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(2) > span
Show HTML
<span class="font-sf-pro text-gray-700">Embedded screenshots &amp; vide...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(3) > span
Show HTML
<span class="font-sf-pro text-gray-700">Interactive navigation</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(4) > span
Show HTML
<span class="font-sf-pro text-gray-700">Professional styling</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-2xl font-bold bg-gradient-to-r from-labrador-dark via-emerald-600 to-teal-600 bg-clip-text text-transparent mb-4">CSV &amp; JIRA Export</h3>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-gray-600 mb-6 leading-relaxed">Export your audit data as CSV o...</p>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(1) > span
Show HTML
<span class="font-sf-pro text-gray-700">Standard CSV for Excel &amp; Sh...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(2) > span
Show HTML
<span class="font-sf-pro text-gray-700">JIRA-ready CSV export format</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(3) > span
Show HTML
<span class="font-sf-pro text-gray-700">Optimized for ticketing systems</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(4) > span
Show HTML
<span class="font-sf-pro text-gray-700">Custom reporting workflows</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-2xl font-bold bg-gradient-to-r from-labrador-dark via-indigo-600 to-purple-600 bg-clip-text text-transparent mb-4">DOCX VPAT Export</h3>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-gray-600 mb-6 leading-relaxed">Export as .docx VPAT format for...</p>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(1) > span
Show HTML
<span class="font-sf-pro text-gray-700">WCAG 2.1 &amp; 2.2 compliance t...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(2) > span
Show HTML
<span class="font-sf-pro text-gray-700">Fully editable format</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(3) > span
Show HTML
<span class="font-sf-pro text-gray-700">Complete test documentation</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(4) > span
Show HTML
<span class="font-sf-pro text-gray-700">Client-ready formatting</span>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(1) > div > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">Enterprise Security</span>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Your data is secure with us</span>
Selector: #main-content > section:nth-child(8) > 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">We protect your audit data with...</p>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(3) > div > div > p:nth-child(1)
Show HTML
<p class="font-neue-haas-unica font-bold text-labrador-dark">Secure by Design</p>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(3) > div > div > p:nth-child(2)
Show HTML
<p class="font-sf-pro text-sm text-gray-600">Trusted by accessibility profes...</p>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-white uppercase tracking-wide">Get Started Today</span>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > 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">Ready to start your next<br><sp...</h2>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > h2 > span
Show HTML
<span class="bg-gradient-to-r from-cyan-300 via-blue-200 to-purple-300 bg-clip-text text-transparent">accessibility journey?</span>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl lg:text-2xl text-white/90 mb-10 max-w-3xl mx-auto leading-relaxed px-4">Join the community of accessibi...</p>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(1)
Show HTML
<a href="/signup" class="btn-modern font-neue-haas-unica text-white px-8 py-4 rounded-xl text-lg font-semibold shadow-2xl hover:shadow-white/20 backdrop-blur-sm bg-white/10 border border-white/20"><i class="fas fa-plus-circle mr...</a>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(2)
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-neue-haas-unica bg-transparent text-white px-8 py-4 rounded-xl text-lg font-semibold border-2 border-white/30 hover:bg-white/10 hov...
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-gray-300 mb-8 max-w-md text-lg leading-relaxed">Guided accessibility testing to...</p>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > p
Show HTML
<p class="font-neue-haas-unica text-white font-bold mb-6 text-lg">Product</p>
Selector: #root > div:nth-child(1) > 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(1) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > p
Show HTML
<p class="font-neue-haas-unica text-white font-bold mb-6 text-lg">Resources</p>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Show HTML
<a href="/user-manual" class="font-sf-pro text-gray-400 hover:text-white transition-colors">User Manual</a>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(5) > 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(1) > footer > div > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-gray-400 text-sm">© 2026 Labrador Accessibility I...</p>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(2) > div > div > span
Show HTML
<span class="font-sf-pro">WCAG 2.2 AA</span>
Selector: #cookie-banner-description
Show HTML
<p id="cookie-banner-description" class="text-sm text-muted-foreground mb-4 max-w-4xl font-neue-haas-unica">We use cookies to improve your ...</p>
Selector: #cookie-banner-description > a
Show HTML
<a href="/privacy-policy" class="text-primary hover:text-primary/80 underline focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded">Privacy Policy</a>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(4)
Show HTML
<p class="font-sf-pro mt-10 text-lg text-white enhanced-text">Designed for consultants by con...</p>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(2)
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-neue-haas-unica bg-transparent text-white px-8 py-4 rounded-xl text-lg font-semibold border-2 border-white/30 hover:bg-white/10 hov...

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Show HTML
<span>Labrador</span>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(3)
Show HTML
<span>Guided Accessibility Testing</span>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(2)
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 and spee...</p>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > 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">Ready to start your next<br><sp...</h2>

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.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(1) > a
Show HTML
<a aria-current="page" href="/" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-labrador-blue font-semibold ...
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(2) > a
Show HTML
<a href="/pricing" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-gray-700">Pricing</a>
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(3) > a
Show HTML
<a href="/blog" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-gray-700">Blog</a>
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(4) > a
Show HTML
<a href="/login" class="btn-modern font-neue-haas-unica text-white px-6 py-2 rounded-lg text-[18px]">Sign In</a>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(1)
Show HTML
<a href="/signup" class="btn-modern outline outline-1 outline-gray-200 font-neue-haas-unica text-white px-8 py-3 rounded-xl text-base font-semibold shadow-glow text-center">Start Free</a>
Selector: #features > div > div:nth-child(1) > div:nth-child(1) > p
Show HTML
<p class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide m-0">Accessibility Testing</p>
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 and AI-assisted ...</p>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">AI-Assisted Remediation</span>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(5) > a:nth-child(1)
Show HTML
<a href="https://chromewebstore.google.com/detail/labrador-ai-accessibility/lndpalafhngglhpdjejhelccebmngoho" target="_blank" rel="noopener noreferrer" class="btn-modern font-neue-haas-unica text-white px-6 py-3 rounded-xl text-base font-semibold sha...
Selector: #process > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">Workflow Process</span>
Selector: #process > 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">Labrador gives your manual acce...</p>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Start by creating a project for...</p>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(2) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Add the specific pages/componen...</p>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(3) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Work through each success crite...</p>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(4) > p
Show HTML
<p class="font-sf-pro text-gray-600 enhanced-text">Generate professional reports w...</p>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(1)
Show HTML
<span class="px-3 py-1 bg-gradient-to-r from-red-500 to-red-600 text-white text-xs rounded-full font-semibold">Critical</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(2)
Show HTML
<p class="text-sm font-semibold text-gray-700 font-neue-haas-unica mb-1">Upload Screenshots &amp; Videos</p>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(3)
Show HTML
<p class="text-xs text-gray-500 font-sf-pro">Up to 100MB per upload</p>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > 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:nth-child(2) > 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>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">Rich Documentation</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:nth-child(4) > div:nth-child(1) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(1) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(2) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(2) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(3) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(3) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(4) > div:nth-child(2) > 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:nth-child(4) > div:nth-child(4) > div:nth-child(2) > 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:nth-child(2) > div:nth-child(1) > div > p
Show HTML
<p class="font-sf-pro text-gray-600 mb-6 leading-relaxed">Export clean, readable HTML rep...</p>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(1) > span
Show HTML
<span class="font-sf-pro text-gray-700">Clickable criterion links</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(2) > span
Show HTML
<span class="font-sf-pro text-gray-700">Embedded screenshots &amp; vide...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(3) > span
Show HTML
<span class="font-sf-pro text-gray-700">Interactive navigation</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > ul > li:nth-child(4) > span
Show HTML
<span class="font-sf-pro text-gray-700">Professional styling</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-gray-600 mb-6 leading-relaxed">Export your audit data as CSV o...</p>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(1) > span
Show HTML
<span class="font-sf-pro text-gray-700">Standard CSV for Excel &amp; Sh...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(2) > span
Show HTML
<span class="font-sf-pro text-gray-700">JIRA-ready CSV export format</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(3) > span
Show HTML
<span class="font-sf-pro text-gray-700">Optimized for ticketing systems</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > ul > li:nth-child(4) > span
Show HTML
<span class="font-sf-pro text-gray-700">Custom reporting workflows</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-gray-600 mb-6 leading-relaxed">Export as .docx VPAT format for...</p>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(1) > span
Show HTML
<span class="font-sf-pro text-gray-700">WCAG 2.1 &amp; 2.2 compliance t...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(2) > span
Show HTML
<span class="font-sf-pro text-gray-700">Fully editable format</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(3) > span
Show HTML
<span class="font-sf-pro text-gray-700">Complete test documentation</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > ul > li:nth-child(4) > span
Show HTML
<span class="font-sf-pro text-gray-700">Client-ready formatting</span>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(1) > div > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-blue uppercase tracking-wide">Enterprise Security</span>
Selector: #main-content > section:nth-child(8) > 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">We protect your audit data with...</p>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(3) > div > div > p:nth-child(1)
Show HTML
<p class="font-neue-haas-unica font-bold text-labrador-dark">Secure by Design</p>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(3) > div > div > p:nth-child(2)
Show HTML
<p class="font-sf-pro text-sm text-gray-600">Trusted by accessibility profes...</p>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(1) > p
Show HTML
<p class="font-sf-pro text-gray-300 mb-8 max-w-md text-lg leading-relaxed">Guided accessibility testing to...</p>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > p
Show HTML
<p class="font-neue-haas-unica text-white font-bold mb-6 text-lg">Product</p>
Selector: #root > div:nth-child(1) > 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(1) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > p
Show HTML
<p class="font-neue-haas-unica text-white font-bold mb-6 text-lg">Resources</p>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Show HTML
<a href="/user-manual" class="font-sf-pro text-gray-400 hover:text-white transition-colors">User Manual</a>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(5) > 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(1) > footer > div > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-gray-400 text-sm">© 2026 Labrador Accessibility I...</p>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(2) > div > div > span
Show HTML
<span class="font-sf-pro">WCAG 2.2 AA</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="inline-flex items-center bg-gradient-to-r from-labrador-blue to-blue-600 text-white px-4 py-2 rounded-lg text-sm font-semibold" aria-hidden="true"><i class="fas fa-plus mr-2"></i...</span>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(1)
Show HTML
<div class="w-10 h-10 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-full flex items-center justify-center text-white font-bold">JD</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > 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-gradient-to-br from-indigo-500 to-purple-600 rounded-full flex items-center justify-center text-white font-bold">MS</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(1)
Show HTML
<div class="w-10 h-10 bg-gradient-to-br from-cyan-500 to-blue-500 rounded-full flex items-center justify-center text-white font-bold">AL</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="font-neue-haas-unica font-semibold text-sm text-labrador-dark">Jane Doe</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(2) > 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>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #mouseGradient
Show HTML
<div id="mouseGradient" class="absolute inset-0 opacity-10 transition-opacity duration-300 pointer-events-none" style="background: radial-gradient(800px, rgba(255, 255, 255, 0.04), transparent 50%);"></div>

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div
Show HTML
<div class="flex flex-col sm:flex-row gap-4"><a href="/signup" class="btn-mo...</div>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(5)
Show HTML
<div class="flex flex-col sm:flex-row gap-4"><a href="https://chromewebstore...</div>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(4)
Show HTML
<div class="flex flex-col sm:flex-row gap-4 justify-center items-center"><a href="/signup" class="btn-mo...</div>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(2)
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="glass-card outline outline-1 outline-gray-200 font-neue-haas-unica text-white px-8 py-3 rounded-xl text-base font-semibold hover:bg-whit...
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(5)
Show HTML
<p class="font-sf-pro mt-2 text-sm text-white/70">Free plan available — no credit...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(1) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Comprehensive testing against W...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Keep all your audits in one pla...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(3) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Test each page or component ind...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(4) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Generate contextual remediation...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(5) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Watch your completion percentag...</p>
Selector: #features > div > div:nth-child(2) > div:nth-child(6) > div > p
Show HTML
<p class="font-sf-pro text-sm md:text-base text-gray-600 enhanced-text mb-4">Export to HTML, DOCX, or CSV. O...</p>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > 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>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > 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: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(1) > span
Show HTML
<span class="font-neue-haas-unica text-sm font-semibold text-white uppercase tracking-wide">Get Started Today</span>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(1)
Show HTML
<a href="/signup" class="btn-modern font-neue-haas-unica text-white px-8 py-4 rounded-xl text-lg font-semibold shadow-2xl hover:shadow-white/20 backdrop-blur-sm bg-white/10 border border-white/20"><i class="fas fa-plus-circle mr...</a>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #features > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Simplify your accessibility aud...</span>
Selector: #features > div > div:nth-child(1) > p > span
Show HTML
<span class="text-labrador-blue font-semibold"> From discovery to delivery</span>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-purple-600 bg-clip-text text-transparent">Turn findings into developer-re...</span>
Selector: #process > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">A Structured 4-Step Workflow</span>
Selector: #process > div > div:nth-child(1) > p > span
Show HTML
<span class="text-labrador-blue font-semibold">repeatable structure</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="text-2xl font-bold text-white">1</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(1) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Create a Project</h3>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > span
Show HTML
<span class="text-2xl font-bold text-white">2</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(2) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Add Pages/Components to Test</h3>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) > span
Show HTML
<span class="text-2xl font-bold text-white">3</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(3) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Conduct Testing</h3>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(4) > div > span
Show HTML
<span class="text-2xl font-bold text-white">4</span>
Selector: #process > div > div:nth-child(2) > div > div:nth-child(4) > h3
Show HTML
<h3 class="font-neue-haas-unica text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Export Results</h3>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Work together, deliver faster</span>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Document issues with precision</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Export clear, interactive clien...</span>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-2xl font-bold bg-gradient-to-r from-labrador-dark to-labrador-blue bg-clip-text text-transparent mb-4">HTML Export</h3>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-2xl font-bold bg-gradient-to-r from-labrador-dark via-emerald-600 to-teal-600 bg-clip-text text-transparent mb-4">CSV &amp; JIRA Export</h3>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-2xl font-bold bg-gradient-to-r from-labrador-dark via-indigo-600 to-purple-600 bg-clip-text text-transparent mb-4">DOCX VPAT Export</h3>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(1) > h2 > span
Show HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Your data is secure with us</span>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > h2 > span
Show HTML
<span class="bg-gradient-to-r from-cyan-300 via-blue-200 to-purple-300 bg-clip-text text-transparent">accessibility journey?</span>

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: #features > div > div:nth-child(2) > div:nth-child(1) > div > div > div
Show HTML
<div class="inline-flex items-center justify-center w-12 h-12 md:w-16 md:h-16 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg shadow-lg"><i class="fas fa-clipboard-chec...</div>
Selector: #features > div > div:nth-child(2) > div:nth-child(2) > div > div > div > div
Show HTML
<div class="inline-flex items-center justify-center w-12 h-12 md:w-16 md:h-16 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg mb-4 shadow-lg"><i class="fas fa-sitemap text-w...</div>
Selector: #features > div > div:nth-child(2) > div:nth-child(3) > div > div > div > div
Show HTML
<div class="inline-flex items-center justify-center w-12 h-12 md:w-16 md:h-16 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg mb-4 shadow-lg"><i class="fas fa-file-alt text-...</div>
Selector: #features > div > div:nth-child(2) > div:nth-child(4) > div > div > div > div
Show HTML
<div class="inline-flex items-center justify-center w-12 h-12 md:w-16 md:h-16 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg mb-4 shadow-lg"><i class="fas fa-lightbulb text...</div>
Selector: #features > div > div:nth-child(2) > div:nth-child(5) > div > div > div > div
Show HTML
<div class="inline-flex items-center justify-center w-12 h-12 md:w-16 md:h-16 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg mb-4 shadow-lg"><i class="fas fa-chart-line tex...</div>
Selector: #features > div > div:nth-child(2) > div:nth-child(6) > div > div > div > div
Show HTML
<div class="inline-flex items-center justify-center w-12 h-12 md:w-16 md:h-16 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg mb-4 shadow-lg"><i class="fas fa-file-export te...</div>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-mouse-pointer ...</div>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-purple-600 to-indigo-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-magic text-whi...</div>
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(3) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-cyan-500 to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-edit text-whit...</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-user-friends t...</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-shield-alt tex...</div>
Selector: #main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(3) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-comments text-...</div>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="rounded-lg w-full h-20 bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center"><i class="fas fa-video text-whi...</div>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3)
Show HTML
<div class="rounded-lg w-full h-20 border-2 border-dashed border-gray-300 flex items-center justify-center bg-gray-50 hover:bg-gray-100 transition-colors cursor-pointer"><i class="fas fa-plus text-gray...</div>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-images text-wh...</div>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-exclamation-tr...</div>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-tasks text-whi...</div>
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1)
Show HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-blue-600 rounded-lg flex items-center justify-center shadow-md"><i class="fas fa-folder-open te...</div>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div > div
Show HTML
<div class="w-16 h-16 bg-gradient-to-br from-labrador-blue via-blue-600 to-cyan-500 rounded-xl flex items-center justify-center mb-6 shadow-lg"><i class="fas fa-code text-whit...</div>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > div
Show HTML
<div class="w-16 h-16 bg-gradient-to-br from-emerald-600 via-green-600 to-teal-500 rounded-xl flex items-center justify-center mb-6 shadow-lg"><i class="fas fa-file-csv text-...</div>
Selector: #main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div > div
Show HTML
<div class="w-16 h-16 bg-gradient-to-br from-indigo-600 via-purple-600 to-blue-600 rounded-xl flex items-center justify-center mb-6 shadow-lg"><i class="fas fa-file-word text...</div>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(1) > div
Show HTML
<div class="w-12 h-12 md:w-14 md:h-14 bg-gradient-to-br from-green-500 to-emerald-600 rounded-lg flex items-center justify-center mb-4 shadow-md"><i class="fas fa-shield-alt tex...</div>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(2) > div
Show HTML
<div class="w-12 h-12 md:w-14 md:h-14 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-lg flex items-center justify-center mb-4 shadow-md"><i class="fas fa-database text-...</div>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(3) > div
Show HTML
<div class="w-12 h-12 md:w-14 md:h-14 bg-gradient-to-br from-purple-500 to-pink-600 rounded-lg flex items-center justify-center mb-4 shadow-md"><i class="fas fa-user-shield te...</div>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(4) > div
Show HTML
<div class="w-12 h-12 md:w-14 md:h-14 bg-gradient-to-br from-orange-500 to-red-600 rounded-lg flex items-center justify-center mb-4 shadow-md"><i class="fas fa-server text-wh...</div>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(5) > div
Show HTML
<div class="w-12 h-12 md:w-14 md:h-14 bg-gradient-to-br from-cyan-500 to-blue-600 rounded-lg flex items-center justify-center mb-4 shadow-md"><i class="fas fa-random text-wh...</div>
Selector: #main-content > section:nth-child(8) > div > div:nth-child(2) > div:nth-child(6) > div
Show HTML
<div class="w-12 h-12 md:w-14 md:h-14 bg-gradient-to-br from-slate-600 to-gray-700 rounded-lg flex items-center justify-center mb-4 shadow-md"><i class="fas fa-layer-group te...</div>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #features > div > div:nth-child(2) > div:nth-child(1) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">WCAG Compliance Testing</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(2) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Project Organization</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(3) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Page/Component-Level Testing</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(4) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">AI-Assisted Remediation Guidanc...</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(5) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Progress Tracking</h3>
Selector: #features > div > div:nth-child(2) > div:nth-child(6) > div > h3
Show HTML
<h3 class="font-neue-haas-unica text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Professional Export</h3>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > p
Show HTML
<p class="font-sf-pro text-lg md:text-xl lg:text-2xl text-white/90 mb-10 max-w-3xl mx-auto leading-relaxed px-4">Join the community of accessibi...</p>

WCAG 1.4.10
Criterion documentation 1.4.10

Technique description (EN)

Selector: #root > div:nth-child(2)
Show HTML
<div role="dialog" aria-labelledby="cookie-banner-title" aria-describedby="cookie-banner-description" aria-modal="true" class="fixed bottom-0 left-0 right-0 z-50 bg-card border-t border-border shadow-xl"><div class="max-w-7xl mx-auto p...</div>
Selector: html > body > div:nth-child(10)
Show HTML
<div class="intercom-lightweight-app"><style id="intercom-lightweight...</div>
Selector: html > body > div:nth-child(10) > div
Show HTML
<div class="intercom-lightweight-app-launcher intercom-launcher" role="button" tabindex="0" aria-label="Open Intercom Messenger" aria-live="polite"><div class="intercom-lightweigh...</div>

WCAG 2.4.2
Criterion documentation 2.4.2

Technique description (EN)

Selector: html > head > title
Show HTML
<title>Labrador - Guided Accessibility...</title>

WCAG 2.4.4
Criterion documentation 2.4.4

Technique description (EN)

Selector: #root > div:nth-child(1) > header > a
Show HTML
<a href="#main-content" class="absolute -top-16 left-4 focus:top-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 focus-visible:outline-white">...
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(1) > a
Show HTML
<a aria-current="page" href="/" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-labrador-blue font-semibold ...
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(2) > a
Show HTML
<a href="/pricing" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-gray-700">Pricing</a>
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(3) > a
Show HTML
<a href="/blog" class="font-neue-haas-unica relative hover:bg-gradient-to-r hover:from-labrador-blue hover:to-blue-600 hover:bg-clip-text hover:text-transparent transition-all duration-300 text-[18px] text-gray-700">Blog</a>
Selector: #root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(4) > a
Show HTML
<a href="/login" class="btn-modern font-neue-haas-unica text-white px-6 py-2 rounded-lg text-[18px]">Sign In</a>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(1)
Show HTML
<a href="/signup" class="btn-modern outline outline-1 outline-gray-200 font-neue-haas-unica text-white px-8 py-3 rounded-xl text-base font-semibold shadow-glow text-center">Start Free</a>
Selector: #main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(2)
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="glass-card outline outline-1 outline-gray-200 font-neue-haas-unica text-white px-8 py-3 rounded-xl text-base font-semibold hover:bg-whit...
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(5) > a:nth-child(1)
Show HTML
<a href="https://chromewebstore.google.com/detail/labrador-ai-accessibility/lndpalafhngglhpdjejhelccebmngoho" target="_blank" rel="noopener noreferrer" class="btn-modern font-neue-haas-unica text-white px-6 py-3 rounded-xl text-base font-semibold sha...
Selector: #ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(5) > a:nth-child(2)
Show HTML
<a href="/signup" class="font-neue-haas-unica bg-white text-labrador-blue px-6 py-3 rounded-xl text-base font-semibold border-2 border-labrador-blue/20 hover:border-labrador-blue/40 hover:bg-blue-50 transition-all duration-300 text-center">Start Free...
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(1)
Show HTML
<a href="/signup" class="btn-modern font-neue-haas-unica text-white px-8 py-4 rounded-xl text-lg font-semibold shadow-2xl hover:shadow-white/20 backdrop-blur-sm bg-white/10 border border-white/20"><i class="fas fa-plus-circle mr...</a>
Selector: #main-content > section:nth-child(9) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(2)
Show HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-neue-haas-unica bg-transparent text-white px-8 py-4 rounded-xl text-lg font-semibold border-2 border-white/30 hover:bg-white/10 hov...
Selector: #root > div:nth-child(1) > 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(1) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Show HTML
<a href="/user-manual" class="font-sf-pro text-gray-400 hover:text-white transition-colors">User Manual</a>
Selector: #root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > 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(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(5) > 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: #cookie-banner-description > a
Show HTML
<a href="/privacy-policy" class="text-primary hover:text-primary/80 underline 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

Technique description (EN)

Selector: #root > div:nth-child(1) > 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

Technique description (EN)

Selector: #root > div:nth-child(1) > header > div > div > div > a > img
Show HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > img
Show HTML
<img src="./sample_screenshot.jpeg" alt="Screenshot" class="rounded-lg w-full h-20 object-cover">
Selector: #root > div:nth-child(1) > 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

Technique description (EN)

Selector: #root > div:nth-child(1) > header > div > div > div > a > img
Show HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
Selector: #main-content > section:nth-child(6) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > img
Show HTML
<img src="./sample_screenshot.jpeg" alt="Screenshot" class="rounded-lg w-full h-20 object-cover">
Selector: #root > div:nth-child(1) > 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

Technique description (EN)

Selector: #root > div:nth-child(1) > header > div > div > button
Show HTML
<button class="md:hidden text-gray-700 px-3 py-2 hover:bg-gray-100 rounded-lg transition-colors font-medium text-[16px]" aria-label="Open menu" aria-expanded="false">Menu</button>
Selector: #root > div:nth-child(2) > div > button
Show HTML
<button class="absolute top-4 right-4 p-2 rounded-md 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="Close cookie b...
Selector: #root > div:nth-child(2) > div > div > div > button:nth-child(1)
Show HTML
<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disable...
Selector: #root > div:nth-child(2) > div > div > div > button:nth-child(2)
Show HTML
<button class="text-sm text-muted-foreground hover:text-foreground underline focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded transition-colors" aria-label="Reject all non-essential cookies">Reject A...
Selector: #root > div:nth-child(2) > div > div > div > button:nth-child(3)
Show HTML
<button class="text-sm text-muted-foreground hover:text-foreground underline focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded transition-colors" aria-label="Customize cookie preferences">Customize</b...