ICS
36
Přístupnost
3
Výkon
69
Výpočet skóre
100
−
87
=
13
| Závažnost | Unikátní typy | Váhy | Odečet |
|---|---|---|---|
| Kritické | 3 | 30 + 19 + 8 | −57 |
| Závažné | 3 | 15 + 10 + 5 | −30 |
| Celkový odečet | −87 | ||
Skóre je založeno na 6 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. 43 unikátních středních/drobných problémů je sledováno, ale neovlivňuje skóre. Více o metodice měření
Změna oproti předchozímu měření
Mezi těmito měřeními se změnila metodika hodnocení. Srovnání počtu chyb nemusí být plně vypovídající.
Zobrazit changelog
+4
Kritické
7 → 11
+6
Závažné
6 → 12
+103
Celkem
485 → 588
| Stránka | Kritické | Závažné | Celkem |
|---|---|---|---|
| / | 0 | 0 | 0 |
| kontakty | +3 | +3 | +56 |
| clanky | +1 | +3 | +47 |
Testované stránky
https://designsystem.gov.cz/
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#app > footer > section > div > div:nth-child(1) > gov-button > button
Zobrazit HTML
<button class="element" type="button" tabindex="0" aria-disabled="false"><gov-icon slot="icon-start" cla...</button>
Selektor:
#app > footer > section > div > div:nth-child(1) > gov-button > button
Zobrazit HTML
<button class="element" type="button" tabindex="0" aria-disabled="false"><gov-icon slot="icon-start" cla...</button>
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#app > header > section > div > gov-theme-switch > button
Zobrazit HTML
<button aria-current="auto" aria-label="Přepnout na tmavý mód"><span><span class="gov-theme-sw...</button>
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(2) > ul > li:nth-child(2) > ul > li > gov-button > a
Zobrazit HTML
<a class="element" href="https://twitter.com/design_gov_cz" target="_blank" rel="noreferres nofollow" tabindex="0" aria-disabled="false"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(2) > ul > li:nth-child(2) > ul > li > gov-button > a
Zobrazit HTML
<a class="element" href="https://twitter.com/design_gov_cz" target="_blank" rel="noreferres nofollow" tabindex="0" aria-disabled="false"><gov-icon name="twitter-x" type...</a>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:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5>Informace</h5>
WCAG 1.4.10
Dokumentace kritéria 1.4.10
Selektor:
#app > header
Zobrazit HTML
<header class="fixed top-0 left-0 w-full z-[101] bg-background-block-primary border-b border-border-subtlest"><section class="!flex flex-row ...</header>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#app > header > section > a > span > gov-chip
Zobrazit HTML
<gov-chip class="relative -top-2 gov-chip hydrated" size="xs" color="success" type="outlined" focusable="" hydrated=""><!----><span class="element" ta...</gov-chip>
Selektor:
#app > header > section > div > span > gov-button
Zobrazit HTML
<gov-button aria-has-popup="true" size="l" hydrated="" color="primary" class="gov-button hydrated" type="outlined"><!----><button class="element" ...</gov-button>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-button
Zobrazit HTML
<gov-button color="primary" type="outlined" href="/zaciname/o-design-systemu" size="m" hydrated="" class="gov-button hydrated"><!----><a class="element" href=...</gov-button>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > p:nth-child(7) > gov-chip
Zobrazit HTML
<gov-chip color="success" size="xs" type="outlined" class="gov-chip hydrated" focusable="" hydrated=""><!----><span class="element" ta...</gov-chip>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > p:nth-child(9) > gov-chip
Zobrazit HTML
<gov-chip color="neutral" size="xs" type="outlined" class="gov-chip hydrated" focusable="" hydrated=""><!----><span class="element" ta...</gov-chip>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(2) > ul > li:nth-child(2) > ul > li > gov-button
Zobrazit HTML
<gov-button color="primary" size="s" type="base" href="https://twitter.com/design_gov_cz" target="_blank" rel="noreferres nofollow" title="Twitter" hydrated="" class="gov-button hydrated"><!----><a class="element" href=...</gov-button>
Selektor:
#app > footer > section > div > div:nth-child(1) > gov-button
Zobrazit HTML
<gov-button class="gov-footer__up gov-button hydrated" wcag-label="Na začátek stránky" size="m" hydrated="" color="primary" type="base"><!----><button class="element" ...</gov-button>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > div > h2
Zobrazit HTML
<h2 class="gov-text--body-m">Začínáme</h2>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > div > h2
Zobrazit HTML
<h2 class="gov-text--body-m">Začínáme</h2>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5>Informace</h5>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Design systém gov.cz</title>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#app > header > section > a
Zobrazit HTML
<a href="/" class="table no-underline"><span class="flex items-center ...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/zaciname/o-design-systemu"><p class="gov-text--body-s">O d...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/zaciname/pro-designery"><p class="gov-text--body-s">Pro...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(3) > section > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/zaciname/for-developers"><h3 class="gov-text--body-s">Pr...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(3) > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/zaciname/developers/html"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(3) > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/zaciname/developers/angular"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(3) > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/zaciname/developers/vue"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(3) > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/zaciname/developers/react"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(1) > li > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/principy/seznam-zmen"><p class="gov-text--body-s">Sez...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/pro-koho-je-design-system-povinny"><p class="gov-text--body-s">Pro...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/pravidla-pro-modifikaci-design-systemu"><p class="gov-text--body-s">Pra...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/jak-na-strukturu-webu"><p class="gov-text--body-s">Jak...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/jak-na-tvorbu-formulare"><p class="gov-text--body-s">Jak...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(5) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/seo-jak-optimalizovat-obsah-pro-vyhledavace"><p class="gov-text--body-s">SEO...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(6) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/seo-manual-pro-vyvojare"><p class="gov-text--body-s">SEO...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(7) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/pravidla-pro-tvorbu-obsahu"><p class="gov-text--body-s">Pra...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(8) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/pravidla-pro-umistovani-loga"><p class="gov-text--body-s">Pra...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(9) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/pristupnost-webovych-stranek"><p class="gov-text--body-s">Pří...</a>
Selektor:
#side-navigation > nav > ul:nth-child(2) > li > section > ul > li:nth-child(10) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/pravidla/responzivni-webdesign"><p class="gov-text--body-s">Res...</a>
Selektor:
#side-navigation > nav > ul:nth-child(3) > li > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/principy/barvy"><p class="gov-text--body-s">Bar...</a>
Selektor:
#side-navigation > nav > ul:nth-child(3) > li > section > ul > li:nth-child(2) > section > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/principy/tokeny"><h3 class="gov-text--body-s">To...</a>
Selektor:
#side-navigation > nav > ul:nth-child(3) > li > section > ul > li:nth-child(2) > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/principy/barevne-tokeny"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(3) > li > section > ul > li:nth-child(2) > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/principy/velikostni-tokeny"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(3) > li > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/principy/ikony"><p class="gov-text--body-s">Iko...</a>
Selektor:
#side-navigation > nav > ul:nth-child(3) > li > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/principy/typografie"><p class="gov-text--body-s">Typ...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/accordion"><p class="gov-text--body-s">Acc...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/autocomplete"><p class="gov-text--body-s">Aut...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/banner"><p class="gov-text--body-s">Ban...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/blockquote"><p class="gov-text--body-s">Blo...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(5) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/breadcrumbs"><p class="gov-text--body-s">Bre...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(6) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/button"><p class="gov-text--body-s">But...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(7) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/card"><p class="gov-text--body-s">Car...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(8) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/checkbox"><p class="gov-text--body-s">Che...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(9) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/chip"><p class="gov-text--body-s">Chi...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(10) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/datepicker"><p class="gov-text--body-s">Dat...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(11) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/dialog"><p class="gov-text--body-s">Dia...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(12) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/dropdown"><p class="gov-text--body-s">Dro...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(13) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/empty"><p class="gov-text--body-s">Emp...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(14) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/error-code"><p class="gov-text--body-s">Err...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(15) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/file"><p class="gov-text--body-s">Fil...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(16) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/flex"><p class="gov-text--body-s">Fle...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(17) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/infobar"><p class="gov-text--body-s">Inf...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(18) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/input"><p class="gov-text--body-s">Inp...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(19) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/link"><p class="gov-text--body-s">Lin...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(20) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/loaders"><p class="gov-text--body-s">Loa...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(21) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/message"><p class="gov-text--body-s">Mes...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(22) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/pagination"><p class="gov-text--body-s">Pag...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(23) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/password"><p class="gov-text--body-s">Pas...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(24) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/radio"><p class="gov-text--body-s">Rad...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(25) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/search"><p class="gov-text--body-s">Sea...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(26) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/select"><p class="gov-text--body-s">Sel...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(27) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/stepper"><p class="gov-text--body-s">Ste...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(28) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/switch"><p class="gov-text--body-s">Swi...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(29) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/tabs"><p class="gov-text--body-s">Tab...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(30) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/tag"><p class="gov-text--body-s">Tag...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(31) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/theme-switch"><p class="gov-text--body-s">The...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(32) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/tile"><p class="gov-text--body-s">Til...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(33) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/timepicker"><p class="gov-text--body-s">Tim...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(34) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/toast"><p class="gov-text--body-s">Toa...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(35) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/tooltip"><p class="gov-text--body-s">Too...</a>
Selektor:
#side-navigation > nav > ul:nth-child(4) > li > section > ul > li:nth-child(36) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/komponenty/wizard"><p class="gov-text--body-s">Wiz...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(1) > section > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/uvod"><h3 class="gov-text--body-s">Úv...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(1) > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/prehled"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(1) > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/layouty"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(1) > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/doporuceni-usu"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(1) > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/for-developers"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(1) > section > ul > li:nth-child(5) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/seznam-zmen"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(2) > section > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/prehledy"><h3 class="gov-text--body-s">Úv...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(2) > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/domovska-stranka"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(2) > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/o-nas"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(2) > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/kontakty"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(3) > section > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/clanky"><h3 class="gov-text--body-s">Čl...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(3) > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/clanek"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(3) > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/povinne-zverejnovane-informace"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(3) > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/mapa-webu"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(4) > section > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/seznamy"><h3 class="gov-text--body-s">Se...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(4) > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/vysledky-vyhledavani"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(4) > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/aktuality"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(5) > section > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/komplexni"><h3 class="gov-text--body-s">Ko...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(5) > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/naseptavac-vyhledavani"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(5) > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/kariera"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(5) > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/organizacni-struktura"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(5) > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/centrum-podpory"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(5) > li > section > ul > li:nth-child(5) > section > ul > li:nth-child(5) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/templates/pro-media"><p class="gov-text--body-s flex...</a>
Selektor:
#side-navigation > nav > ul:nth-child(6) > li > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/organismy/uvod"><p class="gov-text--body-s">Úvo...</a>
Selektor:
#side-navigation > nav > ul:nth-child(6) > li > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/organismy/header-navigation"><p class="gov-text--body-s">Hea...</a>
Selektor:
#side-navigation > nav > ul:nth-child(6) > li > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/organismy/footer"><p class="gov-text--body-s">Foo...</a>
Selektor:
#side-navigation > nav > ul:nth-child(6) > li > section > ul > li:nth-child(4) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/organismy/card-grid"><p class="gov-text--body-s">Car...</a>
Selektor:
#side-navigation > nav > ul:nth-child(6) > li > section > ul > li:nth-child(5) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/organismy/table"><p class="gov-text--body-s">Tab...</a>
Selektor:
#side-navigation > nav > ul:nth-child(6) > li > section > ul > li:nth-child(6) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/organismy/image-gallery"><p class="gov-text--body-s">Ima...</a>
Selektor:
#side-navigation > nav > ul:nth-child(7) > li > section > ul > li:nth-child(1) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/vice/ke-stazeni-a-nastroje"><p class="gov-text--body-s">Ke ...</a>
Selektor:
#side-navigation > nav > ul:nth-child(7) > li > section > ul > li:nth-child(2) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/vice/podminky-pouziti"><p class="gov-text--body-s">Pod...</a>
Selektor:
#side-navigation > nav > ul:nth-child(7) > li > section > ul > li:nth-child(3) > div > div > a
Zobrazit HTML
<a tag="a" class="block w-full h-full p-2 no-underline [ hover:bg-background-primary-subtle ]" href="/podpora-a-zpetna-vazba"><p class="gov-text--body-s">Pod...</a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-button > a
Zobrazit HTML
<a class="element" href="/zaciname/o-design-systemu" tabindex="0" aria-disabled="false"> Více o design systému </a>
Selektor:
#obsahuje > a
Zobrazit HTML
<a class="header-anchor" href="#obsahuje" aria-label="Permalink to "Obsahuje""></a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > h3:nth-child(4) > a
Zobrazit HTML
<a class="gov-link" href="https://postaticfiles.z6.web.core.windows.net/design_system/gov-kits.zip" download=""> Figma kity <gov-icon type="com...</a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > h3:nth-child(6) > a
Zobrazit HTML
<a class="gov-link" href="/storybook/" target="_blank"> Storybook <gov-icon type="comp...</a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > h3:nth-child(8) > a
Zobrazit HTML
<a class="gov-link" href="/pl/" target="_blank"> Pattern Lab <gov-icon type="co...</a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > h3:nth-child(10) > a
Zobrazit HTML
<a class="gov-link" href="/templates/" target="_blank"> Fractal <gov-icon type="compon...</a>
Selektor:
#uvodni-informace > a
Zobrazit HTML
<a class="header-anchor" href="#uvodni-informace" aria-label="Permalink to "Úvodní informace""></a>
Selektor:
#pro-uredniky > a
Zobrazit HTML
<a class="header-anchor" href="#pro-uredniky" aria-label="Permalink to "Pro úředníky""></a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > ul:nth-child(14) > li:nth-child(1) > a
Zobrazit HTML
<a href="/pravidla/pro-koho-je-design-system-povinny.html">pro koho je design systém gov.c...</a>
Selektor:
#pro-dodavatele > a
Zobrazit HTML
<a class="header-anchor" href="#pro-dodavatele" aria-label="Permalink to "Pro dodavatele""></a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > ul:nth-child(16) > li > a:nth-child(1)
Zobrazit HTML
<a href="/zaciname/pro-designery.html">průvodcem pro designéry</a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > ul:nth-child(16) > li > a:nth-child(2)
Zobrazit HTML
<a href="/zaciname/for-developers.html">průvodcem pro vývojáře</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(1) > ul > li:nth-child(1) > gov-link > a
Zobrazit HTML
<a class="element" href="https://portal.gov.cz/tiraz/osobni-udaje-a-cookies" target="_blank"><span> Zpracování osobních údaj...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(1) > ul > li:nth-child(2) > gov-link > a
Zobrazit HTML
<a class="element" href="https://portal.gov.cz/tiraz/prohlaseni-o-pristupnosti" target="_blank"><span> Prohlášení o přístupnost...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(2) > ul > li:nth-child(1) > ul > li > gov-link > a
Zobrazit HTML
<a class="element" href="mailto:design@dia.gov.cz"><gov-icon slot="icon-start" typ...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(2) > ul > li:nth-child(2) > ul > li > gov-button > a
Zobrazit HTML
<a class="element" href="https://twitter.com/design_gov_cz" target="_blank" rel="noreferres nofollow" tabindex="0" aria-disabled="false"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(3) > ul > li:nth-child(1) > a
Zobrazit HTML
<a href="https://next-generation-eu.europa.eu/index_cs" target="_blank" rel="noreferrer" aria-label="Přejít na stránky NextGenerationEU" class="no-external"><svg width="114" height="32" xm...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(3) > ul > li:nth-child(2) > a
Zobrazit HTML
<a href="https://www.planobnovycr.cz/" target="_blank" rel="noreferrer" aria-label="Přejít na stránky NextGenerationEU" class="no-external"><svg width="149" height="41" xm...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(3) > ul > li:nth-child(3) > a
Zobrazit HTML
<a href="https://www.dia.gov.cz/" target="_blank" rel="noreferrer" aria-label="Otevřít stránky DIA" class="no-external"><svg width="91" height="41" xml...</a>
Selektor:
#app > footer > section > div > div:nth-child(1) > ul > li:nth-child(3) > ul > li:nth-child(4) > a
Zobrazit HTML
<a href="https://nakit.cz/" target="_blank" rel="noreferrer" aria-label="Otevřít stránky Nakit" class="no-external"><svg width="108" height="40" xm...</a>
Selektor:
#app > footer > section > div > div:nth-child(2) > div > p > a
Zobrazit HTML
<a href="https://joinup.ec.europa.eu/sites/default/files/custom-page/attachment/eupl_v1.2_cs.pdf" target="_blank" class="gov-link">licencí EUPL v1.2 <gov-icon typ...</a>
WCAG 3.2.1
Dokumentace kritéria 3.2.1
Selektor:
#app > header > section > div > gov-theme-switch > button
Zobrazit HTML
<button aria-current="auto" aria-label="Přepnout na tmavý mód"><span><span class="gov-theme-sw...</button>
Selektor:
#app > header > section > div > span > gov-button > button
Zobrazit HTML
<button class="element" type="button" tabindex="0" aria-controls="side-navigation" aria-expanded="false" aria-label="Otevřít navigaci" aria-disabled="false"><gov-icon slot="icon-start" cla...</button>
Selektor:
#app > footer > section > div > div:nth-child(1) > gov-button > button
Zobrazit HTML
<button class="element" type="button" tabindex="0" aria-disabled="false"><gov-icon slot="icon-start" cla...</button>https://designsystem.gov.cz/templates/kontakty
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#frame > div:nth-child(1) > div > button
Zobrazit HTML
<button class="Header-button Header-navToggle" data-action="toggle-sidebar">
<div class="Header-nav...</button>
Selektor:
#frame > div:nth-child(1) > div > button
Zobrazit HTML
<button class="Header-button Header-navToggle" data-action="toggle-sidebar">
<div class="Header-nav...</button>
Selektor:
#tree-components-collection-footer-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-footer-items">
...</ul>
Selektor:
#tree-components-collection-cards-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-cards-items">
...</ul>
WCAG 3.2.2
Dokumentace kritéria 3.2.2
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 4.1.1
Dokumentace kritéria 4.1.1
Selektor:
#tree-components-collection-cards
Zobrazit HTML
<li class="Tree-item Tree-collection Tree-depth-4 is-closed" data-behaviour="collection" id="tree-components-collection-cards">
<button class=...</li>
Selektor:
#tree-components-collection-cards-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-cards-items">
...</ul>
Selektor:
#tree-components-collection-footer
Zobrazit HTML
<li class="Tree-item Tree-collection Tree-depth-3 is-closed" data-behaviour="collection" id="tree-components-collection-footer">
<button class=...</li>
Selektor:
#tree-components-collection-footer-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-footer-items">
...</ul>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.4.3
Dokumentace kritéria 1.4.3
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
Selektor:
#tree-docs > div > h3
Zobrazit HTML
<h3 class="Tree-title">documentation</h3>
Selektor:
#tree-docs > ul > li > a > span
Zobrazit HTML
<span>Overview</span>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > div > h3
Zobrazit HTML
<h3 class="Tree-title">
Information
...</h3>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > dl > div > dt
Zobrazit HTML
<dt class="Tree-asideTerm">Built on:</dt>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > dl > div > dd > time
Zobrazit HTML
<time datetime="2026-02-24T12:45:55.429Z">
...</time>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
Selektor:
html
Zobrazit HTML
<html lang="en" dir="ltr" class="has-js"><head>
<meta charset="UTF-8...</html>
Selektor:
#frame > div:nth-child(1) > div > a
Zobrazit HTML
<a href="./index.html" class="Header-title" data-pjax="">Gov Design System CE - Template...</a>
Selektor:
#frame > div:nth-child(2) > div:nth-child(1)
Zobrazit HTML
<div class="Frame-panel Frame-panel--main" data-role="main">
<div class="Frame-...</div>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#pjax-container > div > div:nth-child(1) > h1
Zobrazit HTML
<h1 class="Document-title">Šablony pro design systém gov.c...</h1>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(1)
Zobrazit HTML
<p>Na této stránce naleznete příkl...</p>
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(2)
Zobrazit HTML
<p>Pro podrobnou dokumentaci a pok...</p>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(2) > a
Zobrazit HTML
<a href="https://designsystem.gov.cz/">oficiální dokumentaci design sy...</a>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form > label
Zobrazit HTML
<label class="Search-label" for="search-input">Search</label>
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
Selektor:
#tree-docs > div > h3
Zobrazit HTML
<h3 class="Tree-title">documentation</h3>
Selektor:
#tree-docs > ul > li > a > span
Zobrazit HTML
<span>Overview</span>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > div > h3
Zobrazit HTML
<h3 class="Tree-title">
Information
...</h3>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form > button
Zobrazit HTML
<button type="button" data-behaviour="clear-search" class="Search-clearButton" aria-label="Clear search" hidden="">
<svg height="24" v...</button>
Selektor:
#tree-components > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
Selektor:
#tree-docs > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Šablony pro design systém gov.c...</title>
WCAG 3.2.1
Dokumentace kritéria 3.2.1
Selektor:
#frame > div:nth-child(1) > div > button
Zobrazit HTML
<button class="Header-button Header-navToggle" data-action="toggle-sidebar">
<div class="Header-nav...</button>
Selektor:
#search-input
Zobrazit HTML
<input class="Search-input" id="search-input" type="search" placeholder="Search…" data-role="input" autocomplete="off">
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form > button
Zobrazit HTML
<button type="button" data-behaviour="clear-search" class="Search-clearButton" aria-label="Clear search" hidden="">
<svg height="24" v...</button>
Selektor:
#tree-components > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
Selektor:
#tree-components-collection-tokens > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-tokens-items">
Tokens
...</button>
Selektor:
#tree-components-collection-atoms > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-atoms-items">
Atoms
...</button>
Selektor:
#tree-components-collection-footer > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-footer-items">
Footer
...</button>
Selektor:
#tree-components-collection-skeleton > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-skeleton-items">
Skeleton
...</button>
Selektor:
#tree-components-collection-table-of-contents > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-table-of-contents-items">
Table Of C...</button>
Selektor:
#tree-components-collection-molecules > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-molecules-items">
Molecules
...</button>
Selektor:
#tree-components-collection-card > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-card-items">
Card
...</button>
Selektor:
#tree-components-collection-gallery > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-gallery-items">
Gallery
...</button>
Selektor:
#tree-components-collection-main-navigation > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-main-navigation-items">
Main Navig...</button>
Selektor:
#tree-components-collection-page-heading > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-page-heading-items">
Page Headi...</button>
Selektor:
#tree-components-collection-table > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-table-items">
Table
...</button>
Selektor:
#tree-components-collection-organisms > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-organisms-items">
Organisms
...</button>
Selektor:
#tree-components-collection-accordion-section > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-accordion-section-items">
Accordion ...</button>
Selektor:
#tree-components-collection-cards > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-cards-items">
Cards
...</button>
Selektor:
#tree-components-collection-cards > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-cards-items">
Cards
...</button>
Selektor:
#tree-components-collection-footer > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-footer-items">
Footer
...</button>
Selektor:
#tree-components-collection-grid-section > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-grid-section-items">
Grid Secti...</button>
Selektor:
#tree-components-collection-header > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-header-items">
Header
...</button>
Selektor:
#tree-components-collection-naseptavac-vyhledavani > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-naseptavac-vyhledavani-items">
Naseptavac...</button>
Selektor:
#tree-components-collection-table-complex > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-table-complex-items">
Table Comp...</button>
Selektor:
#tree-components-collection-templates > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-templates-items">
Templates
...</button>
Selektor:
#tree-components-collection-aktuality > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-aktuality-items">
Aktuality
...</button>
Selektor:
#tree-components-collection-centrum-podpory > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-centrum-podpory-items">
Centrum Po...</button>
Selektor:
#tree-components-collection-clanek > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-clanek-items">
Clanek
...</button>
Selektor:
#tree-components-collection-domovska-stranka > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-domovska-stranka-items">
Domovska S...</button>
Selektor:
#tree-components-collection-kariera > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-kariera-items">
Kariera
...</button>
Selektor:
#tree-components-collection-organizacni-struktura > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-organizacni-struktura-items">
Organizacn...</button>
Selektor:
#tree-components-collection-pro-media > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-pro-media-items">
Pro Media
...</button>
Selektor:
#tree-components-collection-vysledky-vyhledavani > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-vysledky-vyhledavani-items">
Vysledky V...</button>
Selektor:
#tree-docs > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#frame > div:nth-child(1) > div > a
Zobrazit HTML
<a href="./index.html" class="Header-title" data-pjax="">Gov Design System CE - Template...</a>
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(2) > a
Zobrazit HTML
<a href="https://designsystem.gov.cz/">oficiální dokumentaci design sy...</a>
Selektor:
#tree-components-collection-tokens-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/colors.html" data-role="tree-link" data-pjax="" data-test="colors" data-handle="colors">
<span>Colors</...</a>
Selektor:
#tree-components-collection-tokens-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/typography.html" data-role="tree-link" data-pjax="" data-test="typography" data-handle="typography">
<span>Typograp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/blockquote.html" data-role="tree-link" data-pjax="" data-test="blockquote" data-handle="blockquote">
<span>Blockquo...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/breadcrumbs.html" data-role="tree-link" data-pjax="" data-test="breadcrumbs" data-handle="breadcrumbs">
<span>Breadcru...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/button.html" data-role="tree-link" data-pjax="" data-test="button" data-handle="button">
<span>Button</...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/chip.html" data-role="tree-link" data-pjax="" data-test="chip" data-handle="chip">
<span>Chip</sp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/contact.html" data-role="tree-link" data-pjax="" data-test="contact" data-handle="contact">
<span>Contact<...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/description-list.html" data-role="tree-link" data-pjax="" data-test="description-list" data-handle="description-list">
<span>Descript...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(7) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/files.html" data-role="tree-link" data-pjax="" data-test="files" data-handle="files">
<span>Files</s...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-contact.html" data-role="tree-link" data-pjax="" data-test="footer-contact" data-handle="footer-contact">
<span>Footer C...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-copy.html" data-role="tree-link" data-pjax="" data-test="footer-copy" data-handle="footer-copy">
<span>Footer C...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-links.html" data-role="tree-link" data-pjax="" data-test="footer-links" data-handle="footer-links">
<span>Footer L...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-logos.html" data-role="tree-link" data-pjax="" data-test="footer-logos" data-handle="footer-logos">
<span>Footer L...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(9) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/heading.html" data-role="tree-link" data-pjax="" data-test="heading" data-handle="heading">
<span>Heading<...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/icon.html" data-role="tree-link" data-pjax="" data-test="icon" data-handle="icon">
<span>Icon</sp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(11) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/icon-list.html" data-role="tree-link" data-pjax="" data-test="icon-list" data-handle="icon-list">
<span>Icon Lis...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(12) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/image.html" data-role="tree-link" data-pjax="" data-test="image" data-handle="image">
<span>Image</s...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(13) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/infobar.html" data-role="tree-link" data-pjax="" data-test="infobar" data-handle="infobar">
<span>Infobar<...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(14) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/logo.html" data-role="tree-link" data-pjax="" data-test="logo" data-handle="logo">
<span>Logo</sp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(15) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/pagination.html" data-role="tree-link" data-pjax="" data-test="pagination" data-handle="pagination">
<span>Paginati...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(16) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/picture.html" data-role="tree-link" data-pjax="" data-test="picture" data-handle="picture">
<span>Picture<...</a>
Selektor:
#tree-components-collection-skeleton-items > li > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/skeleton-card.html" data-role="tree-link" data-pjax="" data-test="skeleton-card" data-handle="skeleton-card">
<span>Skeleton...</a>
Selektor:
#tree-components-collection-table-of-contents-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-of-contents--default.html" data-role="tree-link" data-pjax="" data-test="table-of-contents--default" data-handle="table-of-contents--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-table-of-contents-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-of-contents--mobile.html" data-role="tree-link" data-pjax="" data-test="table-of-contents--mobile" data-handle="table-of-contents--mobile">
<span>Mobile</...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(19) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tag.html" data-role="tree-link" data-pjax="" data-test="tag" data-handle="tag">
<span>Tag</spa...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/accordion.html" data-role="tree-link" data-pjax="" data-test="accordion" data-handle="accordion">
<span>Accordio...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/banner.html" data-role="tree-link" data-pjax="" data-test="banner" data-handle="banner">
<span>Banner</...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/button-group.html" data-role="tree-link" data-pjax="" data-test="button-group" data-handle="button-group">
<span>Button G...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-business.html" data-role="tree-link" data-pjax="" data-test="card-business" data-handle="card-business">
<span>Card Bus...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-button.html" data-role="tree-link" data-pjax="" data-test="card-button" data-handle="card-button">
<span>Card But...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-default.html" data-role="tree-link" data-pjax="" data-test="card-default" data-handle="card-default">
<span>Card Def...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-icon.html" data-role="tree-link" data-pjax="" data-test="card-icon" data-handle="card-icon">
<span>Card Ico...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-job.html" data-role="tree-link" data-pjax="" data-test="card-job" data-handle="card-job">
<span>Card Job...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-plain.html" data-role="tree-link" data-pjax="" data-test="card-plain" data-handle="card-plain">
<span>Card Pla...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/chips.html" data-role="tree-link" data-pjax="" data-test="chips" data-handle="chips">
<span>Chips</s...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/empty.html" data-role="tree-link" data-pjax="" data-test="empty" data-handle="empty">
<span>Empty</s...</a>
Selektor:
#tree-components-collection-gallery-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/gallery--default.html" data-role="tree-link" data-pjax="" data-test="gallery--default" data-handle="gallery--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-gallery-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/gallery--image.html" data-role="tree-link" data-pjax="" data-test="gallery--image" data-handle="gallery--image">
<span>Image</s...</a>
Selektor:
#tree-components-collection-gallery-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/gallery--image-link.html" data-role="tree-link" data-pjax="" data-test="gallery--image-link" data-handle="gallery--image-link">
<span>Image Li...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(8) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/header-left.html" data-role="tree-link" data-pjax="" data-test="header-left" data-handle="header-left">
<span>Header L...</a>
Selektor:
#tree-components-collection-main-navigation-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/main-navigation--default.html" data-role="tree-link" data-pjax="" data-test="main-navigation--default" data-handle="main-navigation--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-main-navigation-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/main-navigation--mega-menu.html" data-role="tree-link" data-pjax="" data-test="main-navigation--mega-menu" data-handle="main-navigation--mega-menu">
<span>Mega Men...</a>
Selektor:
#tree-components-collection-main-navigation-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/main-navigation--submenu.html" data-role="tree-link" data-pjax="" data-test="main-navigation--submenu" data-handle="main-navigation--submenu">
<span>Submenu<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/map-placeholder.html" data-role="tree-link" data-pjax="" data-test="map-placeholder" data-handle="map-placeholder">
<span>Map Plac...</a>
Selektor:
#tree-components-collection-page-heading-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/page-heading--default.html" data-role="tree-link" data-pjax="" data-test="page-heading--default" data-handle="page-heading--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-page-heading-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/page-heading--complex.html" data-role="tree-link" data-pjax="" data-test="page-heading--complex" data-handle="page-heading--complex">
<span>Complex<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(12) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/search.html" data-role="tree-link" data-pjax="" data-test="search" data-handle="search">
<span>Search</...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(13) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/section-heading.html" data-role="tree-link" data-pjax="" data-test="section-heading" data-handle="section-heading">
<span>Section ...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(14) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/social.html" data-role="tree-link" data-pjax="" data-test="social" data-handle="social">
<span>Social</...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(15) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/sorting.html" data-role="tree-link" data-pjax="" data-test="sorting" data-handle="sorting">
<span>Sorting<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(16) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/stepper.html" data-role="tree-link" data-pjax="" data-test="stepper" data-handle="stepper">
<span>Stepper<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(17) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/suggestions.html" data-role="tree-link" data-pjax="" data-test="suggestions" data-handle="suggestions">
<span>Suggesti...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--default.html" data-role="tree-link" data-pjax="" data-test="table--default" data-handle="table--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--action.html" data-role="tree-link" data-pjax="" data-test="table--action" data-handle="table--action">
<span>Action</...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--dynamic.html" data-role="tree-link" data-pjax="" data-test="table--dynamic" data-handle="table--dynamic">
<span>Dynamic<...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--empty.html" data-role="tree-link" data-pjax="" data-test="table--empty" data-handle="table--empty">
<span>Empty</s...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--expansion.html" data-role="tree-link" data-pjax="" data-test="table--expansion" data-handle="table--expansion">
<span>Expansio...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--selection.html" data-role="tree-link" data-pjax="" data-test="table--selection" data-handle="table--selection">
<span>Selectio...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(19) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tags.html" data-role="tree-link" data-pjax="" data-test="tags" data-handle="tags">
<span>Tags</sp...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(20) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tiles.html" data-role="tree-link" data-pjax="" data-test="tiles" data-handle="tiles">
<span>Tiles</s...</a>
Selektor:
#tree-components-collection-accordion-section-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/accordion-section.html" data-role="tree-link" data-pjax="" data-test="accordion-section" data-handle="accordion-section">
<span>Accordio...</a>
Selektor:
#tree-components-collection-accordion-section-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/accordion-section-complex.html" data-role="tree-link" data-pjax="" data-test="accordion-section-complex" data-handle="accordion-section-complex">
<span>Accordio...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards--default.html" data-role="tree-link" data-pjax="" data-test="cards--default" data-handle="cards--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards--horizontal.html" data-role="tree-link" data-pjax="" data-test="cards--horizontal" data-handle="cards--horizontal">
<span>Horizont...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards--vertical.html" data-role="tree-link" data-pjax="" data-test="cards--vertical" data-handle="cards--vertical">
<span>Vertical...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-carousel.html" data-role="tree-link" data-pjax="" data-test="cards-carousel" data-handle="cards-carousel">
<span>Cards Ca...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-icon.html" data-role="tree-link" data-pjax="" data-test="cards-icon" data-handle="cards-icon">
<span>Cards Ic...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-job.html" data-role="tree-link" data-pjax="" data-test="cards-job" data-handle="cards-job">
<span>Cards Jo...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-plain.html" data-role="tree-link" data-pjax="" data-test="cards-plain" data-handle="cards-plain">
<span>Cards Pl...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-section.html" data-role="tree-link" data-pjax="" data-test="cards-section" data-handle="cards-section">
<span>Cards Se...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/filters.html" data-role="tree-link" data-pjax="" data-test="filters" data-handle="filters">
<span>Filters<...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--default.html" data-role="tree-link" data-pjax="" data-test="footer--default" data-handle="footer--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--description.html" data-role="tree-link" data-pjax="" data-test="footer--description" data-handle="footer--description">
<span>Descript...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--newsletter.html" data-role="tree-link" data-pjax="" data-test="footer--newsletter" data-handle="footer--newsletter">
<span>Newslett...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--simple.html" data-role="tree-link" data-pjax="" data-test="footer--simple" data-handle="footer--simple">
<span>Simple</...</a>
Selektor:
#tree-components-collection-grid-section-items > li > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/grid-7-5-section.html" data-role="tree-link" data-pjax="" data-test="grid-7-5-section" data-handle="grid-7-5-section">
<span>Grid 7 5...</a>
Selektor:
#tree-components-collection-header-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/header--default.html" data-role="tree-link" data-pjax="" data-test="header--default" data-handle="header--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-header-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/header--small.html" data-role="tree-link" data-pjax="" data-test="header--small" data-handle="header--small">
<span>Small</s...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(8) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/logos-section.html" data-role="tree-link" data-pjax="" data-test="logos-section" data-handle="logos-section">
<span>Logos Se...</a>
Selektor:
#tree-components-collection-naseptavac-vyhledavani-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/aktivni.html" data-role="tree-link" data-pjax="" data-test="aktivni" data-handle="aktivni">
<span>Aktivni<...</a>
Selektor:
#tree-components-collection-naseptavac-vyhledavani-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vyhledavani.html" data-role="tree-link" data-pjax="" data-test="vyhledavani" data-handle="vyhledavani">
<span>Vyhledav...</a>
Selektor:
#tree-components-collection-naseptavac-vyhledavani-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/prazdny-stav.html" data-role="tree-link" data-pjax="" data-test="prazdny-stav" data-handle="prazdny-stav">
<span>Prazdny ...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/pagination-section.html" data-role="tree-link" data-pjax="" data-test="pagination-section" data-handle="pagination-section">
<span>Paginati...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(11) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/sort-count.html" data-role="tree-link" data-pjax="" data-test="sort-count" data-handle="sort-count">
<span>Sort Cou...</a>
Selektor:
#tree-components-collection-table-complex-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-complex--default.html" data-role="tree-link" data-pjax="" data-test="table-complex--default" data-handle="table-complex--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-table-complex-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-complex--selected.html" data-role="tree-link" data-pjax="" data-test="table-complex--selected" data-handle="table-complex--selected">
<span>Selected...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(13) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tiles-section.html" data-role="tree-link" data-pjax="" data-test="tiles-section" data-handle="tiles-section">
<span>Tiles Se...</a>
Selektor:
#tree-components-collection-aktuality-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/seznam-s-filtry.html" data-role="tree-link" data-pjax="" data-test="seznam-s-filtry" data-handle="seznam-s-filtry">
<span>Seznam S...</a>
Selektor:
#tree-components-collection-aktuality-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/mrizka.html" data-role="tree-link" data-pjax="" data-test="mrizka" data-handle="mrizka">
<span>Mrizka</...</a>
Selektor:
#tree-components-collection-centrum-podpory-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/centrum-podpory.html" data-role="tree-link" data-pjax="" data-test="centrum-podpory" data-handle="centrum-podpory">
<span>Centrum ...</a>
Selektor:
#tree-components-collection-centrum-podpory-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/faq-akordeony.html" data-role="tree-link" data-pjax="" data-test="faq-akordeony" data-handle="faq-akordeony">
<span>Faq Akor...</a>
Selektor:
#tree-components-collection-centrum-podpory-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/faq-bloky.html" data-role="tree-link" data-pjax="" data-test="faq-bloky" data-handle="faq-bloky">
<span>Faq Blok...</a>
Selektor:
#tree-components-collection-clanek-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/clanek--default.html" data-role="tree-link" data-pjax="" data-test="clanek--default" data-handle="clanek--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-clanek-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/clanek--s-pozadim.html" data-role="tree-link" data-pjax="" data-test="clanek--s-pozadim" data-handle="clanek--s-pozadim">
<span>S Pozadi...</a>
Selektor:
#tree-components-collection-clanek-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/clanek--oddelene-bloky.html" data-role="tree-link" data-pjax="" data-test="clanek--oddelene-bloky" data-handle="clanek--oddelene-bloky">
<span>Oddelene...</a>
Selektor:
#tree-components-collection-domovska-stranka-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/domovska-stranka.html" data-role="tree-link" data-pjax="" data-test="domovska-stranka" data-handle="domovska-stranka">
<span>Domovska...</a>
Selektor:
#tree-components-collection-domovska-stranka-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/carousely.html" data-role="tree-link" data-pjax="" data-test="carousely" data-handle="carousely">
<span>Carousel...</a>
Selektor:
#tree-components-collection-domovska-stranka-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vice-informaci.html" data-role="tree-link" data-pjax="" data-test="vice-informaci" data-handle="vice-informaci">
<span>Vice Inf...</a>
Selektor:
#tree-components-collection-kariera-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/volna-mista.html" data-role="tree-link" data-pjax="" data-test="volna-mista" data-handle="volna-mista">
<span>Volna Mi...</a>
Selektor:
#tree-components-collection-kariera-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/detail-pozice.html" data-role="tree-link" data-pjax="" data-test="detail-pozice" data-handle="detail-pozice">
<span>Detail P...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/kontakty.html" data-role="tree-link" data-pjax="" data-test="kontakty" data-handle="kontakty">
<span>Kontakty...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(7) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/mapa-webu.html" data-role="tree-link" data-pjax="" data-test="mapa-webu" data-handle="mapa-webu">
<span>Mapa Web...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(8) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/o-nas.html" data-role="tree-link" data-pjax="" data-test="o-nas" data-handle="o-nas">
<span>O Nas</s...</a>
Selektor:
#tree-components-collection-organizacni-struktura-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/prvni-uroven.html" data-role="tree-link" data-pjax="" data-test="prvni-uroven" data-handle="prvni-uroven">
<span>Prvni Ur...</a>
Selektor:
#tree-components-collection-organizacni-struktura-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/druha-uroven.html" data-role="tree-link" data-pjax="" data-test="druha-uroven" data-handle="druha-uroven">
<span>Druha Ur...</a>
Selektor:
#tree-components-collection-organizacni-struktura-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/detail-zamestnance.html" data-role="tree-link" data-pjax="" data-test="detail-zamestnance" data-handle="detail-zamestnance">
<span>Detail Z...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/povinne-zverejnovane-informace.html" data-role="tree-link" data-pjax="" data-test="povinne-zverejnovane-informace" data-handle="povinne-zverejnovane-informace">
<span>Povinne ...</a>
Selektor:
#tree-components-collection-pro-media-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tiskove-zpravy.html" data-role="tree-link" data-pjax="" data-test="tiskove-zpravy" data-handle="tiskove-zpravy">
<span>Tiskove ...</a>
Selektor:
#tree-components-collection-pro-media-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/kontakty-pro-media.html" data-role="tree-link" data-pjax="" data-test="kontakty-pro-media" data-handle="kontakty-pro-media">
<span>Kontakty...</a>
Selektor:
#tree-components-collection-pro-media-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/logo-manual.html" data-role="tree-link" data-pjax="" data-test="logo-manual" data-handle="logo-manual">
<span>Logo Man...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vysledky-vyhledavani.html" data-role="tree-link" data-pjax="" data-test="vysledky-vyhledavani" data-handle="vysledky-vyhledavani">
<span>Vysledky...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vice-kategorii.html" data-role="tree-link" data-pjax="" data-test="vice-kategorii" data-handle="vice-kategorii">
<span>Vice Kat...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/aktivni-filtry.html" data-role="tree-link" data-pjax="" data-test="aktivni-filtry" data-handle="aktivni-filtry">
<span>Aktivni ...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/nacitani-vysledku.html" data-role="tree-link" data-pjax="" data-test="nacitani-vysledku" data-handle="nacitani-vysledku">
<span>Nacitani...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/prazdne-vysledky.html" data-role="tree-link" data-pjax="" data-test="prazdne-vysledky" data-handle="prazdne-vysledky">
<span>Prazdne ...</a>
Selektor:
#tree-docs > ul > li > a
Zobrazit HTML
<a class="Tree-entityLink" href="./index.html" data-role="tree-link" data-pjax="" data-test="index" data-handle="index">
<span>Overview...</a>
WCAG 3.3.1
Dokumentace kritéria 3.3.1
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 3.3.2
Dokumentace kritéria 3.3.2
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 3.3.3
Dokumentace kritéria 3.3.3
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 3.3.4
Dokumentace kritéria 3.3.4
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 1.3.5
Dokumentace kritéria 1.3.5
Selektor:
#search-input
Zobrazit HTML
<input class="Search-input" id="search-input" type="search" placeholder="Search…" data-role="input" autocomplete="off">https://designsystem.gov.cz/templates/clanky
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#frame > div:nth-child(1) > div > button
Zobrazit HTML
<button class="Header-button Header-navToggle" data-action="toggle-sidebar">
<div class="Header-nav...</button>
Selektor:
#frame > div:nth-child(1) > div > button
Zobrazit HTML
<button class="Header-button Header-navToggle" data-action="toggle-sidebar">
<div class="Header-nav...</button>
Selektor:
#tree-components-collection-footer-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-footer-items">
...</ul>
Selektor:
#tree-components-collection-cards-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-cards-items">
...</ul>
WCAG 3.2.2
Dokumentace kritéria 3.2.2
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 4.1.1
Dokumentace kritéria 4.1.1
Selektor:
#tree-components-collection-cards
Zobrazit HTML
<li class="Tree-item Tree-collection Tree-depth-4 is-closed" data-behaviour="collection" id="tree-components-collection-cards">
<button class=...</li>
Selektor:
#tree-components-collection-cards-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-cards-items">
...</ul>
Selektor:
#tree-components-collection-footer
Zobrazit HTML
<li class="Tree-item Tree-collection Tree-depth-3 is-closed" data-behaviour="collection" id="tree-components-collection-footer">
<button class=...</li>
Selektor:
#tree-components-collection-footer-items
Zobrazit HTML
<ul class="Tree-collectionItems" data-role="items" id="tree-components-collection-footer-items">
...</ul>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.4.3
Dokumentace kritéria 1.4.3
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
Selektor:
#tree-docs > div > h3
Zobrazit HTML
<h3 class="Tree-title">documentation</h3>
Selektor:
#tree-docs > ul > li > a > span
Zobrazit HTML
<span>Overview</span>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > div > h3
Zobrazit HTML
<h3 class="Tree-title">
Information
...</h3>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > dl > div > dt
Zobrazit HTML
<dt class="Tree-asideTerm">Built on:</dt>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > dl > div > dd > time
Zobrazit HTML
<time datetime="2026-02-24T12:45:55.429Z">
...</time>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
Selektor:
html
Zobrazit HTML
<html lang="en" dir="ltr" class="has-js"><head>
<meta charset="UTF-8...</html>
Selektor:
#frame > div:nth-child(1) > div > a
Zobrazit HTML
<a href="./index.html" class="Header-title" data-pjax="">Gov Design System CE - Template...</a>
Selektor:
#frame > div:nth-child(2) > div:nth-child(1)
Zobrazit HTML
<div class="Frame-panel Frame-panel--main" data-role="main">
<div class="Frame-...</div>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#pjax-container > div > div:nth-child(1) > h1
Zobrazit HTML
<h1 class="Document-title">Šablony pro design systém gov.c...</h1>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(1)
Zobrazit HTML
<p>Na této stránce naleznete příkl...</p>
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(2)
Zobrazit HTML
<p>Pro podrobnou dokumentaci a pok...</p>
WCAG 1.4.3
Dokumentace kritéria 1.4.3
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(2) > a
Zobrazit HTML
<a href="https://designsystem.gov.cz/">oficiální dokumentaci design sy...</a>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form > label
Zobrazit HTML
<label class="Search-label" for="search-input">Search</label>
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
Selektor:
#tree-docs > div > h3
Zobrazit HTML
<h3 class="Tree-title">documentation</h3>
Selektor:
#tree-docs > ul > li > a > span
Zobrazit HTML
<span>Overview</span>
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(4) > div > div > h3
Zobrazit HTML
<h3 class="Tree-title">
Information
...</h3>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form > button
Zobrazit HTML
<button type="button" data-behaviour="clear-search" class="Search-clearButton" aria-label="Clear search" hidden="">
<svg height="24" v...</button>
Selektor:
#tree-components > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
Selektor:
#tree-docs > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#tree-components > div > h3
Zobrazit HTML
<h3 class="Tree-title">components</h3>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Šablony pro design systém gov.c...</title>
WCAG 3.2.1
Dokumentace kritéria 3.2.1
Selektor:
#frame > div:nth-child(1) > div > button
Zobrazit HTML
<button class="Header-button Header-navToggle" data-action="toggle-sidebar">
<div class="Header-nav...</button>
Selektor:
#search-input
Zobrazit HTML
<input class="Search-input" id="search-input" type="search" placeholder="Search…" data-role="input" autocomplete="off">
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form > button
Zobrazit HTML
<button type="button" data-behaviour="clear-search" class="Search-clearButton" aria-label="Clear search" hidden="">
<svg height="24" v...</button>
Selektor:
#tree-components > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
Selektor:
#tree-components-collection-tokens > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-tokens-items">
Tokens
...</button>
Selektor:
#tree-components-collection-atoms > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-atoms-items">
Atoms
...</button>
Selektor:
#tree-components-collection-footer > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-footer-items">
Footer
...</button>
Selektor:
#tree-components-collection-skeleton > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-skeleton-items">
Skeleton
...</button>
Selektor:
#tree-components-collection-table-of-contents > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-table-of-contents-items">
Table Of C...</button>
Selektor:
#tree-components-collection-molecules > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-molecules-items">
Molecules
...</button>
Selektor:
#tree-components-collection-card > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-card-items">
Card
...</button>
Selektor:
#tree-components-collection-gallery > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-gallery-items">
Gallery
...</button>
Selektor:
#tree-components-collection-main-navigation > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-main-navigation-items">
Main Navig...</button>
Selektor:
#tree-components-collection-page-heading > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-page-heading-items">
Page Headi...</button>
Selektor:
#tree-components-collection-table > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-table-items">
Table
...</button>
Selektor:
#tree-components-collection-organisms > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-organisms-items">
Organisms
...</button>
Selektor:
#tree-components-collection-accordion-section > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-accordion-section-items">
Accordion ...</button>
Selektor:
#tree-components-collection-cards > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-cards-items">
Cards
...</button>
Selektor:
#tree-components-collection-cards > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-cards-items">
Cards
...</button>
Selektor:
#tree-components-collection-footer > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-footer-items">
Footer
...</button>
Selektor:
#tree-components-collection-grid-section > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-grid-section-items">
Grid Secti...</button>
Selektor:
#tree-components-collection-header > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-header-items">
Header
...</button>
Selektor:
#tree-components-collection-naseptavac-vyhledavani > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-naseptavac-vyhledavani-items">
Naseptavac...</button>
Selektor:
#tree-components-collection-table-complex > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-table-complex-items">
Table Comp...</button>
Selektor:
#tree-components-collection-templates > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-templates-items">
Templates
...</button>
Selektor:
#tree-components-collection-aktuality > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-aktuality-items">
Aktuality
...</button>
Selektor:
#tree-components-collection-centrum-podpory > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-centrum-podpory-items">
Centrum Po...</button>
Selektor:
#tree-components-collection-clanek > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-clanek-items">
Clanek
...</button>
Selektor:
#tree-components-collection-domovska-stranka > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-domovska-stranka-items">
Domovska S...</button>
Selektor:
#tree-components-collection-kariera > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-kariera-items">
Kariera
...</button>
Selektor:
#tree-components-collection-organizacni-struktura > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-organizacni-struktura-items">
Organizacn...</button>
Selektor:
#tree-components-collection-pro-media > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-pro-media-items">
Pro Media
...</button>
Selektor:
#tree-components-collection-vysledky-vyhledavani > button
Zobrazit HTML
<button class="Tree-collectionLabel" data-role="toggle" aria-expanded="false" aria-controls="tree-components-collection-vysledky-vyhledavani-items">
Vysledky V...</button>
Selektor:
#tree-docs > div > button
Zobrazit HTML
<button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden="hidden">
<svg width="24" he...</button>
WCAG 2.4.4
Dokumentace kritéria 2.4.4
Selektor:
#frame > div:nth-child(1) > div > a
Zobrazit HTML
<a href="./index.html" class="Header-title" data-pjax="">Gov Design System CE - Template...</a>
Selektor:
#pjax-container > div > div:nth-child(2) > div > p:nth-child(2) > a
Zobrazit HTML
<a href="https://designsystem.gov.cz/">oficiální dokumentaci design sy...</a>
Selektor:
#tree-components-collection-tokens-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/colors.html" data-role="tree-link" data-pjax="" data-test="colors" data-handle="colors">
<span>Colors</...</a>
Selektor:
#tree-components-collection-tokens-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/typography.html" data-role="tree-link" data-pjax="" data-test="typography" data-handle="typography">
<span>Typograp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/blockquote.html" data-role="tree-link" data-pjax="" data-test="blockquote" data-handle="blockquote">
<span>Blockquo...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/breadcrumbs.html" data-role="tree-link" data-pjax="" data-test="breadcrumbs" data-handle="breadcrumbs">
<span>Breadcru...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/button.html" data-role="tree-link" data-pjax="" data-test="button" data-handle="button">
<span>Button</...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/chip.html" data-role="tree-link" data-pjax="" data-test="chip" data-handle="chip">
<span>Chip</sp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/contact.html" data-role="tree-link" data-pjax="" data-test="contact" data-handle="contact">
<span>Contact<...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/description-list.html" data-role="tree-link" data-pjax="" data-test="description-list" data-handle="description-list">
<span>Descript...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(7) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/files.html" data-role="tree-link" data-pjax="" data-test="files" data-handle="files">
<span>Files</s...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-contact.html" data-role="tree-link" data-pjax="" data-test="footer-contact" data-handle="footer-contact">
<span>Footer C...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-copy.html" data-role="tree-link" data-pjax="" data-test="footer-copy" data-handle="footer-copy">
<span>Footer C...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-links.html" data-role="tree-link" data-pjax="" data-test="footer-links" data-handle="footer-links">
<span>Footer L...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer-logos.html" data-role="tree-link" data-pjax="" data-test="footer-logos" data-handle="footer-logos">
<span>Footer L...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(9) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/heading.html" data-role="tree-link" data-pjax="" data-test="heading" data-handle="heading">
<span>Heading<...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/icon.html" data-role="tree-link" data-pjax="" data-test="icon" data-handle="icon">
<span>Icon</sp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(11) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/icon-list.html" data-role="tree-link" data-pjax="" data-test="icon-list" data-handle="icon-list">
<span>Icon Lis...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(12) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/image.html" data-role="tree-link" data-pjax="" data-test="image" data-handle="image">
<span>Image</s...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(13) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/infobar.html" data-role="tree-link" data-pjax="" data-test="infobar" data-handle="infobar">
<span>Infobar<...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(14) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/logo.html" data-role="tree-link" data-pjax="" data-test="logo" data-handle="logo">
<span>Logo</sp...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(15) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/pagination.html" data-role="tree-link" data-pjax="" data-test="pagination" data-handle="pagination">
<span>Paginati...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(16) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/picture.html" data-role="tree-link" data-pjax="" data-test="picture" data-handle="picture">
<span>Picture<...</a>
Selektor:
#tree-components-collection-skeleton-items > li > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/skeleton-card.html" data-role="tree-link" data-pjax="" data-test="skeleton-card" data-handle="skeleton-card">
<span>Skeleton...</a>
Selektor:
#tree-components-collection-table-of-contents-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-of-contents--default.html" data-role="tree-link" data-pjax="" data-test="table-of-contents--default" data-handle="table-of-contents--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-table-of-contents-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-of-contents--mobile.html" data-role="tree-link" data-pjax="" data-test="table-of-contents--mobile" data-handle="table-of-contents--mobile">
<span>Mobile</...</a>
Selektor:
#tree-components-collection-atoms-items > li:nth-child(19) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tag.html" data-role="tree-link" data-pjax="" data-test="tag" data-handle="tag">
<span>Tag</spa...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/accordion.html" data-role="tree-link" data-pjax="" data-test="accordion" data-handle="accordion">
<span>Accordio...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/banner.html" data-role="tree-link" data-pjax="" data-test="banner" data-handle="banner">
<span>Banner</...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/button-group.html" data-role="tree-link" data-pjax="" data-test="button-group" data-handle="button-group">
<span>Button G...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-business.html" data-role="tree-link" data-pjax="" data-test="card-business" data-handle="card-business">
<span>Card Bus...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-button.html" data-role="tree-link" data-pjax="" data-test="card-button" data-handle="card-button">
<span>Card But...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-default.html" data-role="tree-link" data-pjax="" data-test="card-default" data-handle="card-default">
<span>Card Def...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-icon.html" data-role="tree-link" data-pjax="" data-test="card-icon" data-handle="card-icon">
<span>Card Ico...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-job.html" data-role="tree-link" data-pjax="" data-test="card-job" data-handle="card-job">
<span>Card Job...</a>
Selektor:
#tree-components-collection-card-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/card-plain.html" data-role="tree-link" data-pjax="" data-test="card-plain" data-handle="card-plain">
<span>Card Pla...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/chips.html" data-role="tree-link" data-pjax="" data-test="chips" data-handle="chips">
<span>Chips</s...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/empty.html" data-role="tree-link" data-pjax="" data-test="empty" data-handle="empty">
<span>Empty</s...</a>
Selektor:
#tree-components-collection-gallery-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/gallery--default.html" data-role="tree-link" data-pjax="" data-test="gallery--default" data-handle="gallery--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-gallery-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/gallery--image.html" data-role="tree-link" data-pjax="" data-test="gallery--image" data-handle="gallery--image">
<span>Image</s...</a>
Selektor:
#tree-components-collection-gallery-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/gallery--image-link.html" data-role="tree-link" data-pjax="" data-test="gallery--image-link" data-handle="gallery--image-link">
<span>Image Li...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(8) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/header-left.html" data-role="tree-link" data-pjax="" data-test="header-left" data-handle="header-left">
<span>Header L...</a>
Selektor:
#tree-components-collection-main-navigation-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/main-navigation--default.html" data-role="tree-link" data-pjax="" data-test="main-navigation--default" data-handle="main-navigation--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-main-navigation-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/main-navigation--mega-menu.html" data-role="tree-link" data-pjax="" data-test="main-navigation--mega-menu" data-handle="main-navigation--mega-menu">
<span>Mega Men...</a>
Selektor:
#tree-components-collection-main-navigation-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/main-navigation--submenu.html" data-role="tree-link" data-pjax="" data-test="main-navigation--submenu" data-handle="main-navigation--submenu">
<span>Submenu<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/map-placeholder.html" data-role="tree-link" data-pjax="" data-test="map-placeholder" data-handle="map-placeholder">
<span>Map Plac...</a>
Selektor:
#tree-components-collection-page-heading-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/page-heading--default.html" data-role="tree-link" data-pjax="" data-test="page-heading--default" data-handle="page-heading--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-page-heading-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/page-heading--complex.html" data-role="tree-link" data-pjax="" data-test="page-heading--complex" data-handle="page-heading--complex">
<span>Complex<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(12) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/search.html" data-role="tree-link" data-pjax="" data-test="search" data-handle="search">
<span>Search</...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(13) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/section-heading.html" data-role="tree-link" data-pjax="" data-test="section-heading" data-handle="section-heading">
<span>Section ...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(14) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/social.html" data-role="tree-link" data-pjax="" data-test="social" data-handle="social">
<span>Social</...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(15) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/sorting.html" data-role="tree-link" data-pjax="" data-test="sorting" data-handle="sorting">
<span>Sorting<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(16) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/stepper.html" data-role="tree-link" data-pjax="" data-test="stepper" data-handle="stepper">
<span>Stepper<...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(17) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/suggestions.html" data-role="tree-link" data-pjax="" data-test="suggestions" data-handle="suggestions">
<span>Suggesti...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--default.html" data-role="tree-link" data-pjax="" data-test="table--default" data-handle="table--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--action.html" data-role="tree-link" data-pjax="" data-test="table--action" data-handle="table--action">
<span>Action</...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--dynamic.html" data-role="tree-link" data-pjax="" data-test="table--dynamic" data-handle="table--dynamic">
<span>Dynamic<...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--empty.html" data-role="tree-link" data-pjax="" data-test="table--empty" data-handle="table--empty">
<span>Empty</s...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--expansion.html" data-role="tree-link" data-pjax="" data-test="table--expansion" data-handle="table--expansion">
<span>Expansio...</a>
Selektor:
#tree-components-collection-table-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table--selection.html" data-role="tree-link" data-pjax="" data-test="table--selection" data-handle="table--selection">
<span>Selectio...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(19) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tags.html" data-role="tree-link" data-pjax="" data-test="tags" data-handle="tags">
<span>Tags</sp...</a>
Selektor:
#tree-components-collection-molecules-items > li:nth-child(20) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tiles.html" data-role="tree-link" data-pjax="" data-test="tiles" data-handle="tiles">
<span>Tiles</s...</a>
Selektor:
#tree-components-collection-accordion-section-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/accordion-section.html" data-role="tree-link" data-pjax="" data-test="accordion-section" data-handle="accordion-section">
<span>Accordio...</a>
Selektor:
#tree-components-collection-accordion-section-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/accordion-section-complex.html" data-role="tree-link" data-pjax="" data-test="accordion-section-complex" data-handle="accordion-section-complex">
<span>Accordio...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards--default.html" data-role="tree-link" data-pjax="" data-test="cards--default" data-handle="cards--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards--horizontal.html" data-role="tree-link" data-pjax="" data-test="cards--horizontal" data-handle="cards--horizontal">
<span>Horizont...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards--vertical.html" data-role="tree-link" data-pjax="" data-test="cards--vertical" data-handle="cards--vertical">
<span>Vertical...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-carousel.html" data-role="tree-link" data-pjax="" data-test="cards-carousel" data-handle="cards-carousel">
<span>Cards Ca...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-icon.html" data-role="tree-link" data-pjax="" data-test="cards-icon" data-handle="cards-icon">
<span>Cards Ic...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-job.html" data-role="tree-link" data-pjax="" data-test="cards-job" data-handle="cards-job">
<span>Cards Jo...</a>
Selektor:
#tree-components-collection-cards-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-plain.html" data-role="tree-link" data-pjax="" data-test="cards-plain" data-handle="cards-plain">
<span>Cards Pl...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/cards-section.html" data-role="tree-link" data-pjax="" data-test="cards-section" data-handle="cards-section">
<span>Cards Se...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/filters.html" data-role="tree-link" data-pjax="" data-test="filters" data-handle="filters">
<span>Filters<...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--default.html" data-role="tree-link" data-pjax="" data-test="footer--default" data-handle="footer--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--description.html" data-role="tree-link" data-pjax="" data-test="footer--description" data-handle="footer--description">
<span>Descript...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--newsletter.html" data-role="tree-link" data-pjax="" data-test="footer--newsletter" data-handle="footer--newsletter">
<span>Newslett...</a>
Selektor:
#tree-components-collection-footer-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/footer--simple.html" data-role="tree-link" data-pjax="" data-test="footer--simple" data-handle="footer--simple">
<span>Simple</...</a>
Selektor:
#tree-components-collection-grid-section-items > li > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/grid-7-5-section.html" data-role="tree-link" data-pjax="" data-test="grid-7-5-section" data-handle="grid-7-5-section">
<span>Grid 7 5...</a>
Selektor:
#tree-components-collection-header-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/header--default.html" data-role="tree-link" data-pjax="" data-test="header--default" data-handle="header--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-header-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/header--small.html" data-role="tree-link" data-pjax="" data-test="header--small" data-handle="header--small">
<span>Small</s...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(8) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/logos-section.html" data-role="tree-link" data-pjax="" data-test="logos-section" data-handle="logos-section">
<span>Logos Se...</a>
Selektor:
#tree-components-collection-naseptavac-vyhledavani-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/aktivni.html" data-role="tree-link" data-pjax="" data-test="aktivni" data-handle="aktivni">
<span>Aktivni<...</a>
Selektor:
#tree-components-collection-naseptavac-vyhledavani-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vyhledavani.html" data-role="tree-link" data-pjax="" data-test="vyhledavani" data-handle="vyhledavani">
<span>Vyhledav...</a>
Selektor:
#tree-components-collection-naseptavac-vyhledavani-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/prazdny-stav.html" data-role="tree-link" data-pjax="" data-test="prazdny-stav" data-handle="prazdny-stav">
<span>Prazdny ...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/pagination-section.html" data-role="tree-link" data-pjax="" data-test="pagination-section" data-handle="pagination-section">
<span>Paginati...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(11) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/sort-count.html" data-role="tree-link" data-pjax="" data-test="sort-count" data-handle="sort-count">
<span>Sort Cou...</a>
Selektor:
#tree-components-collection-table-complex-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-complex--default.html" data-role="tree-link" data-pjax="" data-test="table-complex--default" data-handle="table-complex--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-table-complex-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/table-complex--selected.html" data-role="tree-link" data-pjax="" data-test="table-complex--selected" data-handle="table-complex--selected">
<span>Selected...</a>
Selektor:
#tree-components-collection-organisms-items > li:nth-child(13) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tiles-section.html" data-role="tree-link" data-pjax="" data-test="tiles-section" data-handle="tiles-section">
<span>Tiles Se...</a>
Selektor:
#tree-components-collection-aktuality-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/seznam-s-filtry.html" data-role="tree-link" data-pjax="" data-test="seznam-s-filtry" data-handle="seznam-s-filtry">
<span>Seznam S...</a>
Selektor:
#tree-components-collection-aktuality-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/mrizka.html" data-role="tree-link" data-pjax="" data-test="mrizka" data-handle="mrizka">
<span>Mrizka</...</a>
Selektor:
#tree-components-collection-centrum-podpory-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/centrum-podpory.html" data-role="tree-link" data-pjax="" data-test="centrum-podpory" data-handle="centrum-podpory">
<span>Centrum ...</a>
Selektor:
#tree-components-collection-centrum-podpory-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/faq-akordeony.html" data-role="tree-link" data-pjax="" data-test="faq-akordeony" data-handle="faq-akordeony">
<span>Faq Akor...</a>
Selektor:
#tree-components-collection-centrum-podpory-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/faq-bloky.html" data-role="tree-link" data-pjax="" data-test="faq-bloky" data-handle="faq-bloky">
<span>Faq Blok...</a>
Selektor:
#tree-components-collection-clanek-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/clanek--default.html" data-role="tree-link" data-pjax="" data-test="clanek--default" data-handle="clanek--default">
<span>Default<...</a>
Selektor:
#tree-components-collection-clanek-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/clanek--s-pozadim.html" data-role="tree-link" data-pjax="" data-test="clanek--s-pozadim" data-handle="clanek--s-pozadim">
<span>S Pozadi...</a>
Selektor:
#tree-components-collection-clanek-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/clanek--oddelene-bloky.html" data-role="tree-link" data-pjax="" data-test="clanek--oddelene-bloky" data-handle="clanek--oddelene-bloky">
<span>Oddelene...</a>
Selektor:
#tree-components-collection-domovska-stranka-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/domovska-stranka.html" data-role="tree-link" data-pjax="" data-test="domovska-stranka" data-handle="domovska-stranka">
<span>Domovska...</a>
Selektor:
#tree-components-collection-domovska-stranka-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/carousely.html" data-role="tree-link" data-pjax="" data-test="carousely" data-handle="carousely">
<span>Carousel...</a>
Selektor:
#tree-components-collection-domovska-stranka-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vice-informaci.html" data-role="tree-link" data-pjax="" data-test="vice-informaci" data-handle="vice-informaci">
<span>Vice Inf...</a>
Selektor:
#tree-components-collection-kariera-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/volna-mista.html" data-role="tree-link" data-pjax="" data-test="volna-mista" data-handle="volna-mista">
<span>Volna Mi...</a>
Selektor:
#tree-components-collection-kariera-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/detail-pozice.html" data-role="tree-link" data-pjax="" data-test="detail-pozice" data-handle="detail-pozice">
<span>Detail P...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(6) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/kontakty.html" data-role="tree-link" data-pjax="" data-test="kontakty" data-handle="kontakty">
<span>Kontakty...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(7) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/mapa-webu.html" data-role="tree-link" data-pjax="" data-test="mapa-webu" data-handle="mapa-webu">
<span>Mapa Web...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(8) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/o-nas.html" data-role="tree-link" data-pjax="" data-test="o-nas" data-handle="o-nas">
<span>O Nas</s...</a>
Selektor:
#tree-components-collection-organizacni-struktura-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/prvni-uroven.html" data-role="tree-link" data-pjax="" data-test="prvni-uroven" data-handle="prvni-uroven">
<span>Prvni Ur...</a>
Selektor:
#tree-components-collection-organizacni-struktura-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/druha-uroven.html" data-role="tree-link" data-pjax="" data-test="druha-uroven" data-handle="druha-uroven">
<span>Druha Ur...</a>
Selektor:
#tree-components-collection-organizacni-struktura-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/detail-zamestnance.html" data-role="tree-link" data-pjax="" data-test="detail-zamestnance" data-handle="detail-zamestnance">
<span>Detail Z...</a>
Selektor:
#tree-components-collection-templates-items > li:nth-child(10) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/povinne-zverejnovane-informace.html" data-role="tree-link" data-pjax="" data-test="povinne-zverejnovane-informace" data-handle="povinne-zverejnovane-informace">
<span>Povinne ...</a>
Selektor:
#tree-components-collection-pro-media-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/tiskove-zpravy.html" data-role="tree-link" data-pjax="" data-test="tiskove-zpravy" data-handle="tiskove-zpravy">
<span>Tiskove ...</a>
Selektor:
#tree-components-collection-pro-media-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/kontakty-pro-media.html" data-role="tree-link" data-pjax="" data-test="kontakty-pro-media" data-handle="kontakty-pro-media">
<span>Kontakty...</a>
Selektor:
#tree-components-collection-pro-media-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/logo-manual.html" data-role="tree-link" data-pjax="" data-test="logo-manual" data-handle="logo-manual">
<span>Logo Man...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(1) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vysledky-vyhledavani.html" data-role="tree-link" data-pjax="" data-test="vysledky-vyhledavani" data-handle="vysledky-vyhledavani">
<span>Vysledky...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(2) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/vice-kategorii.html" data-role="tree-link" data-pjax="" data-test="vice-kategorii" data-handle="vice-kategorii">
<span>Vice Kat...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(3) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/aktivni-filtry.html" data-role="tree-link" data-pjax="" data-test="aktivni-filtry" data-handle="aktivni-filtry">
<span>Aktivni ...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(4) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/nacitani-vysledku.html" data-role="tree-link" data-pjax="" data-test="nacitani-vysledku" data-handle="nacitani-vysledku">
<span>Nacitani...</a>
Selektor:
#tree-components-collection-vysledky-vyhledavani-items > li:nth-child(5) > a
Zobrazit HTML
<a class="Tree-entityLink" href="./components/detail/prazdne-vysledky.html" data-role="tree-link" data-pjax="" data-test="prazdne-vysledky" data-handle="prazdne-vysledky">
<span>Prazdne ...</a>
Selektor:
#tree-docs > ul > li > a
Zobrazit HTML
<a class="Tree-entityLink" href="./index.html" data-role="tree-link" data-pjax="" data-test="index" data-handle="index">
<span>Overview...</a>
WCAG 3.3.1
Dokumentace kritéria 3.3.1
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 3.3.2
Dokumentace kritéria 3.3.2
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 3.3.3
Dokumentace kritéria 3.3.3
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 3.3.4
Dokumentace kritéria 3.3.4
Selektor:
#frame > div:nth-child(2) > div:nth-child(2) > nav > div > div:nth-child(1) > form
Zobrazit HTML
<form action="" class="Search" data-behaviour="search">
<label class="Search-l...</form>
WCAG 1.3.5
Dokumentace kritéria 1.3.5
Selektor:
#search-input
Zobrazit HTML
<input class="Search-input" id="search-input" type="search" placeholder="Search…" data-role="input" autocomplete="off">