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

ICS 16.5
Accessibility 0
Performance 33

Score Calculation

100 99 = 1
Severity Unique types Weights Deduction
Critical 2 30 + 19 −49
Serious 7 15 + 10 + 5 + 5 + 5 + 5 + 5 −50
Total deduction −99

Score is based on 9 unique critical and serious issue types. Same issue appearing multiple times counts as one. 46 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

The original score at the time of measurement was 0. The breakdown above reflects updated methodology: Measurement tooling update (Lighthouse 13, Pa11y 9).

Change from previous measurement

+7 Critical 11 → 18
-16 Serious 61 → 45
-66 Total 333 → 267
Page Critical Serious Total
diffy.website +7 -16 -66

Tested Pages

https://diffy.website

Technique description (EN)

Selector: #main-menu-link-content9aea3862-98fb-42cc-b2ac-9454755a4b8f > a
Show HTML
<a href="/features" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Features</a>
Selector: #main-menu-link-content0f94877b-6c9b-4771-897b-875f957bd3ac > a
Show HTML
<a href="/pricing" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Pricing</a>
Selector: #main-menu-link-content3132c896-60e2-4bc0-8ab5-4d2ecbf3cc89 > a
Show HTML
<a href="/drupal" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Drupal</a>
Selector: #main-menu-link-content4132b38b-a0fd-4c5c-88b6-e392a2f88aee > a
Show HTML
<a href="/wordpress" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">WordPress</a>
Selector: #main-menu-link-contente8911bba-9b92-4c61-b1d8-d0bfd01be904 > a
Show HTML
<a href="https://docs.diffy.website/features/figma" class="sf-depth-1 sf-external" role="menuitem">Figma</a>
Selector: #main-menu-link-content130dd987-b8e7-4b90-afd1-e959d298d2fb > a
Show HTML
<a href="/case-study" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Case Study</a>
Selector: #main-menu-link-content4bd6f756-5756-46e8-908d-0e0c594798ec > a
Show HTML
<a href="/agencies" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Agencies</a>

WCAG 1.1.1
Criterion documentation 1.1.1

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(7) > div > div:nth-child(5) > img
Show HTML
<img style="width: 200px;" src="/themes/custom/marketing/images/capterra-4.7.png">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #slider-block > div > div:nth-child(1) > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #slider-block > div > div:nth-child(2) > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #slider-block > div > div:nth-child(3) > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(7) > div > div:nth-child(5) > img
Show HTML
<img style="width: 200px;" src="/themes/custom/marketing/images/capterra-4.7.png">

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(2) > div > div > div > a
Show HTML
<a href="https://app.diffy.website/#/register" class="diffy-register" data-once="diffyUTMs">Get Started With Free Tier</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Duran Goodyear</strong>...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(4) > strong
Show HTML
<strong>Duran Goodyear</strong>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/alphex-huge-time-savings">See full story</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Stephen Musgrave</stron...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(4) > strong
Show HTML
<strong>Stephen Musgrave</strong>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/capellic-storybook-components-automated-updates">See full story</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;">
          <strong>Farnoosh Joh...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(4) > strong
Show HTML
<strong>Farnoosh Johnson</strong>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/urban-drupal-large-content-site">See full story</a>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a > span
Show HTML
<span class="integration--title">DDEV</span>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a > span
Show HTML
<span class="integration--title">Lando</span>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a > span
Show HTML
<span class="integration--title">Docksal</span>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a > span
Show HTML
<span class="integration--title">Docker</span>
Selector: #block-marketing-content > section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > p:nth-child(1) > a
Show HTML
<a href="https://github.com/DiffyWebsite/diffy-cli">CLI tool</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="copyrights-block">© 2026 Diffy. All rights reserv...</div>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > ul > li:nth-child(1) > a
Show HTML
<a href="/privacy-policy" data-once="diffyUTMs">Privacy Policy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > ul > li:nth-child(2) > a
Show HTML
<a href="/user-agreement" data-once="diffyUTMs">User agreement</a>
Selector: #block-marketing-content > section:nth-child(7) > div > div:nth-child(2)
Show HTML
<div class="item col dot text-align-center">·</div>
Selector: #block-marketing-content > section:nth-child(7) > div > div:nth-child(4)
Show HTML
<div class="item col dot text-align-center">·</div>
Selector: #block-marketing-content > section:nth-child(8) > div > h2
Show HTML
<h2 class="text-align-center">Diffy helps your QA team</h2>
Selector: #block-marketing-content > section:nth-child(8) > div > h3
Show HTML
<h3 class="text-align-center">to ensure that websites don't g...</h3>
Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(2) > div > div > div > a
Show HTML
<a href="https://app.diffy.website/#/register" class="diffy-register" data-once="diffyUTMs">Get Started With Free Tier</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Duran Goodyear</strong>...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(4) > strong
Show HTML
<strong>Duran Goodyear</strong>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/alphex-huge-time-savings">See full story</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Stephen Musgrave</stron...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(4) > strong
Show HTML
<strong>Stephen Musgrave</strong>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/capellic-storybook-components-automated-updates">See full story</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;">
          <strong>Farnoosh Joh...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(4) > strong
