Visual Regression Testing For Drupal And WordPress (2026-07-15)

ICS 49
Accessibility 40
Performance 58

Score Calculation

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

Score is based on 2 unique critical and serious issue types. Same issue appearing multiple times counts as one. 36 unique moderate/minor issues are tracked but do not affect the score.
1 critical/serious issues marked as likely false-positive are not counted. Learn more about methodology

Change from previous measurement

0 Critical 8 → 8
0 Serious 74 → 74
0 Total 373 → 373
Page Critical Serious Total
diffy.website 0 0 0

Template structural health

No structural issues found (reflow, target size).

Tested Pages

https://diffy.website

WCAG 4.1.2
Criterion documentation 4.1.2

Technique description (EN)

Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > div > button
Show HTML
<button type="button" role="switch" aria-checked="true" data-state="checked" value="on" data-slot="switch" class="peer data-[state=checked]:bg-secondary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[s...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > button
Show HTML
<button type="button" role="combobox" aria-controls="radix-«r17Rp6k»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="data-[placeholder]:text-muted-foreground [&amp;_s...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(1)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-foreground scale-110"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(2)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(3)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(4)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(5)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > div > button
Show HTML
<button type="button" role="switch" aria-checked="true" data-state="checked" value="on" data-slot="switch" class="peer data-[state=checked]:bg-secondary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[s...

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > p
Show HTML
<p class="text-muted-foreground/70 mt-3 hidden text-lg leading-relaxed md:block lg:mt-4">Start for free, scale as you gr...</p>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > div > span:nth-child(1)
Show HTML
<span class="text-lg font-semibold transition-colors text-muted-foreground/70">Monthly</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="rounded-none bg-[#FFE6D0] px-4 py-1 text-xs font-medium text-[#FB6D21] dark:bg-[#6b3200] dark:text-[#fcaa7d]">Best value</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > span:nth-child(4)
Show HTML
<span class="text-muted-foreground/70 ml-2 text-sm">billed annually</span>
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > div:nth-child(2) > a:nth-child(2)
Show HTML
<a href="https://app.diffy.website/#/register" data-slot="button" class="inline-flex items-center cursor-pointer justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > h1
Show HTML
<h1 class="text-3xl leading-tight tracking-tight md:text-5xl lg:text-6xl" style="opacity: 1; filter: blur(0px); transform: none;">Visual Regression Testing<br cl...</h1>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > p
Show HTML
<p class="text-muted-foreground my-2 text-sm md:my-4 md:text-lg lg:my-6 lg:text-xl" style="opacity: 1; filter: blur(0px); transform: none;">We handle the complexity that b...</p>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > div:nth-child(3) > a
Show HTML
<a href="https://app.diffy.website/#/register" data-slot="button" class="inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-ev...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > p
Show HTML
<p class="container text-center text-base">Trusted by many prominent agenc...</p>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > p
Show HTML
<p class="text-muted-foreground text-base">Featured at conferences &amp; p...</p>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(1) > span
Show HTML
<span class="font-medium">DrupalCon Chicago 2026</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(2) > span
Show HTML
<span class="font-medium">Stanford WebCamp</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(3) > span
Show HTML
<span class="font-medium">WP Product Talk</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(4) > span
Show HTML
<span class="font-medium">WP Legends</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(5) > span
Show HTML
<span class="font-medium">SDM Show</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(6) > span
Show HTML
<span class="font-medium">WP Plugins A to Z</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(1) > h2
Show HTML
<h2 class="text-4xl tracking-tight lg:text-5xl">Trusted by modern teams</h2>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(1) > p
Show HTML
<p class="text-muted-foreground text-lg leading-snug lg:text-balance">Join hundreds of Developers, QA...</p>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) > div > div:nth-child(2) > blockquote
Show HTML
<blockquote class="lg:text-muted-foreground leading-relaxed lg:text-sm">“<!-- -->It gives us absolute c...</blockquote>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="text-card-foreground truncate text-sm font-medium">Christina Dimkova</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="text-muted-foreground truncate text-xs">Lead QA<!-- --> at <!-- -->JAKA...</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) > div > div:nth-child(3) > span
Show HTML
<span class="text-primary shrink-0 text-sm font-medium group-hover:underline">Read More →</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(2) > div > div:nth-child(2) > blockquote
Show HTML
<blockquote class="lg:text-muted-foreground leading-relaxed lg:text-sm">“<!-- -->Diffy builds confidenc...</blockquote>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(2) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="text-card-foreground truncate text-sm font-medium">Duran Goodyear</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(2) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="text-muted-foreground truncate text-xs">Owner and Principal<!-- --> at ...</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(2) > div > div:nth-child(3) > span
Show HTML
<span class="text-primary shrink-0 text-sm font-medium group-hover:underline">Read More →</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(3) > div > div:nth-child(2) > blockquote
Show HTML
<blockquote class="lg:text-muted-foreground leading-relaxed lg:text-sm">“<!-- -->Not only has Diffy all...</blockquote>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(3) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="text-card-foreground truncate text-sm font-medium">Stephen Musgrave</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(3) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="text-muted-foreground truncate text-xs">Partner and Head of Technology<...</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(3) > div > div:nth-child(3) > span
Show HTML
<span class="text-primary shrink-0 text-sm font-medium group-hover:underline">Read More →</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(4) > div > div:nth-child(2) > blockquote
Show HTML
<blockquote class="lg:text-muted-foreground leading-relaxed lg:text-sm">“<!-- -->Being able to run a se...</blockquote>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(4) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="text-card-foreground truncate text-sm font-medium">Farnoosh Johnson</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(4) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="text-muted-foreground truncate text-xs">Associate Director<!-- --> at <...</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(4) > div > div:nth-child(3) > span
Show HTML
<span class="text-primary shrink-0 text-sm font-medium group-hover:underline">Read More →</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(5) > div > div:nth-child(2) > blockquote
Show HTML
<blockquote class="lg:text-muted-foreground leading-relaxed lg:text-sm">“<!-- -->Diffy has a sort of mu...</blockquote>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(5) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="text-card-foreground truncate text-sm font-medium">Alfonso Gómez-Arzola</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(5) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="text-muted-foreground truncate text-xs">Software Architect<!-- --> at <...</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(5) > div > div:nth-child(3) > span
Show HTML
<span class="text-primary shrink-0 text-sm font-medium group-hover:underline">Read More →</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(7) > section > div:nth-child(2) > h2
Show HTML
<h2 class="text-4xl leading-tight tracking-tight lg:text-5xl">Frequently <br class="hidden md...</h2>
Selector: #radix-«r16R2q»
Show HTML
<button type="button" aria-controls="radix-«r16Riq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R2q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16R4q»
Show HTML
<button type="button" aria-controls="radix-«r16Rkq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R4q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16R6q»
Show HTML
<button type="button" aria-controls="radix-«r16Rmq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R6q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16R8q»
Show HTML
<button type="button" aria-controls="radix-«r16Roq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R8q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16Raq»
Show HTML
<button type="button" aria-controls="radix-«r16Rqq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16Raq»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(7) > section > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > h3
Show HTML
<h3 class="text-2xl">Still have questions?</h3>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(7) > section > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > p
Show HTML
<p class="text-muted-foreground">Let's talk. Our team is here to...</p>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(7) > section > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > a
Show HTML
<a href="mailto:info@diffy.website" data-slot="button" class="inline-flex items-center cursor-pointer justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([cla...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h2
Show HTML
<h2 class="text-center text-4xl font-medium tracking-tighter md:text-start md:text-6xl md:leading-none lg:text-7xl">Simple, usage-based <br class="...</h2>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > span
Show HTML
<span class="text-muted-foreground text-sm">2 environments (production &amp...</span>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > button
Show HTML
<button data-slot="button" class="inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg...
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h3
Show HTML
<h3 class="text-foreground mb-4 font-bold md:mb-8">Product</h3>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(1) > a
Show HTML
<a href="/blog" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Blog</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(2) > a
Show HTML
<a href="https://docs.diffy.website/" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Documentation</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(3) > a
Show HTML
<a href="/features" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Features</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(4) > a
Show HTML
<a href="/pricing" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Pricing</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(5) > a
Show HTML
<a href="/about" class="text-muted-foreground hover:text-foreground text-sm transition-colors">About Us</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > h3
Show HTML
<h3 class="text-foreground mb-4 font-bold md:mb-8">Compare Diffy</h3>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a
Show HTML
<a href="/diffy-vs-backstopjs" class="text-muted-foreground hover:text-foreground text-sm transition-colors">BackstopJS VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a
Show HTML
<a href="/diffy-vs-saucelabs" class="text-muted-foreground hover:text-foreground text-sm transition-colors">SauceLabs VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > a
Show HTML
<a href="/diffy-vs-phantomjs" class="text-muted-foreground hover:text-foreground text-sm transition-colors">PhantomJS VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(4) > a
Show HTML
<a href="/diffy-vs-percy" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Percy VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(5) > a
Show HTML
<a href="/diffy-vs-ghostinspector" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Ghostinspector VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(6) > a
Show HTML
<a href="/diffy-vs-screenster" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Screenster VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(7) > a
Show HTML
<a href="/diffy-vs-pagescreen" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Pagescreen VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(8) > a
Show HTML
<a href="/diffy-vs-visualping" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Visualping VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > h3
Show HTML
<h3 class="text-foreground mb-4 font-bold md:mb-8">Resources</h3>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a
Show HTML
<a href="/visual-testing" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Visual Testing</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Show HTML
<a href="/css-regression-testing" class="text-muted-foreground hover:text-foreground text-sm transition-colors">CSS Regression Testing</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > a
Show HTML
<a href="https://www.linkedin.com/company/diffy-testing/" class="text-muted-foreground hover:text-foreground flex items-center gap-2 text-sm transition-colors" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2...</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(1)
Show HTML
<a href="https://diffy.website" class="text-muted-foreground hover:text-foreground text-sm transition-colors">© <!-- -->2026<!-- --> Diffy. A...</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(2)
Show HTML
<a href="/privacy-policy" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Privacy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(3)
Show HTML
<a href="/user-agreement" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Terms</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > span
Show HTML
<span class="rounded-none bg-[#FFE6D0] px-4 py-1 text-xs font-medium text-[#FB6D21] dark:bg-[#6b3200] dark:text-[#fcaa7d]">Best value</span>

Likely – not counted in score

WCAG 4.1.2
Criterion documentation 4.1.2

Technique description (EN)

Selector: html > body > iframe:nth-child(7)
Show HTML
<iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; visibility: hidden;"></iframe>

Issues not affecting score

These are often not errors but recommendations that require manual review. They may indicate potential accessibility barriers that automated testing cannot fully evaluate.

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="hidden items-center justify-end gap-4 lg:flex"><a href="https://app.diffy.webs...</div>
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(2)
Show HTML
<div class="flex flex-col gap-4.5 border-t px-6 py-4"><a href="https://app.diffy.webs...</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div
Show HTML
<div class="mt-6 flex flex-wrap gap-3"><a href="https://events.drupal....</div>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2)
Show HTML
<div class="mx-auto mt-8 hidden max-w-6xl grid-cols-8 gap-2 lg:mt-12 lg:grid"><a href="/case-study/jakala-vis...</div>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(2) > div
Show HTML
<div class="flex gap-6"><a href="https://diffy.website"...</div>

WCAG 1.4.10
Criterion documentation 1.4.10

Technique description (EN)

Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3)
Show HTML
<div class="bg-background/95 text-accent-foreground fixed inset-0 -z-10 flex flex-col justify-between tracking-normal backdrop-blur-md transition-all duration-500 ease-out lg:hidden pt-[calc(var(--header-height)+3rem)] pointer-events-none translate-x...

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > h1
Show HTML
<h1 class="text-3xl leading-tight tracking-tight md:text-5xl lg:text-6xl" style="opacity: 1; filter: blur(0px); transform: none;">Visual Regression Testing<br cl...</h1>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > p
Show HTML
<p class="text-muted-foreground my-2 text-sm md:my-4 md:text-lg lg:my-6 lg:text-xl" style="opacity: 1; filter: blur(0px); transform: none;">We handle the complexity that b...</p>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div:nth-child(4)
Show HTML
<div class="pointer-events-none absolute top-3 left-3 rounded-full bg-black/60 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur-sm transition-opacity" style="opacity:1">Diffy Comparison</div>
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div:nth-child(5)
Show HTML
<div class="pointer-events-none absolute top-3 right-3 rounded-full bg-black/60 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur-sm transition-opacity" style="opacity:1">Pixel-perfect Comparison</div>
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(4)
Show HTML
<div class="pointer-events-none absolute top-3 left-3 rounded-full bg-black/60 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur-sm transition-opacity" style="opacity:1">Mocked Content</div>
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(5)
Show HTML
<div class="pointer-events-none absolute top-3 right-3 rounded-full bg-black/60 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur-sm transition-opacity" style="opacity:1">Every Time Different Text</div>

