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

ICS 16.5
Přístupnost 0
Výkon 33

Výpočet skóre

100 99 = 1
Závažnost Unikátní typy Váhy Odpočet
Kritické 2 30 + 19 −49
Závažné 7 15 + 10 + 5 + 5 + 5 + 5 + 5 −50
Celkový odpočet −99

Skóre je založeno na 9 unikátních typech kritických a závažných problémů. Stejný problém, který se opakuje vícekrát, se počítá pouze jednou. 46 unikátních středních/drobných problémů je sledováno, ale neovlivňuje skóre.
1 kritických/závažných problémů označených jako pravděpodobně false-positive není započítáno do skóre. Zjistěte více o metodice měření

Původní skóre v době měření bylo 0. Výše uvedený rozpis odráží aktualizovanou metodiku: Aktualizace měřicích nástrojů (Lighthouse 13, Pa11y 9).

Změna oproti předchozímu měření

+7 Kritické 11 → 18
-16 Závažné 61 → 45
-66 Celkem 333 → 267
Stránka Kritické Závažné Celkem
diffy.website +7 -16 -66

Testované stránky

https://diffy.website

Popis techniky (EN)

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

WCAG 1.1.1
Dokumentace kritéria 1.1.1

Popis techniky (EN)

Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(7) > div > div:nth-child(5) > img
Zobrazit HTML
<img style="width: 200px;" src="/themes/custom/marketing/images/capterra-4.7.png">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > img
Zobrazit 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...
Selektor: #slider-block > div > div:nth-child(1) > img
Zobrazit 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...
Selektor: #slider-block > div > div:nth-child(2) > img
Zobrazit 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...
Selektor: #slider-block > div > div:nth-child(3) > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(7) > div > div:nth-child(5) > img
Zobrazit HTML
<img style="width: 200px;" src="/themes/custom/marketing/images/capterra-4.7.png">

WCAG 1.4.3
Dokumentace kritéria 1.4.3

Popis techniky (EN)

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

WCAG 4.1.2
Dokumentace kritéria 4.1.2

Popis techniky (EN)

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

WCAG 1.3.1
Dokumentace kritéria 1.3.1

Popis techniky (EN)

Selektor: #superfish-main
Zobrazit 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
Dokumentace kritéria 2.4.1

Popis techniky (EN)

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

WCAG 1.4.3
Dokumentace kritéria 1.4.3

Popis techniky (EN)

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

WCAG 1.3.1
Dokumentace kritéria 1.3.1

Popis techniky (EN)

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

WCAG 3.2.2
Dokumentace kritéria 3.2.2

Popis techniky (EN)

Selektor: #webform-submission-subscribe-node-93-add-form
Zobrazit 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...

Pravděpodobně – nezapočítáno do skóre

WCAG 4.1.2
Dokumentace kritéria 4.1.2

Popis techniky (EN)

Selektor: html > body > iframe:nth-child(14)
Zobrazit HTML
<iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

Problémy neovlivňující skóre

Často se nejedná o chyby, ale o doporučení vyžadující ruční kontrolu. Mohou indikovat potenciální bariéry přístupnosti, které automatické testování nedokáže plně vyhodnotit.

WCAG 1.3.1
Dokumentace kritéria 1.3.1

Popis techniky (EN)

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

Popis techniky (EN)

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

Popis techniky (EN)

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

WCAG 1.4.3
Dokumentace kritéria 1.4.3

Popis techniky (EN)

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

WCAG 1.4.10
Dokumentace kritéria 1.4.10

Popis techniky (EN)

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

WCAG 1.3.1
Dokumentace kritéria 1.3.1

Popis techniky (EN)

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

WCAG 1.3.1
Dokumentace kritéria 1.3.1

Popis techniky (EN)

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

WCAG 1.4.3
Dokumentace kritéria 1.4.3

Popis techniky (EN)

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

WCAG 1.3.1
Dokumentace kritéria 1.3.1

Popis techniky (EN)

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

WCAG 1.4.3
Dokumentace kritéria 1.4.3

Popis techniky (EN)

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

WCAG 2.4.6
Dokumentace kritéria 2.4.6

Popis techniky (EN)

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

WCAG 2.4.2
Dokumentace kritéria 2.4.2

Popis techniky (EN)

Selektor: html > head > title
Zobrazit HTML
<title>Visual Regression Testing For D...</title>

WCAG 2.4.4
Dokumentace kritéria 2.4.4

Popis techniky (EN)

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

WCAG 1.1.1
Dokumentace kritéria 1.1.1