Show HTML
<strong>Farnoosh Johnson</strong>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/urban-drupal-large-content-site">See full story</a>
Selector: #block-marketing-content > section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > p:nth-child(1) > a
Show HTML
<a href="https://github.com/DiffyWebsite/diffy-cli">CLI tool</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(1)
Show HTML
<div class="copyrights-block">© 2026 Diffy. All rights reserv...</div>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > ul > li:nth-child(1) > a
Show HTML
<a href="/privacy-policy" data-once="diffyUTMs">Privacy Policy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > ul > li:nth-child(2) > a
Show HTML
<a href="/user-agreement" data-once="diffyUTMs">User agreement</a>

WCAG 4.1.2
Criterion documentation 4.1.2

Technique description (EN)

Selector: html > body > div:nth-child(3) > section > div > nav > a
Show HTML
<a class="navbar-brand p-0 d-block" href=" /">
        <svg class="site-logo"...</a>
Selector: html > body > div:nth-child(3) > section > div > nav > a
Show HTML
<a class="navbar-brand p-0 d-block" href=" /">
        <svg class="site-logo"...</a>

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: #superfish-main
Show HTML
<ul id="superfish-main" class="menu sf-menu sf-main sf-horizontal sf-style-white navbar-nav text-center text-lg-left sf-js-enabled sf-shadow" data-once="superfish">
  

  
  <li id="main-menu-lin...</ul>

WCAG 2.4.1
Criterion documentation 2.4.1

Technique description (EN)

Selector: html > body > a
Show HTML
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
   ...</a>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(7) > div > div:nth-child(2)
Show HTML
<div class="item col dot text-align-center">·</div>
Selector: #block-marketing-content > section:nth-child(7) > div > div:nth-child(4)
Show HTML
<div class="item col dot text-align-center">·</div>

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > h3
Show HTML
<h3 class="menu-title">&nbsp;</h3>

WCAG 3.2.2
Criterion documentation 3.2.2

Technique description (EN)

Selector: #webform-submission-subscribe-node-93-add-form
Show HTML
<form class="webform-submission-form webform-submission-add-form webform-submission-subscribe-form webform-submission-subscribe-add-form webform-submission-subscribe-node-93-form webform-submission-subscribe-node-93-add-form" data-drupal-selector="we...

Likely – not counted in score

WCAG 4.1.2
Criterion documentation 4.1.2

Technique description (EN)

Selector: html > body > iframe:nth-child(14)
Show HTML
<iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: 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: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(2) > div > h3
Show HTML
<h3>
            We handle the comp...</h3>

Technique description (EN)

Selector: html
Show HTML
<html lang="en" dir="ltr" class=" js" data-once="drupal-dialog-deprecation-listener"><head>
    <meta charset="utf-8...</html>

Technique description (EN)

Selector: html > body > a
Show HTML
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
   ...</a>
Selector: #block-marketing-content > section:nth-child(1)
Show HTML
<section class="container-fluid p-0 top-hero">
  <div class="hero-wrap">
    ...</section>
Selector: #block-marketing-content > section:nth-child(2)
Show HTML
<section class="container-fluid p-0 max-width-1280 xl-max-width-1600 screenshot-block">
  <div class="col-md-12" style...</section>
