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 | Odečet |
|---|---|---|---|
| Kritické | 2 | 30 + 19 | −49 |
| Závažné | 7 | 15 + 10 + 5 + 5 + 5 + 5 + 5 | −50 |
| Celkový odeč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.
Více o metodice měření
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
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
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
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
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
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
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
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
Selektor:
html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > h3
Zobrazit HTML
<h3 class="menu-title"> </h3>
WCAG 3.2.2
Dokumentace kritéria 3.2.2
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...
Falešně pozitivní
Pravděpodobně – nezapočítáno do skóre
WCAG 4.1.2
Dokumentace kritéria 4.1.2
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
Toto často nejsou chyby, ale doporučení vyžadující ruční kontrolu. Mohou indikovat potenciální bariéry přístupnosti, které automatické testování nedokáže plně vyhodnotit.
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#block-marketing-content > section:nth-child(1) > div > div > div:nth-child(2) > div > h3
Zobrazit HTML
<h3>
We handle the comp...</h3>
Selektor:
html
Zobrazit HTML
<html lang="en" dir="ltr" class=" js" data-once="drupal-dialog-deprecation-listener"><head>
<meta charset="utf-8...</html>
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
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
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
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
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
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
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
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
Selektor:
html > body > div:nth-child(3) > footer > div > div:nth-child(1) > div:nth-child(3) > h3
Zobrazit HTML
<h3 class="menu-title"> </h3>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Visual Regression Testing For D...</title>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
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
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
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
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
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
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
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
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
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...