Popis techniky (EN)

Selektor: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > div > img
Zobrazit HTML
<img alt="Hero background" src="/themes/custom/marketing/images/top-hero-bg.png">
Selektor: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > img
Zobrazit HTML
<img class="float-right top-image" alt="Hero image" src="/themes/custom/marketing/images/top-hero-image2.webp">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(1) > img
Zobrazit HTML
<img class="m-auto" alt="palantir.net" src="/themes/custom/marketing/images/logos-palantir.svg" style="max-height: 70px; height: auto;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(2) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(3) > img
Zobrazit HTML
<img class="m-auto" alt="Phase2 Technology" src="/themes/custom/marketing/images/logos-phase2.svg" style="max-height: 70px; height: auto;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(4) > img
Zobrazit HTML
<img class="m-auto" alt="ForumOne" src="/themes/custom/marketing/images/logos-forumone.svg" style="max-height: 70px; height: auto;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(5) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(6) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(7) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(8) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(9) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(10) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(11) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(12) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(13) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(14) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(15) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(16) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(3) > div > div:nth-child(2) > div > img
Zobrazit HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-purple.svg">
Selektor: #block-marketing-content > section:nth-child(3) > div > div:nth-child(3) > div > img
Zobrazit HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-blue.svg">
Selektor: #block-marketing-content > section:nth-child(3) > div > div:nth-child(4) > div > img
Zobrazit HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-green.svg">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > a > img
Zobrazit HTML
<img alt="Alphex Case Study" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 80%;">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > a > img
Zobrazit HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 80%;">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > a > img
Zobrazit HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 80%;">
Selektor: #slider-block > div > div:nth-child(1) > a > img
Zobrazit HTML
<img alt="Huge time savings" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 40%;">
Selektor: #slider-block > div > div:nth-child(2) > a > img
Zobrazit HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 40%;">
Selektor: #slider-block > div > div:nth-child(3) > a > img
Zobrazit HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 40%;">
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a > img
Zobrazit HTML
<img alt="DDEV logo" src="/themes/custom/marketing/images/ddev-logo.webp" style="width: 120px;">
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a > img
Zobrazit HTML
<img alt="Lando logo" src="/themes/custom/marketing/images/lando-logo.png" style="width: 60px;">
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a > img
Zobrazit HTML
<img alt="Docksal logo" src="/themes/custom/marketing/images/docksal-logo.png" style="width: 60px;">
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a > img
Zobrazit HTML
<img alt="Docker logo" src="/themes/custom/marketing/images/docker-logo.svg" style="width: 70px;">
Selektor: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(2) > img
Zobrazit HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/github-small.svg">
Selektor: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(3) > img
Zobrazit HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/youtube.svg">

WCAG 1.1.1
Dokumentace kritéria 1.1.1

Popis techniky (EN)