Selector: #block-marketing-content > section:nth-child(3)
Show HTML
<section class="home__text_block container-fluid p-0 mt-5 max-width-1280 xl-max-width-1600">
  <div class="row">
    <div c...</section>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(1)
Show HTML
<div class="col-md-12 text-align-center mb-2" style="margin-top: 42px;">
      <h2 class="block-title">...</div>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2)
Show HTML
<div class="col-md-4 case-study">
      <div class="text-align-c...</div>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3)
Show HTML
<div class="col-md-4 case-study">
      <div class="text-align-c...</div>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4)
Show HTML
<div class="col-md-4 case-study">
      <div class="text-align-c...</div>
Selector: #block-marketing-content > section:nth-child(5)
Show HTML
<section class="container-fluid max-width-1280 block-integrations mt-5 pb-5">
  <div class="row px-3">
    <...</section>
Selector: #block-marketing-content > section:nth-child(6)
Show HTML
<section class="container-fluid max-width-1280 block-integrations mt-5">
  <div class="row px-3">
    <...</section>
Selector: #block-marketing-content > section:nth-child(7)
Show HTML
<section class="glance container mt-lg-5 pt-lg-5 pb-lg-5">
  <div class="achievements__bl...</section>
Selector: #block-marketing-content > section:nth-child(8)
Show HTML
<section class="bottom-banner__block_v2 row">
  <div class="inner col-12">
 ...</section>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: html > body > a
Show HTML
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
   ...</a>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a > span
Show HTML
<span class="integration--title">DDEV</span>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a > span
Show HTML
<span class="integration--title">Lando</span>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a > span
Show HTML
<span class="integration--title">Docksal</span>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a > span
Show HTML
<span class="integration--title">Docker</span>

WCAG 1.4.10
Criterion documentation 1.4.10

Technique description (EN)

Selector: html > body > div:nth-child(3) > section
Show HTML
<section class="navbar-block navbar-block__mobile--overlay fixed-top">
  <div class="container-fluid ...</section>

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(2) > div > h3
Show HTML
<h3>
            We handle the comp...</h3>

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(3)
Show HTML
<p><strong>Diffy builds confidence...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(3)
Show HTML
<p><strong>Not only has Diffy allo...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(3)
Show HTML
<p><strong>Being able to run a set...</p>
Selector: #slider-block > div > div:nth-child(1) > p:nth-child(3)
Show HTML
<p><strong style="width: 300px; di...</p>
Selector: #slider-block > div > div:nth-child(2) > p:nth-child(3)
Show HTML
<p><strong style="width: 300px; di...</p>
Selector: #slider-block > div > div:nth-child(3) > p:nth-child(3)
Show HTML
<p><strong style="width: 300px; di...</p>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Duran Goodyear</strong>...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Stephen Musgrave</stron...</p>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;">
          <strong>Farnoosh Joh...</p>
Selector: #slider-block > div > div:nth-child(1) > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Duran Goodyear</strong>...</p>
Selector: #slider-block > div > div:nth-child(2) > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;">
            <strong>Farnoosh J...</p>
Selector: #slider-block > div > div:nth-child(3) > p:nth-child(4)
Show HTML
<p style="color: #8F8F8F; font-size: 16px;"><strong>Stephen Musgrave</stron...</p>

WCAG 1.3.1
Criterion documentation 1.3.1

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(6) > div:nth-child(2)
Show HTML
<div class="integration-action--links">
    <a href="/features" data-o...</div>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3)
Show HTML
<div class="youtube-button text-nowrap">
        <small>Follow us:</sma...</div>

WCAG 1.4.3
Criterion documentation 1.4.3

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(8) > div > h2
Show HTML
<h2 class="text-align-center">Diffy helps your QA team</h2>
Selector: #block-marketing-content > section:nth-child(8) > div > h3
Show HTML
<h3 class="text-align-center">to ensure that websites don't g...</h3>

WCAG 2.4.6
Criterion documentation 2.4.6

Technique description (EN)

Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > h3
Show HTML
<h3 class="menu-title">&nbsp;</h3>

WCAG 2.4.2
Criterion documentation 2.4.2

Technique description (EN)

Selector: html > head > title
Show HTML
<title>Visual Regression Testing For D...</title>

WCAG 2.4.4
Criterion documentation 2.4.4

Technique description (EN)