Technique description (EN)

Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(1) > img
Show HTML
<img src="/images/featured-at/drupalcon.png" alt="DrupalCon Chicago 2026" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(2) > img
Show HTML
<img src="/images/featured-at/stanford-webcamp.png" alt="Stanford WebCamp" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(3) > img
Show HTML
<img src="/images/featured-at/wp-product-talk.png" alt="WP Product Talk" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(4) > img
Show HTML
<img src="/images/featured-at/wp-legends.png" alt="WP Legends" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(5) > img
Show HTML
<img src="/images/featured-at/sdm-show.png" alt="SDM Show" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(6) > img
Show HTML
<img src="/images/featured-at/wp-plugins-atoz.png" alt="WP Plugins A to Z" class="size-5 rounded-sm object-contain">

WCAG 2.4.2
Criterion documentation 2.4.2

Technique description (EN)

Selector: html > head > title
Show HTML
<title>Diffy — Visual Regression Testi...</title>

WCAG 2.4.4
Criterion documentation 2.4.4

Technique description (EN)

Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(1) > a
Show HTML
<a href="/" class="relative block h-6 w-25"><img src="/images/diffy-logo.sv...</a>
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > nav > div > ul > li:nth-child(1) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground [&amp;_svg:not([class*='text-'])]:...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > nav > div > ul > li:nth-child(2) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground [&amp;_svg:not([class*='text-'])]:...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > nav > div > ul > li:nth-child(3) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground [&amp;_svg:not([class*='text-'])]:...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > nav > div > ul > li:nth-child(4) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground [&amp;_svg:not([class*='text-'])]:...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > nav > div > ul > li:nth-child(5) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:text-accent-foreground [&amp;_svg:not([class*='text-'])]:...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > div:nth-child(2) > a:nth-child(1)
Show HTML
<a href="https://app.diffy.website/#/" data-slot="button" class="inline-flex items-center cursor-pointer justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-n...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > div:nth-child(2) > a:nth-child(2)
Show HTML
<a href="https://app.diffy.website/#/register" data-slot="button" class="inline-flex items-center cursor-pointer justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(1) > nav > div:nth-child(1) > ul > li:nth-child(1) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(1) > nav > div:nth-child(1) > ul > li:nth-child(2) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(1) > nav > div:nth-child(1) > ul > li:nth-child(3) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(1) > nav > div:nth-child(1) > ul > li:nth-child(4) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(1) > nav > div:nth-child(1) > ul > li:nth-child(5) > a
Show HTML
<a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(2) > a:nth-child(1)
Show HTML
<a href="https://app.diffy.website/#/" data-slot="button" class="inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-ev...
Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(3) > div:nth-child(2) > a:nth-child(2)
Show HTML
<a href="https://app.diffy.website/#/register" data-slot="button" class="inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:po...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > div:nth-child(3) > a
Show HTML
<a href="https://app.diffy.website/#/register" data-slot="button" class="inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-ev...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(1)
Show HTML
<a href="https://events.drupal.org/chicago2026/session/deploy-confidence-automated-testing-drupal" target="_blank" rel="noopener noreferrer" class="border-input bg-card text-card-foreground hover:bg-accent group flex items-center gap-2 rounded-full b...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(2)
Show HTML
<a href="/blog/stanford-webcamp-best-of-both-worlds" class="border-input bg-card text-card-foreground hover:bg-accent group flex items-center gap-2 rounded-full border px-4 py-2 text-sm transition-colors duration-200"><img src="/images/featured-at/s....
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(3)
Show HTML
<a href="https://wpproducttalk.com/podcast/your-side-gig-can-make-you-or-break-you/" target="_blank" rel="noopener noreferrer" class="border-input bg-card text-card-foreground hover:bg-accent group flex items-center gap-2 rounded-full border px-4 py-...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(4)
Show HTML
<a href="https://www.youtube.com/watch?v=KZsHLQxBCRM" target="_blank" rel="noopener noreferrer" class="border-input bg-card text-card-foreground hover:bg-accent group flex items-center gap-2 rounded-full border px-4 py-2 text-sm transition-colors dur...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(5)
Show HTML
<a href="https://podcasts.apple.com/us/podcast/episode-650-visual-regression-testing-and-side/id1649245370?i=1000763129705" target="_blank" rel="noopener noreferrer" class="border-input bg-card text-card-foreground hover:bg-accent group flex items-ce...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(6)
Show HTML
<a href="https://wppluginsatoz.com/interview-80-visual-regression-mastery-yuri-gerasymovs-guide-to-flawless-wordpress-sites-and-side-hustle-success/" target="_blank" rel="noopener noreferrer" class="border-input bg-card text-card-foreground hover:bg-...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(1)
Show HTML
<a href="/case-study/jakala-visual-regression-confidence" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(2)
Show HTML
<a href="/case-study/alphex-huge-time-savings" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-foreground lg:[&amp;_blockquote]:text-[30px] lg:[&amp;_blockquote]:leading-tight lg:shadow-lg"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(3)
Show HTML
<a href="/case-study/capellic-storybook-components-automated-updates" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg....
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(4)
Show HTML
<a href="/case-study/urban-drupal-large-content-site" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(5)
Show HTML
<a href="/case-study/chromatic-drupal-multisite-tugboat" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(1) > a
Show HTML
<a href="/case-study/jakala-visual-regression-confidence" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(2) > a
Show HTML
<a href="/case-study/alphex-huge-time-savings" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-foreground lg:[&amp;_blockquote]:text-[30px] lg:[&amp;_blockquote]:leading-tight lg:shadow-lg"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(3) > a
Show HTML
<a href="/case-study/capellic-storybook-components-automated-updates" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg....
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(4) > a
Show HTML
<a href="/case-study/urban-drupal-large-content-site" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(5) > a
Show HTML
<a href="/case-study/chromatic-drupal-multisite-tugboat" class="group block rounded-xl col-span-4 lg:[&amp;_blockquote]:text-base lg:[&amp;_blockquote]:leading-loose lg:[&amp;_blockquote]:text-foreground"><div data-slot="card" class="bg...</a>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(7) > section > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > a
Show HTML
<a href="mailto:info@diffy.website" data-slot="button" class="inline-flex items-center cursor-pointer justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([cla...
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(1) > a
Show HTML
<a href="/blog" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Blog</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(2) > a
Show HTML
<a href="https://docs.diffy.website/" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Documentation</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(3) > a
Show HTML
<a href="/features" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Features</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(4) > a
Show HTML
<a href="/pricing" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Pricing</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(5) > a
Show HTML
<a href="/about" class="text-muted-foreground hover:text-foreground text-sm transition-colors">About Us</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(1) > a
Show HTML
<a href="/diffy-vs-backstopjs" class="text-muted-foreground hover:text-foreground text-sm transition-colors">BackstopJS VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(2) > a
Show HTML
<a href="/diffy-vs-saucelabs" class="text-muted-foreground hover:text-foreground text-sm transition-colors">SauceLabs VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(3) > a
Show HTML
<a href="/diffy-vs-phantomjs" class="text-muted-foreground hover:text-foreground text-sm transition-colors">PhantomJS VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(4) > a
Show HTML
<a href="/diffy-vs-percy" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Percy VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(5) > a
Show HTML
<a href="/diffy-vs-ghostinspector" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Ghostinspector VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(6) > a
Show HTML
<a href="/diffy-vs-screenster" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Screenster VS. Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(7) > a
Show HTML
<a href="/diffy-vs-pagescreen" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Pagescreen VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > ul > li:nth-child(8) > a
Show HTML
<a href="/diffy-vs-visualping" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Visualping VS Diffy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(1) > a
Show HTML
<a href="/visual-testing" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Visual Testing</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > ul > li:nth-child(2) > a
Show HTML
<a href="/css-regression-testing" class="text-muted-foreground hover:text-foreground text-sm transition-colors">CSS Regression Testing</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a
Show HTML
<a href="/" class="relative block h-6 w-25"><img src="/images/diffy-logo.sv...</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > a
Show HTML
<a href="https://www.linkedin.com/company/diffy-testing/" class="text-muted-foreground hover:text-foreground flex items-center gap-2 text-sm transition-colors" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2...</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(1)
Show HTML
<a href="https://diffy.website" class="text-muted-foreground hover:text-foreground text-sm transition-colors">© <!-- -->2026<!-- --> Diffy. A...</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(2)
Show HTML
<a href="/privacy-policy" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Privacy</a>
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(2) > div > a:nth-child(3)
Show HTML
<a href="/user-agreement" class="text-muted-foreground hover:text-foreground text-sm transition-colors">Terms</a>