Selektor: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > div > img
Zobrazit HTML
<img alt="Hero background" src="/themes/custom/marketing/images/top-hero-bg.png">
Selektor: #block-marketing-content > section:nth-child(1) > div > div > div:nth-child(1) > div > img
Zobrazit HTML
<img class="float-right top-image" alt="Hero image" src="/themes/custom/marketing/images/top-hero-image2.webp">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(1) > img
Zobrazit HTML
<img class="m-auto" alt="palantir.net" src="/themes/custom/marketing/images/logos-palantir.svg" style="max-height: 70px; height: auto;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(2) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(3) > img
Zobrazit HTML
<img class="m-auto" alt="Phase2 Technology" src="/themes/custom/marketing/images/logos-phase2.svg" style="max-height: 70px; height: auto;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(4) > img
Zobrazit HTML
<img class="m-auto" alt="ForumOne" src="/themes/custom/marketing/images/logos-forumone.svg" style="max-height: 70px; height: auto;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(5) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(6) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(7) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(8) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(9) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(10) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(11) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(12) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(13) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(14) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(15) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(2) > div > div > div:nth-child(16) > img
Zobrazit 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;">
Selektor: #block-marketing-content > section:nth-child(3) > div > div:nth-child(2) > div > img
Zobrazit HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-purple.svg">
Selektor: #block-marketing-content > section:nth-child(3) > div > div:nth-child(3) > div > img
Zobrazit HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-blue.svg">
Selektor: #block-marketing-content > section:nth-child(3) > div > div:nth-child(4) > div > img
Zobrazit HTML
<img alt="Updates or client break the site" width="127" src="/themes/custom/marketing/images/pain-point-green.svg">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > a > img
Zobrazit HTML
<img alt="Alphex Case Study" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 80%;">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(2) > div > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > a > img
Zobrazit HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 80%;">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(3) > div > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > a > img
Zobrazit HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 80%;">
Selektor: #block-marketing-content > section:nth-child(4) > div > div:nth-child(4) > div > img
Zobrazit 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...
Selektor: #slider-block > div > div:nth-child(1) > a > img
Zobrazit HTML
<img alt="Huge time savings" src="/themes/custom/marketing/images/duran-alphex.webp" style="max-width: 40%;">
Selektor: #slider-block > div > div:nth-child(1) > img
Zobrazit 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...
Selektor: #slider-block > div > div:nth-child(2) > a > img
Zobrazit HTML
<img alt="Updates or client break the site" src="/themes/custom/marketing/images/farnoosh-johnson.jpg" style="max-width: 40%;">
Selektor: #slider-block > div > div:nth-child(2) > img
Zobrazit 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...
Selektor: #slider-block > div > div:nth-child(3) > a > img
Zobrazit HTML
<img alt="Capellic Case Study" src="/themes/custom/marketing/images/stephen-capellic.webp" style="max-width: 40%;">
Selektor: #slider-block > div > div:nth-child(3) > img
Zobrazit 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...
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(1) > a > img
Zobrazit HTML
<img alt="DDEV logo" src="/themes/custom/marketing/images/ddev-logo.webp" style="width: 120px;">
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(2) > a > img
Zobrazit HTML
<img alt="Lando logo" src="/themes/custom/marketing/images/lando-logo.png" style="width: 60px;">
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(3) > a > img
Zobrazit HTML
<img alt="Docksal logo" src="/themes/custom/marketing/images/docksal-logo.png" style="width: 60px;">
Selektor: #block-marketing-content > section:nth-child(5) > div > div:nth-child(2) > div:nth-child(4) > a > img
Zobrazit HTML
<img alt="Docker logo" src="/themes/custom/marketing/images/docker-logo.svg" style="width: 70px;">
Selektor: #block-marketing-content > section:nth-child(7) > div > div:nth-child(5) > img
Zobrazit HTML
<img style="width: 200px;" src="/themes/custom/marketing/images/capterra-4.7.png">
Selektor: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(2) > img
Zobrazit HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/github-small.svg">
Selektor: html > body > div:nth-child(3) > footer > div > div:nth-child(2) > div:nth-child(3) > a:nth-child(3) > img
Zobrazit HTML
<img alt="Diffy on Youtube" src="/themes/custom/marketing/images/youtube.svg">

WCAG 1.3.5
Dokumentace kritéria 1.3.5

Popis techniky (EN)

Selektor: #slider-block > input:nth-child(1)
Zobrazit HTML
<input type="radio" name="slider" title="slide1" checked="checked" class="slider__nav">
Selektor: #slider-block > input:nth-child(2)
Zobrazit HTML
<input type="radio" name="slider" title="slide2" class="slider__nav">
Selektor: #slider-block > input:nth-child(3)
Zobrazit HTML
<input type="radio" name="slider" title="slide3" class="slider__nav">
Selektor: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(5)
Zobrazit 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">
Selektor: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(6)
Zobrazit 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
Dokumentace kritéria 3.2.1

Popis techniky (EN)

Selektor: #slider-block > input:nth-child(1)
Zobrazit HTML
<input type="radio" name="slider" title="slide1" checked="checked" class="slider__nav">
Selektor: #slider-block > input:nth-child(2)
Zobrazit HTML
<input type="radio" name="slider" title="slide2" class="slider__nav">
Selektor: #slider-block > input:nth-child(3)
Zobrazit HTML
<input type="radio" name="slider" title="slide3" class="slider__nav">
Selektor: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(5)
Zobrazit 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">
Selektor: #webform-submission-subscribe-node-93-add-form > section > div > div:nth-child(2) > input:nth-child(6)
Zobrazit 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
Dokumentace kritéria 3.3.1

Popis techniky (EN)

Selektor: #webform-submission-subscribe-node-93-add-form
Zobrazit 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
Dokumentace kritéria 3.3.2

Popis techniky (EN)

Selektor: #webform-submission-subscribe-node-93-add-form
Zobrazit 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
Dokumentace kritéria 3.3.3

Popis techniky (EN)

Selektor: #webform-submission-subscribe-node-93-add-form
Zobrazit 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
Dokumentace kritéria 3.3.4

Popis techniky (EN)

Selektor: #webform-submission-subscribe-node-93-add-form
Zobrazit 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...