Selector: html > body > a
Show HTML
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
   ...</a>
Selector: html > body > div:nth-child(3) > section > div > nav > a
Show HTML
<a class="navbar-brand p-0 d-block" href=" /">
        <svg class="site-logo"...</a>
Selector: #main-menu-link-content9aea3862-98fb-42cc-b2ac-9454755a4b8f > a
Show HTML
<a href="/features" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Features</a>
Selector: #main-menu-link-content0f94877b-6c9b-4771-897b-875f957bd3ac > a
Show HTML
<a href="/pricing" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Pricing</a>
Selector: #main-menu-link-content3132c896-60e2-4bc0-8ab5-4d2ecbf3cc89 > a
Show HTML
<a href="/drupal" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Drupal</a>
Selector: #main-menu-link-content4132b38b-a0fd-4c5c-88b6-e392a2f88aee > a
Show HTML
<a href="/wordpress" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">WordPress</a>
Selector: #main-menu-link-contente8911bba-9b92-4c61-b1d8-d0bfd01be904 > a
Show HTML
<a href="https://docs.diffy.website/features/figma" class="sf-depth-1 sf-external" role="menuitem">Figma</a>
Selector: #main-menu-link-content130dd987-b8e7-4b90-afd1-e959d298d2fb > a
Show HTML
<a href="/case-study" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Case Study</a>
Selector: #main-menu-link-content4bd6f756-5756-46e8-908d-0e0c594798ec > a
Show HTML
<a href="/agencies" class="sf-depth-1" role="menuitem" data-once="diffyUTMs">Agencies</a>
Selector: #superfish-main > div > a:nth-child(1)
Show HTML
<a class="sign-in" href="https://app.diffy.website/#" data-once="diffyUTMs">Sign In</a>
Selector: #superfish-main > div > a:nth-child(2)
Show HTML
<a class="diffy-register" href="https://app.diffy.website/#/register" data-once="diffyUTMs">Get Started With Free Tier</a>
Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(2) > div > div > div > a
Show HTML
<a href="https://app.diffy.website/#/register" class="diffy-register" data-once="diffyUTMs">Get Started With Free Tier</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > a
Show HTML
<a href="https://diffy.website/case-study/alphex-huge-time-savings">
          <img alt="Alphex Cas...</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/alphex-huge-time-savings">See full story</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > a
Show HTML
<a href="https://diffy.website/case-study/capellic-storybook-components-automated-updates">
          <img alt="Capellic C...</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/capellic-storybook-components-automated-updates">See full story</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > a
Show HTML
<a href="https://diffy.website/case-study/urban-drupal-large-content-site">
          <img alt="Updates or...</a>
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > p:nth-child(5) > a
Show HTML
<a href="https://diffy.website/case-study/urban-drupal-large-content-site">See full story</a>
Selector: #slider-block > div > div:nth-child(1) > a
Show HTML
<a href="https://diffy.website/case-study/alphex-huge-time-savings">
            <img alt="Huge tim...</a>
Selector: #slider-block > div > div:nth-child(2) > a
Show HTML
<a href="https://diffy.website/case-study/urban-drupal-large-content-site">
            <img alt="Updates ...</a>
Selector: #slider-block > div > div:nth-child(3) > a
Show HTML
<a href="https://diffy.website/case-study/capellic-storybook-components-automated-updates">
            <img alt="Capellic...</a>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a
Show HTML
<a href="https://docs.diffy.website/features/local-development/ddev-add-on">
          <img alt="DDEV logo"...</a>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a
Show HTML
<a href="https://docs.diffy.website/features/local-development/lando-integration">
          <img alt="Lando logo...</a>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a
Show HTML
<a href="https://docs.diffy.website/features/local-development/docksal">
          <img alt="Docksal lo...</a>
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a
Show HTML
<a href="https://docs.diffy.website/features/local-development/standalone-docker-container">
          <img alt="Docker log...</a>