WCAG 1.1.1
Criterion documentation 1.1.1

Technique description (EN)

Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(1) > a > img
Show HTML
<img src="/images/diffy-logo.svg" alt="Diffy Logo" class="size-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-hero.webp" alt="Lumina Workspace" width="1056" height="752.5" class="border-background/45 rounded-t-sm md:rounded-t-xl">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(1) > img
Show HTML
<img src="/images/featured-at/drupalcon.png" alt="DrupalCon Chicago 2026" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(2) > img
Show HTML
<img src="/images/featured-at/stanford-webcamp.png" alt="Stanford WebCamp" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(3) > img
Show HTML
<img src="/images/featured-at/wp-product-talk.png" alt="WP Product Talk" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(4) > img
Show HTML
<img src="/images/featured-at/wp-legends.png" alt="WP Legends" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(5) > img
Show HTML
<img src="/images/featured-at/sdm-show.png" alt="SDM Show" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(6) > img
Show HTML
<img src="/images/featured-at/wp-plugins-atoz.png" alt="WP Plugins A to Z" class="size-5 rounded-sm object-contain">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > img
Show HTML
<img src="/images/features-showcase/pixel-perfect.webp" alt="Pixel-perfect screenshot" class="block w-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > img
Show HTML
<img src="/images/features-showcase/custom-comparison.webp" alt="Visual comparison in Diffy" class="block size-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > img
Show HTML
<img src="/images/features-showcase/testimonials-random-text.webp" alt="Every Time Different Text" class="block w-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > img
Show HTML
<img src="/images/features-showcase/testimonials-mocked-content.webp" alt="Mocked content" class="block size-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > div:nth-child(3) > div > img
Show HTML
<img src="/images/features-grid/local-dev-logos.webp" alt="Local dev integrations" width="500" height="400" class="object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/christina-dimkova.webp" alt="Christina Dimkova profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(2) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/duran-goodyear.webp" alt="Duran Goodyear profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(3) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/stephen-musgrave.webp" alt="Stephen Musgrave profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(4) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/farnoosh-johnson.webp" alt="Farnoosh Johnson profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(5) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/alfonso-gomez-arzola.webp" alt="Alfonso Gómez-Arzola profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(1) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/christina-dimkova.webp" alt="Christina Dimkova profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(2) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/duran-goodyear.webp" alt="Duran Goodyear profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(3) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/stephen-musgrave.webp" alt="Stephen Musgrave profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(4) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/farnoosh-johnson.webp" alt="Farnoosh Johnson profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(5) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/alfonso-gomez-arzola.webp" alt="Alfonso Gómez-Arzola profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a > img
Show HTML
<img src="/images/diffy-logo.svg" alt="Diffy Logo" class="size-full object-contain">

