ICS
59
Přístupnost
85
Výkon
33
Výpočet skóre
100
−
15
=
85
| Závažnost | Unikátní typy | Váhy | Odpočet |
|---|---|---|---|
| Závažné | 1 | 15 | −15 |
| Celkový odpočet | −15 | ||
Skóre je založeno na 1 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. 43 unikátních středních/drobných problémů je sledováno, ale neovlivňuje skóre. Zjistěte více o metodice měření
Změna oproti předchozímu měření
-1
Kritické
1 → 0
-76
Závažné
129 → 53
-93
Celkem
278 → 185
| Stránka | Kritické | Závažné | Celkem |
|---|---|---|---|
| testwithlabrador.com | -1 | -76 | -93 |
Strukturální zdraví šablony
Nenalezeny žádné strukturální problémy (reflow, velikost cílů).
Testované stránky
https://testwithlabrador.com
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(2)
Zobrazit HTML
<div class="font-sf-pro text-xs text-gray-500">Admin</div>
Selektor:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1)
Zobrazit HTML
<div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold">MS</div>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(1)
Zobrazit HTML
<p class="font-sf-pro mb-4 text-lg text-white/85 enhanced-text">Designed for consultants by con...</p>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Zobrazit HTML
<span class="brand-highlight">Labrador</span>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > h1 > span:nth-child(2)
Zobrazit HTML
<span class="block">Guided accessibility testing</span>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(3)
Zobrazit HTML
<p class="font-sf-pro text-xl lg:text-2xl mb-10 text-white enhanced-text leading-relaxed max-w-md font-normal">Ditch the spreadsheets. Test ev...</p>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(5)
Zobrazit HTML
<p class="font-sf-pro mt-6 text-base text-white/85">No credit card required</p>
Selektor:
#main-content > div > figure > blockquote > p > span
Zobrazit HTML
<span class="text-highlight">I think I will get more work</span>
Selektor:
#features > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="text-labrador-dark">Simplify your <span class="text...</span>
Selektor:
#features > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">accessibility auditing</span>
Selektor:
#features > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Guided testing in a straightfor...</p>
Selektor:
#exports > div:nth-child(1) > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">client-ready reports</span>
Selektor:
#exports > div:nth-child(2) > figure > blockquote > p > span:nth-child(1)
Zobrazit HTML
<span class="text-highlight">remediation work is smoother</span>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span
Zobrazit HTML
<span class="text-labrador-dark">Document issues with <span clas...</span>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">precision</span>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > p
Zobrazit HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 mb-8 enhanced-text leading-relaxed">Capture comprehensive evidence ...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Multiple media uploads</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Upload multiple screenshots and...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Severity level tracking</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Mark severity levels for failed...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Remediation status</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Track remediation status for ea...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Centralized audit management</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Keep all your audits in one pla...</p>
Selektor:
#main-content > section:nth-child(7) > div > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">deliver faster</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="text-labrador-dark">Turn findings into <span class=...</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">developer-ready guidance</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > p
Zobrazit 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>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > p > span
Zobrazit HTML
<span class="font-semibold text-labrador-dark">Powered by Claude Opus 5.</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(1) > span
Zobrazit HTML
<span aria-hidden="true" class="flex-shrink-0 w-8 font-neue-haas-unica text-3xl font-bold text-labrador-blue leading-none">1</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(1) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-1">Select the issue context</h3>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(1) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Pick the element or section tha...</p>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(2) > span
Zobrazit HTML
<span aria-hidden="true" class="flex-shrink-0 w-8 font-neue-haas-unica text-3xl font-bold text-labrador-blue leading-none">2</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(2) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-1">Generate remediation help</h3>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(2) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Labrador drafts recommendations...</p>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(3) > span
Zobrazit HTML
<span aria-hidden="true" class="flex-shrink-0 w-8 font-neue-haas-unica text-3xl font-bold text-labrador-blue leading-none">3</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(3) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-1">Review before sharing</h3>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > ol > li:nth-child(3) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Edit the generated text before ...</p>
Selektor:
#walkthrough-heading
Zobrazit HTML
<h2 id="walkthrough-heading" class="font-neue-haas-unica text-3xl md:text-4xl font-bold leading-tight text-white enhanced-spacing">Try it yourself</h2>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > div > div > p
Zobrazit HTML
<p class="font-sf-pro text-lg text-white/85 max-w-md leading-relaxed">See an audit run, click by clic...</p>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(1) > button
Zobrazit HTML
<button type="button" aria-haspopup="dialog" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-labrad...
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2)
Zobrazit HTML
<li>Prefer to read? <a href="https:...</li>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="https://docs.testwithlabrador.com/quickstart" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-off...
Selektor:
#main-content > section:nth-child(10) > div > div > figure:nth-child(1) > blockquote > p > span
Zobrazit HTML
<span class="text-highlight">my bosses were super impressed</span>
Selektor:
#main-content > section:nth-child(10) > div > div > figure:nth-child(2) > blockquote > p > span
Zobrazit HTML
<span class="text-highlight">I think I will get more work</span>
Selektor:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="text-labrador-dark">Your data is <span class="text-...</span>
Selektor:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">secure</span>
Selektor:
#main-content > section:nth-child(11) > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Encryption, two-factor authenti...</p>
Selektor:
#main-content > section:nth-child(13) > div:nth-child(3) > div > h2
Zobrazit HTML
<h2 class="font-neue-haas-unica text-3xl md:text-4xl lg:text-6xl font-bold text-white mb-6 leading-tight px-4">Your next audit<br><span class=...</h2>
Selektor:
#main-content > section:nth-child(13) > div:nth-child(3) > div > h2 > span
Zobrazit HTML
<span class="text-white">doesn't need a spreadsheet...</span>
Selektor:
#main-content > section:nth-child(13) > div:nth-child(3) > div > p
Zobrazit HTML
<p class="font-sf-pro text-lg md:text-xl lg:text-2xl text-[#e2d6b6] mb-10 max-w-3xl mx-auto leading-relaxed px-4 text-balance">Set up a project, test against ...</p>
Selektor:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1)
Zobrazit HTML
<div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold">MS</div>
Selektor:
#main-content > section:nth-child(7) > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(2)
Zobrazit HTML
<div class="font-sf-pro text-xs text-gray-500">Admin</div>Problémy neovlivňující skóre
Často se nejedná o chyby, ale o 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.10
Dokumentace kritéria 1.4.10
Selektor:
#root > div:nth-child(1) > ol
Zobrazit HTML
<ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:left-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol>
Selektor:
#root > div:nth-child(3)
Zobrazit HTML
<div role="region" aria-labelledby="cookie-banner-title" class="fixed bottom-0 left-0 right-0 z-50 bg-card border-t-2 border-labrador-gold shadow-[0_-8px_30px_rgba(15,26,38,0.14)]"><div class="max-w-7xl mx-auto p...</div>
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" aria-expanded="false"><div class="intercom-lightweigh...</div>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#root > div:nth-child(2) > header > a
Zobrazit HTML
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 z-[100] px-4 py-2 bg-blue-600 text-white rounded transition-all duration-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2...
Selektor:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(3) > a > span
Zobrazit HTML
<span class="sr-only"> (opens in new tab)</span>
Selektor:
#exports > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > a > span
Zobrazit HTML
<span class="sr-only"> (opens in new tab)</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div > a:nth-child(1) > span
Zobrazit HTML
<span class="sr-only"> (opens in new tab)</span>
Selektor:
#main-content > section:nth-child(12) > div > div > a:nth-child(1) > span
Zobrazit HTML
<span class="sr-only"> (opens in new tab)</span>
Selektor:
#main-content > section:nth-child(12) > div > div > a:nth-child(2) > span
Zobrazit HTML
<span class="sr-only"> (opens in new tab)</span>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > a > span
Zobrazit HTML
<span class="sr-only"> (opens in new tab)</span>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a > span
Zobrazit HTML
<span class="sr-only"> (opens in new tab)</span>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(1)
Zobrazit HTML
<p class="font-sf-pro mb-4 text-lg text-white/85 enhanced-text">Designed for consultants by con...</p>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > p:nth-child(5)
Zobrazit HTML
<p class="font-sf-pro mt-6 text-base text-white/85">No credit card required</p>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > button > span:nth-child(2)
Zobrazit HTML
<span class="sr-only">Play the Labrador product demo</span>
Selektor:
#features > div > div:nth-child(2) > div:nth-child(1) > p
Zobrazit HTML
<p class="font-sf-pro text-base md:text-lg text-white/90 enhanced-text leading-relaxed max-w-2xl">Comprehensive testing against W...</p>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > div > div > p
Zobrazit HTML
<p class="font-sf-pro text-lg text-white/85 max-w-md leading-relaxed">See an audit run, click by clic...</p>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2)
Zobrazit HTML
<li>Prefer to read? <a href="https:...</li>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > p
Zobrazit HTML
<p class="font-sf-pro text-sm text-gray-700 leading-relaxed">Add a visible text label or an ...</p>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > span
Zobrazit HTML
<span class="font-neue-haas-unica text-sm font-semibold text-labrador-dark">Recommendation</span>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > h1 > span:nth-child(1)
Zobrazit HTML
<span class="brand-highlight">Labrador</span>
Selektor:
#features > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="text-labrador-dark">Simplify your <span class="text...</span>
Selektor:
#features > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">accessibility auditing</span>
Selektor:
#exports > div:nth-child(1) > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">client-ready reports</span>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span
Zobrazit HTML
<span class="text-labrador-dark">Document issues with <span clas...</span>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">precision</span>
Selektor:
#main-content > section:nth-child(7) > div > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">deliver faster</span>
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">developer-ready guidance</span>
Selektor:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span
Zobrazit HTML
<span class="text-labrador-dark">Your data is <span class="text-...</span>
Selektor:
#main-content > section:nth-child(11) > div > div:nth-child(1) > h2 > span > span
Zobrazit HTML
<span class="text-highlight">secure</span>
WCAG 1.1.1
Dokumentace kritéria 1.1.1
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > img
Zobrazit HTML
<img src="/hero-poster.png" alt="" width="1660" height="934" decoding="async" fetchpriority="high" class="absolute inset-0 h-full w-full object-cover">
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#main-content > div > figure > blockquote > p > span
Zobrazit HTML
<span class="text-highlight">I think I will get more work</span>
Selektor:
#features > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Guided testing in a straightfor...</p>
Selektor:
#exports > div:nth-child(2) > figure > blockquote > p > span:nth-child(1)
Zobrazit HTML
<span class="text-highlight">remediation work is smoother</span>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > p
Zobrazit HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 mb-8 enhanced-text leading-relaxed">Capture comprehensive evidence ...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Multiple media uploads</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Upload multiple screenshots and...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Severity level tracking</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(2) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Mark severity levels for failed...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Remediation status</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(3) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Track remediation status for ea...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > h3
Zobrazit HTML
<h3 class="font-neue-haas-unica text-lg font-bold text-labrador-dark mb-2">Centralized audit management</h3>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(2) > div > div:nth-child(4) > div > p
Zobrazit HTML
<p class="font-sf-pro text-gray-600">Keep all your audits in one pla...</p>
Selektor:
#main-content > section:nth-child(10) > div > div > figure:nth-child(1) > blockquote > p > span
Zobrazit HTML
<span class="text-highlight">my bosses were super impressed</span>
Selektor:
#main-content > section:nth-child(10) > div > div > figure:nth-child(2) > blockquote > p > span
Zobrazit HTML
<span class="text-highlight">I think I will get more work</span>
Selektor:
#main-content > section:nth-child(11) > div > div:nth-child(1) > p
Zobrazit HTML
<p class="font-sf-pro text-lg md:text-xl text-gray-600 max-w-4xl mx-auto enhanced-text leading-relaxed px-4">Encryption, two-factor authenti...</p>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(1) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > div > span
Zobrazit HTML
<span class="text-white text-xs font-semibold">screenshot1.png</span>
Selektor:
#main-content > section:nth-child(6) > div > div > div:nth-child(1) > div > div > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > span
Zobrazit HTML
<span class="text-white text-xs font-semibold">demo.mp4</span>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div
Zobrazit HTML
<div class="flex flex-col sm:flex-row gap-4"><a href="https://chromewebstore...</div>
Selektor:
#main-content > section:nth-child(12) > div > div
Zobrazit HTML
<div class="flex flex-col sm:flex-row gap-4 justify-center"><a href="https://docs.testwithl...</div>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title data-replay-mask="">Labrador - Guided Accessibility...</title>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#root > div:nth-child(2) > header > a
Zobrazit HTML
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 z-[100] px-4 py-2 bg-blue-600 text-white rounded transition-all duration-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2...
Selektor:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(1) > a
Zobrazit HTML
<a aria-current="page" href="/" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-labrador-blue dark:text-blue-400 font-semibold after:content-[''] after:absolute af...
Selektor:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/pricing" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-foreground">Pricing</a>
Selektor:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="https://docs.testwithlabrador.com" target="_blank" rel="noopener noreferrer" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-fore...
Selektor:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/blog" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-foreground">Blog</a>
Selektor:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(5) > a
Zobrazit HTML
<a href="/about" class="font-neue-haas-unica relative hover:text-labrador-blue dark:hover:text-blue-400 transition-colors duration-300 text-[20px] text-gray-700 dark:text-muted-foreground">About</a>
Selektor:
#root > div:nth-child(2) > header > div > div > nav > ul > li:nth-child(6) > a
Zobrazit HTML
<a href="/login" class="btn-press btn-press-gold font-neue-haas-unica font-semibold px-5 py-1.5 rounded-lg text-[20px]">Sign In</a>
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(1) > div > a
Zobrazit HTML
<a href="/signup" class="btn-press btn-press-gold font-neue-haas-unica px-6 py-2.5 rounded-lg text-base font-semibold text-center">Start Free</a>
Selektor:
#exports > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div > a
Zobrazit HTML
<a href="/samples/labrador-sample-audit-report.html" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-mint font-neue-haas-unica mt-auto flex w-full items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-sm font-semibold">Vi...
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div > a:nth-child(1)
Zobrazit HTML
<a href="https://chromewebstore.google.com/detail/labrador-ai-accessibility/lndpalafhngglhpdjejhelccebmngoho" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-gold font-neue-haas-unica inline-flex items-center justify-center px-6 ...
Selektor:
#ai-assisted-remediation > div:nth-child(2) > div > div:nth-child(1) > div > a:nth-child(2)
Zobrazit HTML
<a href="/signup" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center px-6 py-2.5 rounded-lg text-base font-semibold">Start Free</a>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="https://docs.testwithlabrador.com/quickstart" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-off...
Selektor:
#main-content > section:nth-child(11) > div > div:nth-child(3) > a
Zobrazit HTML
<a href="/trust" class="inline-flex items-center gap-4 px-6 py-4 bg-white rounded-xl border border-gray-200 shadow-md hover:border-labrador-blue/50 hover:shadow-lg transition-all duration-300"><i class="fas fa-shield-halved ...</a>
Selektor:
#main-content > section:nth-child(12) > div > div > a:nth-child(1)
Zobrazit HTML
<a href="https://docs.testwithlabrador.com" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-paper [--press-edge:var(--labrador-gold-deep)] font-neue-haas-unica inline-flex items-center justify-center px-6 py-2.5 rounded-lg text-b...
Selektor:
#main-content > section:nth-child(12) > div > div > a:nth-child(2)
Zobrazit HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center px-6 py-2.5 rounded-lg text-base font-semibold">B...
Selektor:
#main-content > section:nth-child(13) > div:nth-child(3) > div > div > a
Zobrazit HTML
<a href="/signup" class="btn-press btn-press-gold font-neue-haas-unica inline-flex items-center justify-center px-7 py-3 rounded-lg text-base font-semibold"><svg viewBox="5 6 90 88" fill="...</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/pricing" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Pricing</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/projects" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Projects</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="https://calendly.com/sam-testwithlabrador/product-demo" target="_blank" rel="noopener noreferrer" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Book a demo<span class="sr-only...</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/about" class="font-sf-pro text-gray-400 hover:text-white transition-colors">About</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="https://docs.testwithlabrador.com" target="_blank" rel="noopener noreferrer" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Help Center<span class="sr-only...</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/support" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Support</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/accessibility" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Accessibility</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(5) > a
Zobrazit HTML
<a href="/trust" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Your Data</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(6) > a
Zobrazit HTML
<a href="/privacy-policy" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Privacy Policy</a>
Selektor:
#root > div:nth-child(2) > footer > div > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(7) > a
Zobrazit HTML
<a href="/terms-of-service" class="font-sf-pro text-gray-400 hover:text-white transition-colors">Terms of Service</a>
Selektor:
#root > div:nth-child(3) > div > div > p > a
Zobrazit HTML
<a href="/privacy-policy" class="text-primary hover:text-primary/80 underline underline-offset-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded">Privacy Policy</a>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#root > div:nth-child(2) > 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(2) > header > div > div > div > a > img
Zobrazit HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-8 w-auto">
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(2) > div > picture > img
Zobrazit HTML
<img src="/walkthrough-poster.png" alt="The Labrador audit workspace for a page: a progress bar, status filters, and the WCAG criteria list beside one criterion's test panel" width="2000" height="1095" decoding="async" loading="lazy" class="absolute ...
Selektor:
#root > div:nth-child(2) > 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(2) > header > div > div > div > a > img
Zobrazit HTML
<img src="/mainLogo.png" alt="Test With Labrador Logo" class="h-8 w-auto">
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > img
Zobrazit HTML
<img src="/hero-poster.png" alt="" width="1660" height="934" decoding="async" fetchpriority="high" class="absolute inset-0 h-full w-full object-cover">
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(2) > div > picture > img
Zobrazit HTML
<img src="/walkthrough-poster.png" alt="The Labrador audit workspace for a page: a progress bar, status filters, and the WCAG criteria list beside one criterion's test panel" width="2000" height="1095" decoding="async" loading="lazy" class="absolute ...
Selektor:
#root > div:nth-child(2) > 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(2) > header > div > div > button
Zobrazit HTML
<button class="md:hidden inline-flex items-center justify-center min-h-[44px] leading-none text-gray-800 dark:text-foreground border border-gray-800 dark:border-border px-4 hover:bg-gray-100 dark:hover:bg-muted rounded-lg transition-colors font-mediu...
Selektor:
#main-content > section:nth-child(1) > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div > button
Zobrazit HTML
<button type="button" class="group absolute inset-0 flex items-center justify-center bg-labrador-dark/30 transition-colors hover:bg-labrador-dark/45 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2"><span c...
Selektor:
#integration-request
Zobrazit HTML
<input id="integration-request" type="text" maxlength="60" autocomplete="off" aria-describedby="integration-request-status" class="font-sf-pro flex-1 rounded-md border border-gray-500 bg-white px-4 py-2 text-base text-labrador-dark focus:outline-none...
Selektor:
#main-content > section:nth-child(5) > div > form > div > button
Zobrazit HTML
<button type="submit" aria-disabled="false" class="btn-press btn-press-paper font-neue-haas-unica px-5 py-2 rounded-md text-sm font-semibold whitespace-nowrap">Request it</button>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > div > button
Zobrazit HTML
<button type="button" aria-haspopup="dialog" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center gap-2 rounded-lg font-semibold self-start px-7 py-3 text-base"><svg xmlns="http://www.w3.org/2...</button>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > div > div:nth-child(1) > ul > li:nth-child(1) > button
Zobrazit HTML
<button type="button" aria-haspopup="dialog" class="font-semibold text-white underline underline-offset-4 hover:no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-labrad...
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form > button
Zobrazit HTML
<button type="submit" class="btn-press btn-press-paper font-neue-haas-unica inline-flex items-center justify-center px-4 py-1.5 rounded-lg text-sm font-semibold">Cancel</button>
Selektor:
#root > div:nth-child(3) > div > button
Zobrazit HTML
<button class="absolute top-4 right-4 p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors" aria-label="Dismiss for no...
Selektor:
#root > div:nth-child(3) > div > div > div > button:nth-child(1)
Zobrazit HTML
<button class="btn-press btn-press-paper [--press-edge:var(--labrador-gold-deep)] font-neue-haas-unica px-4 py-1.5 rounded-md text-sm font-semibold">Allow optional cookies</button>
Selektor:
#root > div:nth-child(3) > div > div > div > button:nth-child(2)
Zobrazit HTML
<button class="btn-press btn-press-paper dark:[--press-edge:hsl(226,70%,58%)] font-neue-haas-unica px-4 py-1.5 rounded-md text-sm font-semibold">Essential cookies only</button>
Selektor:
#root > div:nth-child(3) > div > div > div > button:nth-child(3)
Zobrazit HTML
<button class="text-sm text-muted-foreground hover:text-foreground underline underline-offset-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded transition-colors">Choose cookies</button>
WCAG 3.3.1
Dokumentace kritéria 3.3.1
Selektor:
#main-content > section:nth-child(5) > div > form
Zobrazit HTML
<form novalidate=""><label for="integration-request...</form>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Zobrazit HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 3.3.2
Dokumentace kritéria 3.3.2
Selektor:
#main-content > section:nth-child(5) > div > form
Zobrazit HTML
<form novalidate=""><label for="integration-request...</form>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Zobrazit HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 3.3.3
Dokumentace kritéria 3.3.3
Selektor:
#main-content > section:nth-child(5) > div > form
Zobrazit HTML
<form novalidate=""><label for="integration-request...</form>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Zobrazit HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 3.3.4
Dokumentace kritéria 3.3.4
Selektor:
#main-content > section:nth-child(5) > div > form
Zobrazit HTML
<form novalidate=""><label for="integration-request...</form>
Selektor:
#main-content > section:nth-child(9) > div:nth-child(2) > div > div > dialog > div > form
Zobrazit HTML
<form method="dialog"><button type="submit" class="bt...</form>
WCAG 1.3.5
Dokumentace kritéria 1.3.5
Selektor:
#integration-request
Zobrazit HTML
<input id="integration-request" type="text" maxlength="60" autocomplete="off" aria-describedby="integration-request-status" class="font-sf-pro flex-1 rounded-md border border-gray-500 bg-white px-4 py-2 text-base text-labrador-dark focus:outline-none...