Selector: #block-marketing-content > section:nth-child(6) > div:nth-child(1) > div:nth-child(2) > p:nth-child(1) > a
Show HTML
<a href="https://github.com/DiffyWebsite/diffy-cli">CLI tool</a>
Selector: #block-marketing-content > section:nth-child(6) > div:nth-child(2) > a:nth-child(1)
Show HTML
<a href="/features" data-once="diffyUTMs">See all features</a>
Selector: #block-marketing-content > section:nth-child(6) > div:nth-child(2) > a:nth-child(2)
Show HTML
<a href="https://docs.diffy.website/automation/overview">See all integrations</a>
Selector: #block-marketing-content > section:nth-child(8) > div > div > div > div > a
Show HTML
<a href="https://app.diffy.website/#/register" class="diffy-register" data-once="diffyUTMs">Get Started With Free Tier</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(2) > div > ul > li:nth-child(1) > a
Show HTML
<a href="/blog" data-drupal-link-system-path="blog" data-once="diffyUTMs">Blog</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(2) > div > ul > li:nth-child(2) > a
Show HTML
<a href="https://docs.diffy.website">Documentation</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(2) > div > ul > li:nth-child(3) > a
Show HTML
<a href="/features" data-drupal-link-system-path="node/3" data-once="diffyUTMs">Features</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(2) > div > ul > li:nth-child(4) > a
Show HTML
<a href="/pricing" data-drupal-link-system-path="node/2" data-once="diffyUTMs">Pricing</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(2) > div > ul > li:nth-child(5) > a
Show HTML
<a href="/about-us" data-drupal-link-system-path="node/5" data-once="diffyUTMs">About Us</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(2) > div > ul > li:nth-child(6) > a
Show HTML
<a href="/affiliate" data-drupal-link-system-path="node/30" data-once="diffyUTMs">Affiliate</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(1) > a
Show HTML
<a href="/backstopjs" data-drupal-link-system-path="node/33" data-once="diffyUTMs">BackstopJS VS. Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(2) > a
Show HTML
<a href="/saucelabs" data-drupal-link-system-path="node/103" data-once="diffyUTMs">SauceLabs VS Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(3) > a
Show HTML
<a href="/phantomjs" data-drupal-link-system-path="node/39" data-once="diffyUTMs">PhantomJS VS Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(4) > a
Show HTML
<a href="/diffy-vs-percy" data-drupal-link-system-path="node/8" data-once="diffyUTMs">Percy VS. Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(5) > a
Show HTML
<a href="/diffy-vs-ghostinspector" data-drupal-link-system-path="node/9" data-once="diffyUTMs">Ghostinspector VS. Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(6) > a
Show HTML
<a href="/diffy-vs-screenster" data-drupal-link-system-path="node/10" data-once="diffyUTMs">Screenster VS. Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(7) > a
Show HTML
<a href="/pagescreen" data-drupal-link-system-path="node/106" data-once="diffyUTMs">Pagescreen VS Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > div > ul > li:nth-child(8) > a
Show HTML
<a href="/visualping" data-drupal-link-system-path="node/107" data-once="diffyUTMs">Visualping VS Diffy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(4) > div > ul > li:nth-child(1) > a
Show HTML
<a href="/visual-testing" data-drupal-link-system-path="node/4" data-once="diffyUTMs">Visual Testing</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(4) > div > ul > li:nth-child(2) > a
Show HTML
<a href="/css-regression-testing" data-drupal-link-system-path="node/66" data-once="diffyUTMs">CSS Regression Testing</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > ul > li:nth-child(1) > a
Show HTML
<a href="/privacy-policy" data-once="diffyUTMs">Privacy Policy</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > ul > li:nth-child(2) > a
Show HTML
<a href="/user-agreement" data-once="diffyUTMs">User agreement</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(2)
Show HTML
<a href="https://github.com/diffywebsite" target="_blank">
          <img alt="Diffy on Y...</a>
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(3)
Show HTML
<a href="https://www.youtube.com/@diffy-visual-regression-test" target="_blank">
          <img alt="Diffy on Y...</a>
Selector: html > body > div:nth-child(3) > div:nth-child(5) > div > ul > li:nth-child(1) > a
Show HTML
<a href="/privacy-policy" data-drupal-link-system-path="node/6" data-once="diffyUTMs">Privacy Policy</a>
Selector: html > body > div:nth-child(3) > div:nth-child(5) > div > ul > li:nth-child(2) > a
Show HTML
<a href="/user-agreement" data-drupal-link-system-path="node/7" data-once="diffyUTMs">User Agreement</a>

WCAG 1.1.1
Criterion documentation 1.1.1

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > div > img
Show HTML
<img alt="Hero background" src="/themes/custom/marketing/images/top-hero-bg.png">
Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > img
Show HTML
<img class="float-right top-image" alt="Hero image" src="/themes/custom/marketing/images/top-hero-image2.webp">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(1) > img
Show HTML
<img class="m-auto" alt="palantir.net" src="/themes/custom/marketing/images/logos-palantir.svg" style="max-height: 70px; height: auto;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(2) > img
Show HTML
<img class="m-auto" alt="MD Systems logo" src="/themes/custom/marketing/images/logos-mdsystems.svg" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(3) > img
Show HTML
<img class="m-auto" alt="Phase2 Technology" src="/themes/custom/marketing/images/logos-phase2.svg" style="max-height: 70px; height: auto;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(4) > img
Show HTML
<img class="m-auto" alt="ForumOne" src="/themes/custom/marketing/images/logos-forumone.svg" style="max-height: 70px; height: auto;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(5) > img
Show HTML
<img class="m-auto" alt="Jakala" src="/themes/custom/marketing/images/logos-jakala.png" style="width: 145px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(6) > img
Show HTML
<img class="m-auto" alt="Evolving Web" src="/themes/custom/marketing/images/logos-evolvingweb.svg" style="width: 155px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(7) > img
Show HTML
<img class="m-auto" alt="Salsa Digital" src="/themes/custom/marketing/images/logo-salsadigital.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(8) > img
Show HTML
<img class="m-auto" alt="Capellic" src="/themes/custom/marketing/images/logo-capellic.png" style="max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(9) > img
Show HTML
<img class="m-auto" alt="Five Jars" src="/themes/custom/marketing/images/logo-fivejars.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(10) > img
Show HTML
<img class="m-auto" alt="Reading Room" src="/themes/custom/marketing/images/logo-readingroom.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(11) > img
Show HTML
<img class="m-auto" alt="Chromatic" src="/themes/custom/marketing/images/logo-chromatic.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(12) > img
Show HTML
<img class="m-auto" alt="EPAM" src="/themes/custom/marketing/images/logo-epam.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(13) > img
Show HTML
<img class="m-auto" alt="Vardot" src="/themes/custom/marketing/images/logo-vardot.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(14) > img
Show HTML
<img class="m-auto" alt="Synetic" src="/themes/custom/marketing/images/logo-synetic.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(15) > img
Show HTML
<img class="m-auto" alt="Paddle.be" src="/themes/custom/marketing/images/logo-paddlebe.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(16) > img
Show HTML
<img class="m-auto" alt="Drunomics" src="/themes/custom/marketing/images/logo-drunomics.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(3) > div > div:nth-child(2) > div > img
Show HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-purple.svg">
Selector: #block-marketing-content > section:nth-child(3) > div > div:nth-child(3) > div > img
Show HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-blue.svg">
Selector: #block-marketing-content > section:nth-child(3) > div > div:nth-child(4) > div > img
Show HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-green.svg">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > a > img
Show HTML
<img alt="Alphex Case Study" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 80%;">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > a > img
Show HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 80%;">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > a > img
Show HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 80%;">
Selector: #slider-block > div > div:nth-child(1) > a > img
Show HTML
<img alt="Huge time savings" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 40%;">
Selector: #slider-block > div > div:nth-child(2) > a > img
Show HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 40%;">
Selector: #slider-block > div > div:nth-child(3) > a > img
Show HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 40%;">
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a > img
Show HTML
<img alt="DDEV logo" src="/themes/custom/marketing/images/ddev-logo.webp" style="width: 120px;">
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a > img
Show HTML
<img alt="Lando logo" src="/themes/custom/marketing/images/lando-logo.png" style="width: 60px;">
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a > img
Show HTML
<img alt="Docksal logo" src="/themes/custom/marketing/images/docksal-logo.png" style="width: 60px;">
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a > img
Show HTML
<img alt="Docker logo" src="/themes/custom/marketing/images/docker-logo.svg" style="width: 70px;">
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(2) > img
Show HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/github-small.svg">
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(3) > img
Show HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/youtube.svg">

WCAG 1.1.1
Criterion documentation 1.1.1