WCAG 1.1.1
Criterion documentation 1.1.1

Technique description (EN)

Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(1) > a > img
Show HTML
<img src="/images/diffy-logo.svg" alt="Diffy Logo" class="size-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(1) > section > div:nth-child(3) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-hero.webp" alt="Lumina Workspace" width="1056" height="752.5" class="border-background/45 rounded-t-sm md:rounded-t-xl">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(1) > img
Show HTML
<img src="/images/diffy-client-logos/capellic.png" alt="Capellic logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(2) > img
Show HTML
<img src="/images/diffy-client-logos/chromatic.png" alt="Chromatic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(3) > img
Show HTML
<img src="/images/diffy-client-logos/phase2.svg" alt="Phase2 logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(4) > img
Show HTML
<img src="/images/diffy-client-logos/drunomics.png" alt="Drunomics logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(5) > img
Show HTML
<img src="/images/diffy-client-logos/epam.png" alt="EPAM logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(0.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(6) > img
Show HTML
<img src="/images/diffy-client-logos/fivejars.png" alt="Five Jars logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(7) > img
Show HTML
<img src="/images/diffy-client-logos/forumone.svg" alt="Forum One logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.8)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(8) > img
Show HTML
<img src="/images/diffy-client-logos/jakala.png" alt="Jakala logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(9) > img
Show HTML
<img src="/images/diffy-client-logos/mdsystems.svg" alt="MD Systems logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(10) > img
Show HTML
<img src="/images/diffy-client-logos/paddlebe.png" alt="PaddleBe logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(11) > img
Show HTML
<img src="/images/diffy-client-logos/palantir.svg" alt="Palantir logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(2)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(12) > img
Show HTML
<img src="/images/diffy-client-logos/readingroom.png" alt="Reading Room logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(13) > img
Show HTML
<img src="/images/diffy-client-logos/salsadigital.png" alt="Salsa Digital logo" class="h-full w-auto max-w-full object-contain" style="transform:scale(1.5)">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(14) > img
Show HTML
<img src="/images/diffy-client-logos/synetic.png" alt="Synetic logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(15) > img
Show HTML
<img src="/images/diffy-client-logos/three-ships.svg" alt="Three Ships logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(2) > section > div:nth-child(3) > div > div:nth-child(4) > div:nth-child(16) > img
Show HTML
<img src="/images/diffy-client-logos/vardot.png" alt="Vardot logo" class="h-full w-auto max-w-full object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(1) > img
Show HTML
<img src="/images/featured-at/drupalcon.png" alt="DrupalCon Chicago 2026" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(2) > img
Show HTML
<img src="/images/featured-at/stanford-webcamp.png" alt="Stanford WebCamp" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(3) > img
Show HTML
<img src="/images/featured-at/wp-product-talk.png" alt="WP Product Talk" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(4) > img
Show HTML
<img src="/images/featured-at/wp-legends.png" alt="WP Legends" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(5) > img
Show HTML
<img src="/images/featured-at/sdm-show.png" alt="SDM Show" class="size-5 rounded-sm object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(3) > section > div:nth-child(2) > div > a:nth-child(6) > img
Show HTML
<img src="/images/featured-at/wp-plugins-atoz.png" alt="WP Plugins A to Z" class="size-5 rounded-sm object-contain">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > img
Show HTML
<img src="/images/features-showcase/pixel-perfect.webp" alt="Pixel-perfect screenshot" class="block w-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > img
Show HTML
<img src="/images/features-showcase/custom-comparison.webp" alt="Visual comparison in Diffy" class="block size-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > img
Show HTML
<img src="/images/features-showcase/testimonials-random-text.webp" alt="Every Time Different Text" class="block w-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > img
Show HTML
<img src="/images/features-showcase/testimonials-mocked-content.webp" alt="Mocked content" class="block size-full object-cover" draggable="false">
Selector: #features-showcase > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > div:nth-child(3) > div > img
Show HTML
<img src="/images/features-grid/local-dev-logos.webp" alt="Local dev integrations" width="500" height="400" class="object-contain">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/christina-dimkova.webp" alt="Christina Dimkova profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(2) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/duran-goodyear.webp" alt="Duran Goodyear profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(3) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/stephen-musgrave.webp" alt="Stephen Musgrave profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(4) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/farnoosh-johnson.webp" alt="Farnoosh Johnson profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(2) > a:nth-child(5) > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/alfonso-gomez-arzola.webp" alt="Alfonso Gómez-Arzola profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(1) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/christina-dimkova.webp" alt="Christina Dimkova profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(2) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/duran-goodyear.webp" alt="Duran Goodyear profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(3) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/stephen-musgrave.webp" alt="Stephen Musgrave profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(4) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/farnoosh-johnson.webp" alt="Farnoosh Johnson profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div > div > div:nth-child(5) > a > div > div:nth-child(3) > div > div:nth-child(1) > img
Show HTML
<img src="/images/testimonials-photos/alfonso-gomez-arzola.webp" alt="Alfonso Gómez-Arzola profile" width="40" height="40" class="size-10 rounded-full object-cover">
Selector: html > body > astro-island > astro-slot > footer > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a > img
Show HTML
<img src="/images/diffy-logo.svg" alt="Diffy Logo" class="size-full object-contain">

