První měření
ICS
50
Přístupnost
65
Výkon
35
Výpočet skóre
100
−
30
=
70
| Závažnost | Unikátní typy | Váhy | Odečet |
|---|---|---|---|
| Závažné | 3 | 15 + 10 + 5 | −30 |
| Celkový odečet | −30 | ||
Skóre je založeno na 3 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. 48 unikátních středních/drobných problémů je sledováno, ale neovlivňuje skóre. Více o metodice měření
Testované stránky
https://www.marketingjednoduse.cz
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="image-format__title">Zastavte palec při skrolování</h3>
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="image-format__title">Profesionální prostor pro váš b...</h3>
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="image-format__title">Ovládněte celý displej mobilu</h3>
Selektor:
#pricing > div > div > div > div > span:nth-child(1)
Zobrazit HTML
<span class="pricing-plan__price pricing-plan__price--old">199 Kč</span>
Selektor:
#pricing > div > div > div > div > span:nth-child(2)
Zobrazit HTML
<span class="pricing-plan__price pricing-plan__price--current">99 Kč</span>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/#tutorial" data-discover="true">Jak to funguje</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/#showcases" data-discover="true">Příklady</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/#reviews" data-discover="true">Co o nás říkají naši zákazníci</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/#pricing" data-discover="true">Ceník</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(5) > a
Zobrazit HTML
<a href="/#image-formats" data-discover="true">Formáty</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/#faq" data-discover="true">Nejčastější dotazy</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/blog" data-discover="true">Blog</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/podminky-uziti" data-discover="true">Podmínky užití</a>
Selektor:
#root > footer > div > div > div:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="mailto:podpora@marketingjednoduse.cz">podpora@marketingjednoduse.cz</a>
Selektor:
#root > div:nth-child(6) > div > div:nth-child(2) > button:nth-child(1)
Zobrazit HTML
<button class="btn btn-sm btn-outline-secondary">Odmítnout</button>
Selektor:
#root > div:nth-child(6) > div > div:nth-child(2) > button:nth-child(2)
Zobrazit HTML
<button class="btn btn-sm btn-primary text-white">Rozumím</button>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > h1
Zobrazit HTML
<h1 class="hero__title">Profesionální reklamy na sociál...</h1>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form > div > div > div > label
Zobrazit HTML
<label for="prompt" class="form-label col-form-label col-form-label-lg col">Co budeme dnes propagovat?</label>
Selektor:
#prompt
Zobrazit HTML
<textarea rows="3" name="prompt" placeholder="Např.: Letní výprodej zahradního nábytku se slevou 20 %" autofocus="" id="prompt" class="form-control form-control-lg"></textarea>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form > p > button
Zobrazit HTML
<button class="btn btn-primary text-white btn-lg" type="submit">Pokračovat k návrhům<i class="i...</button>
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > h2
Zobrazit HTML
<h2 class="showcase__title">Služby / Fitness & Wellness</h2>
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > div > p
Zobrazit HTML
<p class="prompt"><strong>Zadání<!-- -->:</strong...</p>
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > div > p > strong
Zobrazit HTML
<strong>Zadání<!-- -->:</strong>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > div > span
Zobrazit HTML
<span class="card__published">09. 04. 2026<!-- --> • <!-- -->...</span>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > div > h2
Zobrazit HTML
<h2 class="card__title">Profi kampaň do 5 minut bez gra...</h2>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > div > p
Zobrazit HTML
<p class="card__text">Marketing by měl v první řadě p...</p>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > div > span
Zobrazit HTML
<span class="card__published">30. 03. 2026<!-- --> • <!-- -->...</span>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > div > h2
Zobrazit HTML
<h2 class="card__title">Rozměry bannerů 2026: Kompletní...</h2>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > div > p
Zobrazit HTML
<p class="card__text">Znáte ten pocit? Strávíte hodin...</p>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form > p > button
Zobrazit HTML
<button class="btn btn-primary text-white btn-lg" type="submit">Pokračovat k návrhům<i class="i...</button>
Selektor:
#pricing > div > div > div > div > span:nth-child(1)
Zobrazit HTML
<span class="pricing-plan__price pricing-plan__price--old">199 Kč</span>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > div > span
Zobrazit HTML
<span class="card__published">09. 04. 2026<!-- --> • <!-- -->...</span>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > div > span
Zobrazit HTML
<span class="card__published">30. 03. 2026<!-- --> • <!-- -->...</span>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/#tutorial" data-discover="true">Jak to funguje</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/#showcases" data-discover="true">Příklady</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/#reviews" data-discover="true">Co o nás říkají naši zákazníci</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/#pricing" data-discover="true">Ceník</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(5) > a
Zobrazit HTML
<a href="/#image-formats" data-discover="true">Formáty</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/#faq" data-discover="true">Nejčastější dotazy</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/blog" data-discover="true">Blog</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/podminky-uziti" data-discover="true">Podmínky užití</a>
Selektor:
#root > footer > div > div > div:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="mailto:podpora@marketingjednoduse.cz">podpora@marketingjednoduse.cz</a>
Selektor:
#root > div:nth-child(6) > div > div:nth-child(2) > button:nth-child(1)
Zobrazit HTML
<button class="btn btn-sm btn-outline-secondary">Odmítnout</button>
Selektor:
#root > div:nth-child(6) > div > div:nth-child(2) > button:nth-child(2)
Zobrazit HTML
<button class="btn btn-sm btn-primary text-white">Rozumím</button>
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(1)
Zobrazit HTML
<a class="card__link" href="/blog/profi-kampan-do-5-minut-bez-grafika" data-discover="true"></a>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(1)
Zobrazit HTML
<a class="card__link" href="/blog/rozmery-banneru-2026-kompletni-pruvodce" data-discover="true"></a>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(1)
Zobrazit HTML
<a class="card__link" href="/blog/profi-kampan-do-5-minut-bez-grafika" data-discover="true"></a>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(1)
Zobrazit HTML
<a class="card__link" href="/blog/rozmery-banneru-2026-kompletni-pruvodce" data-discover="true"></a>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="image-format__title">Zastavte palec při skrolování</h3>
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="image-format__title">Profesionální prostor pro váš b...</h3>
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(1) > h3
Zobrazit HTML
<h3 class="image-format__title">Ovládněte celý displej mobilu</h3>
Selektor:
#pricing > div > div > div > div > span:nth-child(2)
Zobrazit HTML
<span class="pricing-plan__price pricing-plan__price--current">99 Kč</span>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:
#root > footer > div > div > div:nth-child(1) > h6
Zobrazit HTML
<h6 class="content__heading content__heading--tiny">Produkt</h6>
Selektor:
html
Zobrazit HTML
<html class="no-js" lang="cs-CZ"><head><meta charset="utf-8"><me...</html>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > h1
Zobrazit HTML
<h1 class="hero__title">Profesionální reklamy na sociál...</h1>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > p
Zobrazit HTML
<p class="hero__claim">Popište svůj produkt a naše AI ...</p>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form > div > div > div > label
Zobrazit HTML
<label for="prompt" class="form-label col-form-label col-form-label-lg col">Co budeme dnes propagovat?</label>
Selektor:
#prompt
Zobrazit HTML
<textarea rows="3" name="prompt" placeholder="Např.: Letní výprodej zahradního nábytku se slevou 20 %" autofocus="" id="prompt" class="form-control form-control-lg"></textarea>
Selektor:
#tutorial
Zobrazit HTML
<div class="section" id="tutorial"><h2 class="content__title text-...</div>
Selektor:
#showcases > h2
Zobrazit HTML
<h2 class="content__title text-center">Od nápadu k hotové kampani za m...</h2>
Selektor:
#showcases > p
Zobrazit HTML
<p class="content__claim text-center">Místo hodin strávených v Canvě ...</p>
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2)
Zobrazit HTML
<div class="active carousel-item"><div class="showcase"><h2 class...</div>
Selektor:
#image-formats > h2
Zobrazit HTML
<h2 class="content__title text-center">Vaše reklama bude vypadat skvěl...</h2>
Selektor:
#image-formats > p
Zobrazit HTML
<p class="content__claim text-center">Už nemusíte zkoumat, jaký rozmě...</p>
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(1)
Zobrazit HTML
<div class="image-format__text-block"><h3 class="image-format__title"...</div>
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/square.jpg?v0.2.4" alt="Zastavte palec při skrolování" width="1408" height="768">
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(1)
Zobrazit HTML
<div class="image-format__text-block"><h3 class="image-format__title"...</div>
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/landscape.jpg?v0.2.4" alt="Profesionální prostor pro váš byznys" width="1408" height="768">
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(1)
Zobrazit HTML
<div class="image-format__text-block"><h3 class="image-format__title"...</div>
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/portrait.jpg?v0.2.4" alt="Ovládněte celý displej mobilu" width="1408" height="768">
Selektor:
#reviews
Zobrazit HTML
<div class="section reviews" id="reviews"><h2 class="content__title text-...</div>
Selektor:
#pricing
Zobrazit HTML
<div class="section pricing" id="pricing"><h2 class="content__title text-...</div>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > h2
Zobrazit HTML
<h2 class="content__title text-center">Nejnovější články na blogu</h2>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > p
Zobrazit HTML
<p class="content__claim text-center">Zde najdete tipy a triky, jak e...</p>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="card__img d-none d-xl-block" width="696" height="391" alt="Profi kampaň do 5 minut bez grafika a složitých programů" src="/images/blog/cs/profi-kampan-do-5-minut-md.jpg?v0.2.4" srcset="/images/blog/cs/profi-kampan-do-5-minut-md.jpg?v0.2.4...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > div
Zobrazit HTML
<div class="card__block"><span class="card__published">0...</div>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="card__img d-none d-xl-block" width="696" height="391" alt="Rozměry bannerů 2026: Kompletní průvodce bez ořezávání" src="/images/blog/cs/aktualni-rozmery-banneru-md.jpg?v0.2.4" srcset="/images/blog/cs/aktualni-rozmery-banneru-md.jpg?v0.2.4...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > div
Zobrazit HTML
<div class="card__block"><span class="card__published">3...</div>
Selektor:
#faq
Zobrazit HTML
<div class="section" id="faq"><h2 class="content__title text-...</div>
Selektor:
#root > div:nth-child(6) > div > div:nth-child(1)
Zobrazit HTML
<div><p class="mb-0 small">Pro zlepš...</div>
WCAG 1.4.10
Dokumentace kritéria 1.4.10
Selektor:
#root > nav
Zobrazit HTML
<nav class="p-3 fixed-top bg-glass navbar navbar-expand-md navbar-light"><div class="container"><a class...</nav>
Selektor:
#root > div:nth-child(6)
Zobrazit HTML
<div class="cookie-bar"><div class="d-flex flex-column ...</div>
Selektor:
#root > div:nth-child(7)
Zobrazit HTML
<div data-rht-toaster="" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#root > nav > div > div > button > i
Zobrazit HTML
<i class="icon icon--sign-in icon--fw"></i>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(1) > i
Zobrazit HTML
<i class="icon icon--facebook"></i>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(2) > i
Zobrazit HTML
<i class="icon icon--instagram"></i>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > p > span:nth-child(3) > i
Zobrazit HTML
<i class="icon icon--linkedin"></i>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form > p > button > i
Zobrazit HTML
<i class="icon icon--play icon--fw ms-1"></i>
Selektor:
#tutorial > div > div:nth-child(1) > dl > dd > i
Zobrazit HTML
<i class="icon icon--keyboard tutorial__icon"></i>
Selektor:
#tutorial > div > div:nth-child(2) > dl > dd > i
Zobrazit HTML
<i class="icon icon--palette tutorial__icon"></i>
Selektor:
#tutorial > div > div:nth-child(3) > dl > dd > i
Zobrazit HTML
<i class="icon icon--face-sunglasses tutorial__icon"></i>
Selektor:
#pricing > div > div > div > ul > li:nth-child(2) > span:nth-child(1) > i
Zobrazit HTML
<i class="icon icon--facebook"></i>
Selektor:
#pricing > div > div > div > ul > li:nth-child(2) > span:nth-child(2) > i
Zobrazit HTML
<i class="icon icon--instagram"></i>
Selektor:
#pricing > div > div > div > ul > li:nth-child(2) > span:nth-child(3) > i
Zobrazit HTML
<i class="icon icon--linkedin"></i>
Selektor:
#root > footer > div > div > div:nth-child(3) > ul > li:nth-child(2) > a:nth-child(1) > i
Zobrazit HTML
<i class="icon icon--instagram icon--3x"></i>
Selektor:
#root > footer > div > div > div:nth-child(3) > ul > li:nth-child(2) > a:nth-child(2) > i
Zobrazit HTML
<i class="icon icon--linkedin icon--3x"></i>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > h1
Zobrazit HTML
<h1 class="hero__title">Profesionální reklamy na sociál...</h1>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#tutorial > div > div:nth-child(1) > dl > dt > span
Zobrazit HTML
<span class="tutorial__number">1</span>
Selektor:
#tutorial > div > div:nth-child(2) > dl > dt > span
Zobrazit HTML
<span class="tutorial__number">2</span>
Selektor:
#tutorial > div > div:nth-child(3) > dl > dt > span
Zobrazit HTML
<span class="tutorial__number">3</span>
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > h2
Zobrazit HTML
<h2 class="showcase__title">Služby / Fitness & Wellness</h2>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#showcases > div > div
Zobrazit HTML
<div class="carousel slide"><div class="carousel-indicators...</div>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div
Zobrazit HTML
<div class="card card--article"><a class="card__link" href="/bl...</div>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div
Zobrazit HTML
<div class="card card--article"><a class="card__link" href="/bl...</div>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > div > p
Zobrazit HTML
<p class="prompt"><strong>Zadání<!-- -->:</strong...</p>
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > div > p > strong
Zobrazit HTML
<strong>Zadání<!-- -->:</strong>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#showcases > div > div > a:nth-child(3) > span:nth-child(2)
Zobrazit HTML
<span class="visually-hidden">Previous</span>
Selektor:
#showcases > div > div > a:nth-child(4) > span:nth-child(2)
Zobrazit HTML
<span class="visually-hidden">Next</span>
Selektor:
#reviews > div > div:nth-child(1) > div > div > div > div:nth-child(1)
Zobrazit HTML
<div class="review-item__name">Lucie Šťastná</div>
Selektor:
#reviews > div > div:nth-child(2) > div > div > div > div:nth-child(1)
Zobrazit HTML
<div class="review-item__name">Marek Svoboda</div>
Selektor:
#reviews > div > div:nth-child(3) > div > div > div > div:nth-child(1)
Zobrazit HTML
<div class="review-item__name">Jana Horáková</div>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#reviews > div > div:nth-child(1) > div > div > div > div:nth-child(2)
Zobrazit HTML
<div class="review-item__role text-muted small">Majitelka e-shopu</div>
Selektor:
#reviews > div > div:nth-child(2) > div > div > div > div:nth-child(2)
Zobrazit HTML
<div class="review-item__role text-muted small">Řemeslník</div>
Selektor:
#reviews > div > div:nth-child(3) > div > div > div > div:nth-child(2)
Zobrazit HTML
<div class="review-item__role text-muted small">Služby/Fitness</div>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#root > footer > div > div > div:nth-child(1) > h6
Zobrazit HTML
<h6 class="content__heading content__heading--tiny">Produkt</h6>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Marketing Jednoduše | Marketing...</title>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#root > nav > div > a
Zobrazit HTML
<a class="navbar-brand" href="/" data-discover="true"><img class="d-none d-sm-block" ...</a>
Selektor:
#showcases > div > div > a:nth-child(3)
Zobrazit HTML
<a class="carousel-control-prev" role="button" tabindex="0" href="#"><span aria-hidden="true" class=...</a>
Selektor:
#showcases > div > div > a:nth-child(4)
Zobrazit HTML
<a class="carousel-control-next" role="button" tabindex="0" href="#"><span aria-hidden="true" class=...</a>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(1)
Zobrazit HTML
<a class="card__link" href="/blog/profi-kampan-do-5-minut-bez-grafika" data-discover="true"></a>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(2)
Zobrazit HTML
<a class="card__image" href="/blog/profi-kampan-do-5-minut-bez-grafika" data-discover="true"><img class="card__img d-xl-none...</a>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(1)
Zobrazit HTML
<a class="card__link" href="/blog/rozmery-banneru-2026-kompletni-pruvodce" data-discover="true"></a>
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(2)
Zobrazit HTML
<a class="card__image" href="/blog/rozmery-banneru-2026-kompletni-pruvodce" data-discover="true"><img class="card__img d-xl-none...</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/#tutorial" data-discover="true">Jak to funguje</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/#showcases" data-discover="true">Příklady</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/#reviews" data-discover="true">Co o nás říkají naši zákazníci</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="/#pricing" data-discover="true">Ceník</a>
Selektor:
#root > footer > div > div > div:nth-child(1) > ul > li:nth-child(5) > a
Zobrazit HTML
<a href="/#image-formats" data-discover="true">Formáty</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="/#faq" data-discover="true">Nejčastější dotazy</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="/blog" data-discover="true">Blog</a>
Selektor:
#root > footer > div > div > div:nth-child(2) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="/podminky-uziti" data-discover="true">Podmínky užití</a>
Selektor:
#root > footer > div > div > div:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="mailto:podpora@marketingjednoduse.cz">podpora@marketingjednoduse.cz</a>
WCAG 1.1.1
Dokumentace kritéria 1.1.1
Selektor:
#root > nav > div > a > img:nth-child(1)
Zobrazit HTML
<img class="d-none d-sm-block" src="/images/logo-cs.svg?v0.2.4" alt="Marketing Jednoduše" height="36">
Selektor:
#root > nav > div > a > img:nth-child(2)
Zobrazit HTML
<img class="d-sm-none" src="/images/icon.svg?v0.2.4" alt="Marketing Jednoduše" height="36" width="36">
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(1) > div > p > img
Zobrazit HTML
<img class="showcase__image" width="1300" height="725" src="/images/showcases/cs/ecommerce.jpg?v0.2.4" srcset="/images/showcases/cs/ecommerce.jpg?v0.2.4 1x, /images/showcases/cs/ecommerce@2x.jpg?v0.2.4 2x, /images/showcases/cs/ecommerce@3x.jpg?v0.2.4...
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > p > img
Zobrazit HTML
<img class="showcase__image" width="1300" height="725" src="/images/showcases/cs/services.jpg?v0.2.4" srcset="/images/showcases/cs/services.jpg?v0.2.4 1x, /images/showcases/cs/services@2x.jpg?v0.2.4 2x, /images/showcases/cs/services@3x.jpg?v0.2.4 3x"...
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(3) > div > p > img
Zobrazit HTML
<img class="showcase__image" width="1300" height="725" src="/images/showcases/cs/gastro.jpg?v0.2.4" srcset="/images/showcases/cs/gastro.jpg?v0.2.4 1x, /images/showcases/cs/gastro@2x.jpg?v0.2.4 2x, /images/showcases/cs/gastro@3x.jpg?v0.2.4 3x" alt="Uk...
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="image-format__thumbnail d-none d-lg-block d-xl-none" src="/images/image-formats/square-small.jpg?v0.2.4" alt="Zastavte palec při skrolování" width="768" height="768">
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/square.jpg?v0.2.4" alt="Zastavte palec při skrolování" width="1408" height="768">
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="image-format__thumbnail d-none d-lg-block d-xl-none" src="/images/image-formats/landscape-small.jpg?v0.2.4" alt="Profesionální prostor pro váš byznys" width="768" height="768">
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/landscape.jpg?v0.2.4" alt="Profesionální prostor pro váš byznys" width="1408" height="768">
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="image-format__thumbnail d-none d-lg-block d-xl-none" src="/images/image-formats/portrait-small.jpg?v0.2.4" alt="Ovládněte celý displej mobilu" width="768" height="768">
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/portrait.jpg?v0.2.4" alt="Ovládněte celý displej mobilu" width="1408" height="768">
Selektor:
#reviews > div > div:nth-child(1) > div > img
Zobrazit HTML
<img class="review-item__avatar" src="/images/reviews/lucie.jpg?v0.2.4" alt="Lucie Šťastná">
Selektor:
#reviews > div > div:nth-child(2) > div > img
Zobrazit HTML
<img class="review-item__avatar" src="/images/reviews/marek.jpg?v0.2.4" alt="Marek Svoboda">
Selektor:
#reviews > div > div:nth-child(3) > div > img
Zobrazit HTML
<img class="review-item__avatar" src="/images/reviews/jana.jpg?v0.2.4" alt="Jana Horáková">
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="card__img d-xl-none" width="516" height="290" alt="Profi kampaň do 5 minut bez grafika a složitých programů" src="/images/blog/cs/profi-kampan-do-5-minut-xs.jpg?v0.2.4" srcset="/images/blog/cs/profi-kampan-do-5-minut-xs.jpg?v0.2.4 1x,/ima...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="card__img d-none d-xl-block" width="696" height="391" alt="Profi kampaň do 5 minut bez grafika a složitých programů" src="/images/blog/cs/profi-kampan-do-5-minut-md.jpg?v0.2.4" srcset="/images/blog/cs/profi-kampan-do-5-minut-md.jpg?v0.2.4...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="card__img d-xl-none" width="516" height="290" alt="Rozměry bannerů 2026: Kompletní průvodce bez ořezávání" src="/images/blog/cs/aktualni-rozmery-banneru-xs.jpg?v0.2.4" srcset="/images/blog/cs/aktualni-rozmery-banneru-xs.jpg?v0.2.4 1x,/ima...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="card__img d-none d-xl-block" width="696" height="391" alt="Rozměry bannerů 2026: Kompletní průvodce bez ořezávání" src="/images/blog/cs/aktualni-rozmery-banneru-md.jpg?v0.2.4" srcset="/images/blog/cs/aktualni-rozmery-banneru-md.jpg?v0.2.4...
WCAG 1.1.1
Dokumentace kritéria 1.1.1
Selektor:
#root > nav > div > a > img:nth-child(1)
Zobrazit HTML
<img class="d-none d-sm-block" src="/images/logo-cs.svg?v0.2.4" alt="Marketing Jednoduše" height="36">
Selektor:
#root > nav > div > a > img:nth-child(2)
Zobrazit HTML
<img class="d-sm-none" src="/images/icon.svg?v0.2.4" alt="Marketing Jednoduše" height="36" width="36">
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(1) > div > p > img
Zobrazit HTML
<img class="showcase__image" width="1300" height="725" src="/images/showcases/cs/ecommerce.jpg?v0.2.4" srcset="/images/showcases/cs/ecommerce.jpg?v0.2.4 1x, /images/showcases/cs/ecommerce@2x.jpg?v0.2.4 2x, /images/showcases/cs/ecommerce@3x.jpg?v0.2.4...
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(2) > div > p > img
Zobrazit HTML
<img class="showcase__image" width="1300" height="725" src="/images/showcases/cs/services.jpg?v0.2.4" srcset="/images/showcases/cs/services.jpg?v0.2.4 1x, /images/showcases/cs/services@2x.jpg?v0.2.4 2x, /images/showcases/cs/services@3x.jpg?v0.2.4 3x"...
Selektor:
#showcases > div > div > div:nth-child(2) > div:nth-child(3) > div > p > img
Zobrazit HTML
<img class="showcase__image" width="1300" height="725" src="/images/showcases/cs/gastro.jpg?v0.2.4" srcset="/images/showcases/cs/gastro.jpg?v0.2.4 1x, /images/showcases/cs/gastro@2x.jpg?v0.2.4 2x, /images/showcases/cs/gastro@3x.jpg?v0.2.4 3x" alt="Uk...
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="image-format__thumbnail d-none d-lg-block d-xl-none" src="/images/image-formats/square-small.jpg?v0.2.4" alt="Zastavte palec při skrolování" width="768" height="768">
Selektor:
#image-formats > div:nth-child(3) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/square.jpg?v0.2.4" alt="Zastavte palec při skrolování" width="1408" height="768">
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="image-format__thumbnail d-none d-lg-block d-xl-none" src="/images/image-formats/landscape-small.jpg?v0.2.4" alt="Profesionální prostor pro váš byznys" width="768" height="768">
Selektor:
#image-formats > div:nth-child(4) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/landscape.jpg?v0.2.4" alt="Profesionální prostor pro váš byznys" width="1408" height="768">
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="image-format__thumbnail d-none d-lg-block d-xl-none" src="/images/image-formats/portrait-small.jpg?v0.2.4" alt="Ovládněte celý displej mobilu" width="768" height="768">
Selektor:
#image-formats > div:nth-child(5) > div > div:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="image-format__thumbnail d-block d-lg-none d-xl-block" src="/images/image-formats/portrait.jpg?v0.2.4" alt="Ovládněte celý displej mobilu" width="1408" height="768">
Selektor:
#reviews > div > div:nth-child(1) > div > img
Zobrazit HTML
<img class="review-item__avatar" src="/images/reviews/lucie.jpg?v0.2.4" alt="Lucie Šťastná">
Selektor:
#reviews > div > div:nth-child(2) > div > img
Zobrazit HTML
<img class="review-item__avatar" src="/images/reviews/marek.jpg?v0.2.4" alt="Marek Svoboda">
Selektor:
#reviews > div > div:nth-child(3) > div > img
Zobrazit HTML
<img class="review-item__avatar" src="/images/reviews/jana.jpg?v0.2.4" alt="Jana Horáková">
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="card__img d-xl-none" width="516" height="290" alt="Profi kampaň do 5 minut bez grafika a složitých programů" src="/images/blog/cs/profi-kampan-do-5-minut-xs.jpg?v0.2.4" srcset="/images/blog/cs/profi-kampan-do-5-minut-xs.jpg?v0.2.4 1x,/ima...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(1) > div > a:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="card__img d-none d-xl-block" width="696" height="391" alt="Profi kampaň do 5 minut bez grafika a složitých programů" src="/images/blog/cs/profi-kampan-do-5-minut-md.jpg?v0.2.4" srcset="/images/blog/cs/profi-kampan-do-5-minut-md.jpg?v0.2.4...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(2) > img:nth-child(1)
Zobrazit HTML
<img class="card__img d-xl-none" width="516" height="290" alt="Rozměry bannerů 2026: Kompletní průvodce bez ořezávání" src="/images/blog/cs/aktualni-rozmery-banneru-xs.jpg?v0.2.4" srcset="/images/blog/cs/aktualni-rozmery-banneru-xs.jpg?v0.2.4 1x,/ima...
Selektor:
#root > div:nth-child(4) > div:nth-child(7) > div > div:nth-child(2) > div > a:nth-child(2) > img:nth-child(2)
Zobrazit HTML
<img class="card__img d-none d-xl-block" width="696" height="391" alt="Rozměry bannerů 2026: Kompletní průvodce bez ořezávání" src="/images/blog/cs/aktualni-rozmery-banneru-md.jpg?v0.2.4" srcset="/images/blog/cs/aktualni-rozmery-banneru-md.jpg?v0.2.4...
WCAG 3.2.1
Dokumentace kritéria 3.2.1
Selektor:
#root > nav > div > div > button
Zobrazit HTML
<button class="btn" title="signIn"><i class="icon icon--sign-in ic...</button>
Selektor:
#prompt
Zobrazit HTML
<textarea rows="3" name="prompt" placeholder="Např.: Letní výprodej zahradního nábytku se slevou 20 %" autofocus="" id="prompt" class="form-control form-control-lg"></textarea>
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form > p > button
Zobrazit HTML
<button class="btn btn-primary text-white btn-lg" type="submit">Pokračovat k návrhům<i class="i...</button>
Selektor:
#showcases > div > div > div:nth-child(1) > button:nth-child(1)
Zobrazit HTML
<button type="button" data-bs-target="" aria-label="Slide 1" aria-current="false"></button>
Selektor:
#showcases > div > div > div:nth-child(1) > button:nth-child(2)
Zobrazit HTML
<button type="button" data-bs-target="" aria-label="Slide 2" aria-current="true" class="active"></button>
Selektor:
#showcases > div > div > div:nth-child(1) > button:nth-child(3)
Zobrazit HTML
<button type="button" data-bs-target="" aria-label="Slide 3" aria-current="false"></button>
Selektor:
#root > div:nth-child(6) > div > div:nth-child(2) > button:nth-child(1)
Zobrazit HTML
<button class="btn btn-sm btn-outline-secondary">Odmítnout</button>
Selektor:
#root > div:nth-child(6) > div > div:nth-child(2) > button:nth-child(2)
Zobrazit HTML
<button class="btn btn-sm btn-primary text-white">Rozumím</button>
WCAG 3.3.1
Dokumentace kritéria 3.3.1
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form
Zobrazit HTML
<form novalidate="" class=""><div class="row"><div class="co...</form>
WCAG 3.3.2
Dokumentace kritéria 3.3.2
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form
Zobrazit HTML
<form novalidate="" class=""><div class="row"><div class="co...</form>
WCAG 3.3.3
Dokumentace kritéria 3.3.3
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form
Zobrazit HTML
<form novalidate="" class=""><div class="row"><div class="co...</form>
WCAG 3.3.4
Dokumentace kritéria 3.3.4
Selektor:
#root > div:nth-child(4) > div:nth-child(1) > div > form
Zobrazit HTML
<form novalidate="" class=""><div class="row"><div class="co...</form>
WCAG 1.3.5
Dokumentace kritéria 1.3.5
Selektor:
#prompt
Zobrazit HTML
<textarea rows="3" name="prompt" placeholder="Např.: Letní výprodej zahradního nábytku se slevou 20 %" autofocus="" id="prompt" class="form-control form-control-lg"></textarea>
Selektor:
#prompt
Zobrazit HTML
<textarea rows="3" name="prompt" placeholder="Např.: Letní výprodej zahradního nábytku se slevou 20 %" autofocus="" id="prompt" class="form-control form-control-lg"></textarea>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#root > footer > div > div > div:nth-child(3) > ul > li:nth-child(2) > a:nth-child(1)
Zobrazit HTML
<a class="d-inline me-1" href="https://www.instagram.com/marketingjednoduse/" title="Instagram" target="_blank" rel="noopener"><i class="icon icon--instagram ...</a>
Selektor:
#root > footer > div > div > div:nth-child(3) > ul > li:nth-child(2) > a:nth-child(2)
Zobrazit HTML
<a class="d-inline me-1" href="https://www.linkedin.com/company/marketing-jednoduse/" title="LinkedIn" target="_blank" rel="noopener"><i class="icon icon--linkedin i...</a>