Technique description (EN)

Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > div > img
Show HTML
<img alt="Hero background" src="/themes/custom/marketing/images/top-hero-bg.png">
Selector: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > img
Show HTML
<img class="float-right top-image" alt="Hero image" src="/themes/custom/marketing/images/top-hero-image2.webp">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(1) > img
Show HTML
<img class="m-auto" alt="palantir.net" src="/themes/custom/marketing/images/logos-palantir.svg" style="max-height: 70px; height: auto;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(2) > img
Show HTML
<img class="m-auto" alt="MD Systems logo" src="/themes/custom/marketing/images/logos-mdsystems.svg" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(3) > img
Show HTML
<img class="m-auto" alt="Phase2 Technology" src="/themes/custom/marketing/images/logos-phase2.svg" style="max-height: 70px; height: auto;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(4) > img
Show HTML
<img class="m-auto" alt="ForumOne" src="/themes/custom/marketing/images/logos-forumone.svg" style="max-height: 70px; height: auto;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(5) > img
Show HTML
<img class="m-auto" alt="Jakala" src="/themes/custom/marketing/images/logos-jakala.png" style="width: 145px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(6) > img
Show HTML
<img class="m-auto" alt="Evolving Web" src="/themes/custom/marketing/images/logos-evolvingweb.svg" style="width: 155px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(7) > img
Show HTML
<img class="m-auto" alt="Salsa Digital" src="/themes/custom/marketing/images/logo-salsadigital.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(8) > img
Show HTML
<img class="m-auto" alt="Capellic" src="/themes/custom/marketing/images/logo-capellic.png" style="max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(9) > img
Show HTML
<img class="m-auto" alt="Five Jars" src="/themes/custom/marketing/images/logo-fivejars.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(10) > img
Show HTML
<img class="m-auto" alt="Reading Room" src="/themes/custom/marketing/images/logo-readingroom.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(11) > img
Show HTML
<img class="m-auto" alt="Chromatic" src="/themes/custom/marketing/images/logo-chromatic.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(12) > img
Show HTML
<img class="m-auto" alt="EPAM" src="/themes/custom/marketing/images/logo-epam.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(13) > img
Show HTML
<img class="m-auto" alt="Vardot" src="/themes/custom/marketing/images/logo-vardot.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(14) > img
Show HTML
<img class="m-auto" alt="Synetic" src="/themes/custom/marketing/images/logo-synetic.png" style="width: 125px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(15) > img
Show HTML
<img class="m-auto" alt="Paddle.be" src="/themes/custom/marketing/images/logo-paddlebe.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(16) > img
Show HTML
<img class="m-auto" alt="Drunomics" src="/themes/custom/marketing/images/logo-drunomics.png" style="width: 135px; max-height: 70px; height: auto; background-blend-mode: multiply;">
Selector: #block-marketing-content > section:nth-child(3) > div > div:nth-child(2) > div > img
Show HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-purple.svg">
Selector: #block-marketing-content > section:nth-child(3) > div > div:nth-child(3) > div > img
Show HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-blue.svg">
Selector: #block-marketing-content > section:nth-child(3) > div > div:nth-child(4) > div > img
Show HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-green.svg">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > a > img
Show HTML
<img alt="Alphex Case Study" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 80%;">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > a > img
Show HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 80%;">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > a > img
Show HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 80%;">
Selector: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #slider-block > div > div:nth-child(1) > a > img
Show HTML
<img alt="Huge time savings" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 40%;">
Selector: #slider-block > div > div:nth-child(1) > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #slider-block > div > div:nth-child(2) > a > img
Show HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 40%;">
Selector: #slider-block > div > div:nth-child(2) > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #slider-block > div > div:nth-child(3) > a > img
Show HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 40%;">
Selector: #slider-block > div > div:nth-child(3) > img
Show HTML
<img style="
              margin-top: 35px;
              margin-bottom: 15px;
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;" src="/themes/custom/marketing/images/quote.sv...
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a > img
Show HTML
<img alt="DDEV logo" src="/themes/custom/marketing/images/ddev-logo.webp" style="width: 120px;">
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a > img
Show HTML
<img alt="Lando logo" src="/themes/custom/marketing/images/lando-logo.png" style="width: 60px;">
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a > img
Show HTML
<img alt="Docksal logo" src="/themes/custom/marketing/images/docksal-logo.png" style="width: 60px;">
Selector: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a > img
Show HTML
<img alt="Docker logo" src="/themes/custom/marketing/images/docker-logo.svg" style="width: 70px;">
Selector: #block-marketing-content > section:nth-child(7) > div > div:nth-child(5) > img
Show HTML
<img style="width: 200px;" src="/themes/custom/marketing/images/capterra-4.7.png">
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(2) > img
Show HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/github-small.svg">
Selector: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(3) > img
Show HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/youtube.svg">