WCAG 3.2.1
Criterion documentation 3.2.1

Technique description (EN)

Selector: html > body > astro-island > astro-slot > astro-island > header > div > div:nth-child(2) > div:nth-child(3) > button
Show HTML
<button class="text-muted-foreground relative flex size-8 rounded-sm border lg:hidden"><span class="sr-only">Open main...</button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > button:nth-child(2)
Show HTML
<button data-slot="carousel-previous" class="items-center cursor-pointer justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > button:nth-child(3)
Show HTML
<button data-slot="carousel-next" class="items-center cursor-pointer justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='si...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(1)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-foreground scale-110"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(2)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(3)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(4)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(6) > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > button:nth-child(5)
Show HTML
<button class="size-2 rounded-full transition-all duration-200 bg-muted-foreground/30 hover:bg-muted-foreground/50"></button>
Selector: #radix-«r16R2q»
Show HTML
<button type="button" aria-controls="radix-«r16Riq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R2q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16R4q»
Show HTML
<button type="button" aria-controls="radix-«r16Rkq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R4q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16R6q»
Show HTML
<button type="button" aria-controls="radix-«r16Rmq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R6q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16R8q»
Show HTML
<button type="button" aria-controls="radix-«r16Roq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16R8q»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: #radix-«r16Raq»
Show HTML
<button type="button" aria-controls="radix-«r16Rqq»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«r16Raq»" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > div > button
Show HTML
<button type="button" role="switch" aria-checked="true" data-state="checked" value="on" data-slot="switch" class="peer data-[state=checked]:bg-secondary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[s...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > button
Show HTML
<button data-slot="button" class="inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > button
Show HTML
<button type="button" role="combobox" aria-controls="radix-«r17Rp6k»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="data-[placeholder]:text-muted-foreground [&amp;_s...
Selector: html > body > astro-island > astro-slot > main > astro-island:nth-child(8) > section > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > button
Show HTML
<button data-slot="button" class="inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg...