První měření
ICS
35
Přístupnost
45
Výkon
25
Výpočet skóre
100
−
55
=
45
| Závažnost | Unikátní typy | Váhy | Odečet |
|---|---|---|---|
| Kritické | 1 | 30 | −30 |
| Závažné | 2 | 15 + 10 | −25 |
| Celkový odečet | −55 | ||
Skóre je založeno na 3 unikátních typech kritických a závažných problémů. Stejný problém, který se opakuje vícekrát, se počítá pouze jednou. 39 unikátních středních/drobných problémů je sledováno, ale neovlivňuje skóre. Více o metodice měření
Testované stránky
https://testwithlabrador.com
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/" class="font-helvetica-now 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">Home</a>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/pricing" class="font-helvetica-now 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>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/login" class="btn-modern font-helvetica-now text-white px-6 py-2 rounded-lg text-[18px]">Sign In</a>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Zobrazit HTML
<span>Labrador</span>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(3)
Zobrazit HTML
<span>Guided Accessibility Testing</span>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(2)
Zobrazit HTML
<p class="font-atkinson text-xl lg:text-2xl mb-10 text-white enhanced-text leading-relaxed max-w-md">Ditch the spreadsheets and spee...</p>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(1)
Zobrazit HTML
<a href="/signup" class="btn-modern outline outline-1 outline-gray-200 font-inter text-white px-8 py-3 rounded-xl text-base font-semibold shadow-glow text-center">Join Now</a>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(2)
Zobrazit 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-inter text-white px-8 py-3 rounded-xl text-base font-semibold hover:bg-white/20 trans...
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(4)
Zobrazit HTML
<p class="font-atkinson mt-10 text-lg text-white enhanced-text">Designed for consultants by con...</p>
Selektor:
#features > div > div:nth-child(1) > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-labrador-blue uppercase tracking-wide">Accessibility Excellence</span>
Selektor:
#features > div > div:nth-child(1) > h2 > span
Zobrazit 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>
Selektor:
#features > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Transform your workflow with in...</p>
Selektor:
#features > div > div:nth-child(1) > p > span
Zobrazit HTML
<span class="text-labrador-blue font-semibold"> From discovery to delivery</span>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">WCAG Compliance Testing</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Comprehensive testing against W...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Smart Project Organization</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Keep all your audits in one pla...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Page-Level Testing</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Test each page individually wit...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Rich Documentation</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Document issues with severity l...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Real-time Progress Tracking</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Watch your completion percentag...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(6) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Professional Export</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(6) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Export to HTML, DOCX, or CSV. O...</p>
Selektor:
#process > div > div:nth-child(1) > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-labrador-blue uppercase tracking-wide">Workflow Process</span>
Selektor:
#process > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Simple 4-Step Process</span>
Selektor:
#process > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Get started with professional a...</p>
Selektor:
#process > div > div:nth-child(1) > p > span
Zobrazit HTML
<span class="text-labrador-blue font-semibold">streamlined workflow</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">1</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Create a Project</h3>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Start by creating a project for...</p>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">2</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Add Pages to Test</h3>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Add the specific pages you want...</p>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">3</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(3) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Conduct Testing</h3>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(3) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Work through each success crite...</p>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(4) > div > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">4</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(4) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Export Results</h3>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(4) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Generate professional reports w...</p>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(1) > h2 > span
Zobrazit 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>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > h4
Zobrazit HTML
<h4 class="font-inter font-bold text-labrador-dark">Team Members</h4>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > button
Zobrazit HTML
<button class="bg-gradient-to-r from-labrador-blue to-blue-600 text-white px-4 py-2 rounded-lg text-sm font-semibold hover:shadow-lg transition-all"><i class="fas fa-plus mr-2"></i...</button>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-inter font-semibold text-sm text-labrador-dark">Jane Doe</div>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-atkinson text-xs text-gray-500">Admin</div>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > span
Zobrazit HTML
<span class="text-xs bg-green-100 text-green-700 px-3 py-1 rounded-full font-semibold">Active</span>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-inter font-semibold text-sm text-labrador-dark">Mike Smith</div>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-atkinson text-xs text-gray-500">Editor</div>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > span
Zobrazit HTML
<span class="text-xs bg-blue-100 text-blue-700 px-3 py-1 rounded-full font-semibold">Testing</span>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-inter font-semibold text-sm text-labrador-dark">Alex Lee</div>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-atkinson text-xs text-gray-500">View Only</div>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > span
Zobrazit HTML
<span class="text-xs bg-gray-200 text-gray-700 px-3 py-1 rounded-full font-semibold">Viewer</span>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter font-bold text-sm text-labrador-dark">Recent Comments</span>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<span class="font-semibold text-labrador-blue">Mike:</span>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<span class="text-gray-600 font-atkinson"> "Color contrast needs attentio...</span>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<span class="font-semibold text-indigo-600">Jane:</span>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<span class="text-gray-600 font-atkinson"> "I'll handle the keyboard navi...</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > h4
Zobrazit HTML
<h4 class="font-inter font-bold text-labrador-dark">Issue Documentation</h4>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > div > span
Zobrazit HTML
<span class="text-xs text-gray-500 font-atkinson">Auto-saved</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > label
Zobrazit HTML
<label class="text-sm font-semibold text-gray-700 mb-2 block font-inter">Severity Level</label>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(1)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(2)
Zobrazit HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">High</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(3)
Zobrazit HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Medium</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(4)
Zobrazit HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Low</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > label
Zobrazit HTML
<label class="text-sm font-semibold text-gray-700 mb-2 block font-inter">Remediation Status</label>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(1)
Zobrazit HTML
<span class="px-3 py-1 bg-gradient-to-r from-yellow-500 to-orange-500 text-white text-xs rounded-full font-semibold">In Progress</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(2)
Zobrazit HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Not Started</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(3)
Zobrazit HTML
<span class="px-3 py-1 bg-gray-200 text-gray-600 text-xs rounded-full font-semibold">Fixed</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(2)
Zobrazit HTML
<p class="text-sm font-semibold text-gray-700 font-inter mb-1">Upload Screenshots & Videos</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(3)
Zobrazit HTML
<p class="text-xs text-gray-500 font-atkinson">Up to 100MB per upload</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-indigo-600 uppercase tracking-wide">Rich Documentation</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-indigo-600 to-purple-600 bg-clip-text text-transparent">Document issues with precision</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-lg md:text-xl text-gray-600 mb-8 enhanced-text leading-relaxed">Capture comprehensive evidence ...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Multiple Media Uploads</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Upload multiple screenshots and...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Severity Level Tracking</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Mark severity levels for failed...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Remediation Status</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Track remediation status for ea...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(4) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Centralized Audit Management</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(4) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Keep all your audits in one pla...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(1) > div > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-green-800 uppercase tracking-wide">Professional Export</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-green-800 to-labrador-blue bg-clip-text text-transparent">Export beautiful, client-ready ...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-2xl font-bold bg-gradient-to-r from-labrador-dark to-labrador-blue bg-clip-text text-transparent mb-4">HTML Export</h3>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 mb-6 leading-relaxed">Export as beautiful HTML report...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Clickable criterion links</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Embedded screenshots & vide...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Interactive navigation</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(4) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Professional styling</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter 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 & JIRA Export</h3>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 mb-6 leading-relaxed">Export your audit data as CSV o...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(1) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Standard CSV for Excel & Sh...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(2) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">JIRA-ready CSV export format</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(3) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Optimized for ticketing systems</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(4) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Custom reporting workflows</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter 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>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 mb-6 leading-relaxed">Export as .docx VPAT format for...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(1) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">WCAG 2.1 & 2.2 compliance t...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(2) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Fully editable format</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(3) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Complete test documentation</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(4) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Client-ready formatting</span>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(1) > div > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-slate-700 uppercase tracking-wide">Robust Security</span>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-slate-700 to-gray-800 bg-clip-text text-transparent">Your data is secure with us</span>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson 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>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(3) > div > div > p:nth-child(1)
Zobrazit HTML
<p class="font-inter font-bold text-labrador-dark">Secure by Design</p>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(3) > div > div > p:nth-child(2)
Zobrazit HTML
<p class="font-atkinson text-sm text-gray-600">Trusted by accessibility profes...</p>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-white uppercase tracking-wide">Get Started Today</span>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > h2
Zobrazit HTML
<h2 class="font-inter 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>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-cyan-300 via-blue-200 to-purple-300 bg-clip-text text-transparent">accessibility journey?</span>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > p
Zobrazit HTML
<p class="font-atkinson 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>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(1)
Zobrazit HTML
<a href="/signup" class="btn-modern font-inter 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>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(2)
Zobrazit HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-inter bg-transparent text-white px-8 py-4 rounded-xl text-lg font-semibold border-2 border-white/30 hover:bg-white/10 hover:border-...
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-gray-300 mb-8 max-w-md text-lg leading-relaxed">Guided accessibility testing to...</p>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-white font-bold mb-6 text-lg">Product</h3>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/pricing" class="font-atkinson text-gray-400 hover:text-white transition-colors">Pricing</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/projects" class="font-atkinson text-gray-400 hover:text-white transition-colors">Projects</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > h3
Zobrazit HTML
<h3 class="font-inter text-white font-bold mb-6 text-lg">Resources</h3>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/support" class="font-atkinson text-gray-400 hover:text-white transition-colors">Support</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/accessibility" class="font-atkinson text-gray-400 hover:text-white transition-colors">Accessibility</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/privacy-policy" class="font-atkinson text-gray-400 hover:text-white transition-colors">Privacy Policy</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/terms-of-service" class="font-atkinson text-gray-400 hover:text-white transition-colors">Terms of Service</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(2) > div > p
Zobrazit HTML
<p class="font-atkinson text-gray-400 text-sm">© 2026 Labrador Accessibility I...</p>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(2) > div > div > span
Zobrazit HTML
<span class="font-atkinson">WCAG 2.2 AA</span>
Selektor:
#cookie-banner-description > p:nth-child(1)
Zobrazit HTML
<p class="mb-2">We use cookies to enhance your ...</p>
Selektor:
#cookie-banner-description > p:nth-child(2)
Zobrazit HTML
<p>You can customize your preferen...</p>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(4)
Zobrazit HTML
<p class="font-atkinson mt-10 text-lg text-white enhanced-text">Designed for consultants by con...</p>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(2)
Zobrazit HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-inter bg-transparent text-white px-8 py-4 rounded-xl text-lg font-semibold border-2 border-white/30 hover:bg-white/10 hover:border-...
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Zobrazit HTML
<span>Labrador</span>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > h1 > span:nth-child(3)
Zobrazit HTML
<span>Guided Accessibility Testing</span>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > p:nth-child(2)
Zobrazit HTML
<p class="font-atkinson text-xl lg:text-2xl mb-10 text-white enhanced-text leading-relaxed max-w-md">Ditch the spreadsheets and spee...</p>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > h2
Zobrazit HTML
<h2 class="font-inter 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>Problémy neovlivňující skóre
Toto často nejsou chyby, ale doporučení vyžadující ruční kontrolu. Mohou indikovat potenciální bariéry přístupnosti, které automatické testování nedokáže plně vyhodnotit.
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#root > div:nth-child(1) > header > a
Zobrazit HTML
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-blue-600 focus:text-white focus:rounded">Skip to main content</a>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/" class="font-helvetica-now 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">Home</a>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/pricing" class="font-helvetica-now 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>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/login" class="btn-modern font-helvetica-now text-white px-6 py-2 rounded-lg text-[18px]">Sign In</a>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(1)
Zobrazit HTML
<a href="/signup" class="btn-modern outline outline-1 outline-gray-200 font-inter text-white px-8 py-3 rounded-xl text-base font-semibold shadow-glow text-center">Join Now</a>
Selektor:
#features > div > div:nth-child(1) > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-labrador-blue uppercase tracking-wide">Accessibility Excellence</span>
Selektor:
#features > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Transform your workflow with in...</p>
Selektor:
#process > div > div:nth-child(1) > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-labrador-blue uppercase tracking-wide">Workflow Process</span>
Selektor:
#process > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Get started with professional a...</p>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Start by creating a project for...</p>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Add the specific pages you want...</p>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(3) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Work through each success crite...</p>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(4) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 enhanced-text">Generate professional reports w...</p>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > button
Zobrazit HTML
<button class="bg-gradient-to-r from-labrador-blue to-blue-600 text-white px-4 py-2 rounded-lg text-sm font-semibold hover:shadow-lg transition-all"><i class="fas fa-plus mr-2"></i...</button>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-inter font-semibold text-sm text-labrador-dark">Jane Doe</div>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit HTML
<div class="font-atkinson text-xs text-gray-500">Admin</div>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(4) > 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)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > span:nth-child(1)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span:nth-child(1)
Zobrazit HTML
<span class="px-3 py-1 bg-gradient-to-r from-yellow-500 to-orange-500 text-white text-xs rounded-full font-semibold">In Progress</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(2)
Zobrazit HTML
<p class="text-sm font-semibold text-gray-700 font-inter mb-1">Upload Screenshots & Videos</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > p:nth-child(3)
Zobrazit HTML
<p class="text-xs text-gray-500 font-atkinson">Up to 100MB per upload</p>
Selektor:
#main-content > section:nth-child(5) > 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
Zobrazit HTML
<span class="text-white text-xs font-semibold">screenshot1.png</span>
Selektor:
#main-content > section:nth-child(5) > 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
Zobrazit HTML
<span class="text-white text-xs font-semibold">demo.mp4</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-indigo-600 uppercase tracking-wide">Rich Documentation</span>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-lg md:text-xl text-gray-600 mb-8 enhanced-text leading-relaxed">Capture comprehensive evidence ...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Multiple Media Uploads</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Upload multiple screenshots and...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Severity Level Tracking</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Mark severity levels for failed...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Remediation Status</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Track remediation status for ea...</p>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(4) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg font-bold text-labrador-dark mb-2">Centralized Audit Management</h3>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(4) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600">Keep all your audits in one pla...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(1) > div > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-green-800 uppercase tracking-wide">Professional Export</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 mb-6 leading-relaxed">Export as beautiful HTML report...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Clickable criterion links</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Embedded screenshots & vide...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Interactive navigation</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(4) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Professional styling</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 mb-6 leading-relaxed">Export your audit data as CSV o...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(1) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Standard CSV for Excel & Sh...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(2) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">JIRA-ready CSV export format</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(3) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Optimized for ticketing systems</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(4) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Custom reporting workflows</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-gray-600 mb-6 leading-relaxed">Export as .docx VPAT format for...</p>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(1) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">WCAG 2.1 & 2.2 compliance t...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(2) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Fully editable format</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(3) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Complete test documentation</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(4) > span
Zobrazit HTML
<span class="font-atkinson text-gray-700">Client-ready formatting</span>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(1) > div > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-slate-700 uppercase tracking-wide">Robust Security</span>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson 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>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(3) > div > div > p:nth-child(1)
Zobrazit HTML
<p class="font-inter font-bold text-labrador-dark">Secure by Design</p>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(3) > div > div > p:nth-child(2)
Zobrazit HTML
<p class="font-atkinson text-sm text-gray-600">Trusted by accessibility profes...</p>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(1) > p
Zobrazit HTML
<p class="font-atkinson text-gray-300 mb-8 max-w-md text-lg leading-relaxed">Guided accessibility testing to...</p>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-white font-bold mb-6 text-lg">Product</h3>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/pricing" class="font-atkinson text-gray-400 hover:text-white transition-colors">Pricing</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/projects" class="font-atkinson text-gray-400 hover:text-white transition-colors">Projects</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > h3
Zobrazit HTML
<h3 class="font-inter text-white font-bold mb-6 text-lg">Resources</h3>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/support" class="font-atkinson text-gray-400 hover:text-white transition-colors">Support</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/accessibility" class="font-atkinson text-gray-400 hover:text-white transition-colors">Accessibility</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/privacy-policy" class="font-atkinson text-gray-400 hover:text-white transition-colors">Privacy Policy</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/terms-of-service" class="font-atkinson text-gray-400 hover:text-white transition-colors">Terms of Service</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(2) > div > p
Zobrazit HTML
<p class="font-atkinson text-gray-400 text-sm">© 2026 Labrador Accessibility I...</p>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(2) > div > div > span
Zobrazit HTML
<span class="font-atkinson">WCAG 2.2 AA</span>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#mouseGradient
Zobrazit 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
Dokumentace kritéria 1.3.1
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div
Zobrazit HTML
<div class="flex flex-col sm:flex-row gap-4"><a href="/signup" class="btn-mo...</div>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(4)
Zobrazit 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
Dokumentace kritéria 1.4.3
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(2)
Zobrazit 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-inter text-white px-8 py-3 rounded-xl text-base font-semibold hover:bg-white/20 trans...
Selektor:
#features > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Comprehensive testing against W...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Keep all your audits in one pla...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Test each page individually wit...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Document issues with severity l...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Watch your completion percentag...</p>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(6) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-atkinson text-sm md:text-base text-gray-600 enhanced-text mb-4">Export to HTML, DOCX, or CSV. O...</p>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(1) > span
Zobrazit HTML
<span class="font-inter text-sm font-semibold text-white uppercase tracking-wide">Get Started Today</span>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(1)
Zobrazit HTML
<a href="/signup" class="btn-modern font-inter 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
Dokumentace kritéria 1.4.3
Selektor:
#features > div > div:nth-child(1) > h2 > span
Zobrazit 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>
Selektor:
#features > div > div:nth-child(1) > p > span
Zobrazit HTML
<span class="text-labrador-blue font-semibold"> From discovery to delivery</span>
Selektor:
#process > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-labrador-blue to-indigo-600 bg-clip-text text-transparent">Simple 4-Step Process</span>
Selektor:
#process > div > div:nth-child(1) > p > span
Zobrazit HTML
<span class="text-labrador-blue font-semibold">streamlined workflow</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">1</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Create a Project</h3>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">2</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Add Pages to Test</h3>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(1) > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">3</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(3) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Conduct Testing</h3>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(4) > div > span
Zobrazit HTML
<span class="text-2xl font-bold text-white">4</span>
Selektor:
#process > div > div:nth-child(2) > div > div:nth-child(4) > h3
Zobrazit HTML
<h3 class="font-inter text-xl font-bold text-labrador-dark mb-4 enhanced-spacing">Export Results</h3>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(1) > h2 > span
Zobrazit 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>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-indigo-600 to-purple-600 bg-clip-text text-transparent">Document issues with precision</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-green-800 to-labrador-blue bg-clip-text text-transparent">Export beautiful, client-ready ...</span>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-2xl font-bold bg-gradient-to-r from-labrador-dark to-labrador-blue bg-clip-text text-transparent mb-4">HTML Export</h3>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter 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 & JIRA Export</h3>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter 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>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="bg-gradient-to-r from-labrador-dark via-slate-700 to-gray-800 bg-clip-text text-transparent">Your data is secure with us</span>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > h2 > span
Zobrazit 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
Dokumentace kritéria 1.3.1
Selektor:
#features > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-clipboard-chec...</div>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-sitemap text-w...</div>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > div > div > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-file-alt text-...</div>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div > div > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-book text-whit...</div>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div > div > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-chart-line tex...</div>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(6) > div:nth-child(2) > div > div > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-file-export te...</div>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1)
Zobrazit 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 group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-user-friends t...</div>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1)
Zobrazit HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-blue-600 to-indigo-600 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-shield-alt tex...</div>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(3) > div:nth-child(1)
Zobrazit HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-600 to-purple-600 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-comments text-...</div>
Selektor:
#main-content > section:nth-child(5) > 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)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3)
Zobrazit 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>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1)
Zobrazit HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-600 to-purple-600 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-images text-wh...</div>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1)
Zobrazit HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-red-500 to-orange-500 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-exclamation-tr...</div>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(3) > div:nth-child(1)
Zobrazit HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-yellow-500 to-green-500 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-tasks text-whi...</div>
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1)
Zobrazit HTML
<div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-labrador-blue to-cyan-500 rounded-lg flex items-center justify-center group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-folder-open te...</div>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-code text-whit...</div>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-file-csv text-...</div>
Selektor:
#main-content > section:nth-child(6) > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-lg"><i class="fas fa-file-word text...</div>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(1) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-shield-alt tex...</div>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-database text-...</div>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(3) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-user-shield te...</div>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(4) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-server text-wh...</div>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(5) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-random text-wh...</div>
Selektor:
#main-content > section:nth-child(7) > div > div:nth-child(2) > div:nth-child(6) > div
Zobrazit 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 group-hover:scale-110 transition-transform shadow-md"><i class="fas fa-layer-group te...</div>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#features > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">WCAG Compliance Testing</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Smart Project Organization</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Page-Level Testing</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Rich Documentation</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Real-time Progress Tracking</h3>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(6) > div:nth-child(2) > h3
Zobrazit HTML
<h3 class="font-inter text-lg md:text-xl font-bold text-labrador-dark mb-3 md:mb-4 enhanced-spacing">Professional Export</h3>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > p
Zobrazit HTML
<p class="font-atkinson 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
Dokumentace kritéria 1.4.10
Selektor:
#root > div:nth-child(2)
Zobrazit 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>
Selektor:
html > body > div:nth-child(7)
Zobrazit HTML
<div class="intercom-lightweight-app"><style id="intercom-lightweight...</div>
Selektor:
html > body > div:nth-child(7) > div
Zobrazit 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
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Labrador - Guided Accessibility...</title>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#root > div:nth-child(1) > header > a
Zobrazit HTML
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-blue-600 focus:text-white focus:rounded">Skip to main content</a>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/" class="font-helvetica-now 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">Home</a>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/pricing" class="font-helvetica-now 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>
Selektor:
#root > div:nth-child(1) > header > div > div > nav > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/login" class="btn-modern font-helvetica-now text-white px-6 py-2 rounded-lg text-[18px]">Sign In</a>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(1)
Zobrazit HTML
<a href="/signup" class="btn-modern outline outline-1 outline-gray-200 font-inter text-white px-8 py-3 rounded-xl text-base font-semibold shadow-glow text-center">Join Now</a>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(6) > div > div > div:nth-child(1) > div > a:nth-child(2)
Zobrazit 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-inter text-white px-8 py-3 rounded-xl text-base font-semibold hover:bg-white/20 trans...
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(1)
Zobrazit HTML
<a href="/signup" class="btn-modern font-inter 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>
Selektor:
#main-content > section:nth-child(8) > div:nth-child(2) > div > div:nth-child(4) > a:nth-child(2)
Zobrazit HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-inter bg-transparent text-white px-8 py-4 rounded-xl text-lg font-semibold border-2 border-white/30 hover:bg-white/10 hover:border-...
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/pricing" class="font-atkinson text-gray-400 hover:text-white transition-colors">Pricing</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/projects" class="font-atkinson text-gray-400 hover:text-white transition-colors">Projects</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/support" class="font-atkinson text-gray-400 hover:text-white transition-colors">Support</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/accessibility" class="font-atkinson text-gray-400 hover:text-white transition-colors">Accessibility</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/privacy-policy" class="font-atkinson text-gray-400 hover:text-white transition-colors">Privacy Policy</a>
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/terms-of-service" class="font-atkinson text-gray-400 hover:text-white transition-colors">Terms of Service</a>
Selektor:
#cookie-banner-description > p:nth-child(2) > a
Zobrazit 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
Dokumentace kritéria 2.4.4
Selektor:
#root > div:nth-child(1) > header > div > div > div > a
Zobrazit HTML
<a title="Home" href="/"><img src="/mainLogo.png" alt="T...</a>
WCAG 1.1.1
Dokumentace kritéria 1.1.1
Selektor:
#root > div:nth-child(1) > header > div > div > div > a > img
Zobrazit HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > img
Zobrazit HTML
<img src="./sample_screenshot.jpeg" alt="Screenshot" class="rounded-lg w-full h-20 object-cover">
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(1) > div > img
Zobrazit HTML
<img src="/WhiteLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
WCAG 1.1.1
Dokumentace kritéria 1.1.1
Selektor:
#root > div:nth-child(1) > header > div > div > div > a > img
Zobrazit HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
Selektor:
#main-content > section:nth-child(5) > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > img
Zobrazit HTML
<img src="./sample_screenshot.jpeg" alt="Screenshot" class="rounded-lg w-full h-20 object-cover">
Selektor:
#root > div:nth-child(1) > footer > div > div:nth-child(1) > div:nth-child(1) > div > img
Zobrazit HTML
<img src="/WhiteLogo.png" alt="Test With Labrador Logo" class="h-6 w-auto">
WCAG 3.2.1
Dokumentace kritéria 3.2.1
Selektor:
#root > div:nth-child(1) > header > div > div > button
Zobrazit 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>
Selektor:
#main-content > section:nth-child(4) > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > button
Zobrazit HTML
<button class="bg-gradient-to-r from-labrador-blue to-blue-600 text-white px-4 py-2 rounded-lg text-sm font-semibold hover:shadow-lg transition-all"><i class="fas fa-plus mr-2"></i...</button>
Selektor:
#root > div:nth-child(2) > div > button
Zobrazit 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...
Selektor:
#root > div:nth-child(2) > div > div > div:nth-child(3) > button:nth-child(1)
Zobrazit 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...
Selektor:
#root > div:nth-child(2) > div > div > div:nth-child(3) > button:nth-child(2)
Zobrazit 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...
Selektor:
#root > div:nth-child(2) > div > div > div:nth-child(3) > button:nth-child(3)
Zobrazit 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...