WCAG 1.3.5
Criterion documentation 1.3.5

Technique description (EN)

Selector: #slider-block > input:nth-child(1)
Show HTML
<input type="radio" name="slider" title="slide1" checked="checked" class="slider__nav">
Selector: #slider-block > input:nth-child(2)
Show HTML
<input type="radio" name="slider" title="slide2" class="slider__nav">
Selector: #slider-block > input:nth-child(3)
Show HTML
<input type="radio" name="slider" title="slide3" class="slider__nav">
Selector: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(5)
Show HTML
<input autocomplete="off" data-drupal-selector="form-bmgx-hhenh5bfqkmi45ntt84bm-mu53j2mqlw-uhowk" type="hidden" name="form_build_id" value="form-BMGX_HHenH5BFQkMI45NTt84bm-Mu53J2MqLW_uHOWk" class="form-control">
Selector: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(6)
Show HTML
<input data-drupal-selector="edit-webform-submission-subscribe-node-93-add-form" type="hidden" name="form_id" value="webform_submission_subscribe_node_93_add_form" class="form-control">

WCAG 3.2.1
Criterion documentation 3.2.1

Technique description (EN)

Selector: #slider-block > input:nth-child(1)
Show HTML
<input type="radio" name="slider" title="slide1" checked="checked" class="slider__nav">
Selector: #slider-block > input:nth-child(2)
Show HTML
<input type="radio" name="slider" title="slide2" class="slider__nav">
Selector: #slider-block > input:nth-child(3)
Show HTML
<input type="radio" name="slider" title="slide3" class="slider__nav">
Selector: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(5)
Show HTML
<input autocomplete="off" data-drupal-selector="form-bmgx-hhenh5bfqkmi45ntt84bm-mu53j2mqlw-uhowk" type="hidden" name="form_build_id" value="form-BMGX_HHenH5BFQkMI45NTt84bm-Mu53J2MqLW_uHOWk" class="form-control">
Selector: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(6)
Show HTML
<input data-drupal-selector="edit-webform-submission-subscribe-node-93-add-form" type="hidden" name="form_id" value="webform_submission_subscribe_node_93_add_form" class="form-control">

WCAG 3.3.1
Criterion documentation 3.3.1

Technique description (EN)

Selector: #webform-submission-subscribe-node-93-add-form
Show HTML
<form class="webform-submission-form webform-submission-add-form webform-submission-subscribe-form webform-submission-subscribe-add-form webform-submission-subscribe-node-93-form webform-submission-subscribe-node-93-add-form" data-drupal-selector="we...

WCAG 3.3.2
Criterion documentation 3.3.2

Technique description (EN)

Selector: #webform-submission-subscribe-node-93-add-form
Show HTML
<form class="webform-submission-form webform-submission-add-form webform-submission-subscribe-form webform-submission-subscribe-add-form webform-submission-subscribe-node-93-form webform-submission-subscribe-node-93-add-form" data-drupal-selector="we...

WCAG 3.3.3
Criterion documentation 3.3.3

Technique description (EN)

Selector: #webform-submission-subscribe-node-93-add-form
Show HTML
<form class="webform-submission-form webform-submission-add-form webform-submission-subscribe-form webform-submission-subscribe-add-form webform-submission-subscribe-node-93-form webform-submission-subscribe-node-93-add-form" data-drupal-selector="we...

WCAG 3.3.4
Criterion documentation 3.3.4

Technique description (EN)

Selector: #webform-submission-subscribe-node-93-add-form
Show HTML
<form class="webform-submission-form webform-submission-add-form webform-submission-subscribe-form webform-submission-subscribe-add-form webform-submission-subscribe-node-93-form webform-submission-subscribe-node-93-add-form" data-drupal-selector="we...