První měření
ICS
41.5
Přístupnost
16
Výkon
67
Výpočet skóre
100
−
74
=
26
| Závažnost | Unikátní typy | Váhy | Odečet |
|---|---|---|---|
| Kritické | 2 | 30 + 19 | −49 |
| Závažné | 2 | 15 + 10 | −25 |
| Celkový odečet | −74 | ||
Skóre je založeno na 4 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. 35 unikátních středních/drobných problémů je sledováno, ale neovlivňuje skóre. Více o metodice měření
Původní skóre v době měření bylo 16. Výše uvedený rozpis odráží aktualizovanou metodiku:
Vylepšená detekce duplicitních chyb.
Testované stránky
https://designsystem.gov.cz/
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#app > footer > section > 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: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:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
WCAG 4.1.1
Dokumentace kritéria 4.1.1
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>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:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5 class="mb-4 text-xl text-text-white-fixed">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" 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" 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" hydrated=""><!----><span class="element" ta...</gov-chip>
Selektor:
#app > footer > section > div:nth-child(1) > gov-button
Zobrazit HTML
<gov-button class="back-top gov-button hydrated" wcag-label="Na začátek stránky" size="m" hydrated="" color="neutral" type="outlined"><!----><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:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5 class="mb-4 text-xl text-text-white-fixed">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: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: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:nth-child(1) > ul > li:nth-child(2) > div > 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:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(1) > li:nth-child(1) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(1) > li:nth-child(2) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(2) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(2) > 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:nth-child(2) > 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 !text-text-white-fixed">licencí EUPL v 1.2 <gov-icon ty...</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: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:
#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:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
WCAG 4.1.1
Dokumentace kritéria 4.1.1
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>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:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5 class="mb-4 text-xl text-text-white-fixed">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" 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" 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" hydrated=""><!----><span class="element" ta...</gov-chip>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > div > gov-button
Zobrazit HTML
<gov-button size="m" hydrated="" color="primary" class="gov-button hydrated" type="outlined"><!----><a class="element" href=...</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:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5 class="mb-4 text-xl text-text-white-fixed">Informace</h5>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Kontakty | 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:
#app > div > div > div > div:nth-child(2) > main > section > div > div > div > gov-button > a
Zobrazit HTML
<a class="element" href="/templates/components/detail/kontakty.html" target="_blank" tabindex="0" aria-disabled="false"> Fractal <gov-icon slot="icon-e...</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: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: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:nth-child(1) > ul > li:nth-child(2) > div > 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:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(1) > li:nth-child(1) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(1) > li:nth-child(2) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(2) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(2) > 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:nth-child(2) > 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 !text-text-white-fixed">licencí EUPL v 1.2 <gov-icon ty...</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>https://designsystem.gov.cz/templates/clanky
WCAG 4.1.2
Dokumentace kritéria 4.1.2
Selektor:
#app > footer > section > 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: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:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
WCAG 4.1.1
Dokumentace kritéria 4.1.1
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>
Selektor:
#clip0_85_7948
Zobrazit HTML
<clipPath id="clip0_85_7948">
<rect width="16" height="16" f...</clipPath>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:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5 class="mb-4 text-xl text-text-white-fixed">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" 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-grid > gov-grid-item:nth-child(1) > gov-card > gov-flex > div > gov-button:nth-child(1)
Zobrazit HTML
<gov-button size="s" hydrated="" color="primary" class="gov-button hydrated" type="solid" expanded=""><!----><a class="element" href=...</gov-button>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(1) > gov-card > gov-flex > div > gov-button:nth-child(2)
Zobrazit HTML
<gov-button size="s" hydrated="" color="primary" class="gov-button hydrated" type="outlined" expanded=""><!----><a class="element" href=...</gov-button>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(2) > gov-card > gov-flex > div > gov-button:nth-child(1)
Zobrazit HTML
<gov-button size="s" hydrated="" color="primary" class="gov-button hydrated" type="solid" expanded=""><!----><a class="element" href=...</gov-button>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(2) > gov-card > gov-flex > div > gov-button:nth-child(2)
Zobrazit HTML
<gov-button size="s" hydrated="" color="primary" class="gov-button hydrated" type="outlined" expanded=""><!----><a class="element" href=...</gov-button>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(3) > gov-card > gov-flex > div > gov-button:nth-child(1)
Zobrazit HTML
<gov-button size="s" hydrated="" color="primary" class="gov-button hydrated" type="solid" expanded=""><!----><a class="element" href=...</gov-button>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(3) > gov-card > gov-flex > div > gov-button:nth-child(2)
Zobrazit HTML
<gov-button size="s" hydrated="" color="primary" class="gov-button hydrated" type="outlined" expanded=""><!----><a class="element" href=...</gov-button>
Selektor:
#app > footer > section > div:nth-child(1) > gov-button
Zobrazit HTML
<gov-button class="back-top gov-button hydrated" wcag-label="Na začátek stránky" size="m" hydrated="" color="neutral" type="outlined"><!----><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:nth-child(1) > ul > li:nth-child(1) > h5
Zobrazit HTML
<h5 class="mb-4 text-xl text-text-white-fixed">Informace</h5>
WCAG 1.1.1
Dokumentace kritéria 1.1.1
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(1) > gov-card > img
Zobrazit HTML
<img slot="img" src="/_media/showcase/templates/thumbnails/clanek.png" alt="">
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(2) > gov-card > img
Zobrazit HTML
<img slot="img" src="/_media/showcase/templates/thumbnails/povinne-zverejnovane-informace.png" alt="">
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(3) > gov-card > img
Zobrazit HTML
<img slot="img" src="/_media/showcase/templates/thumbnails/mapa-webu.png" alt="">
WCAG 1.3.1
Dokumentace kritéria 1.3.1
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(1) > gov-card > gov-flex > gov-flex > gov-flex > p:nth-child(1)
Zobrazit HTML
<p><b>Článek</b></p>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(2) > gov-card > gov-flex > gov-flex > gov-flex > p:nth-child(1)
Zobrazit HTML
<p><b>Povinně zveřejňované informa...</p>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(3) > gov-card > gov-flex > gov-flex > gov-flex > p:nth-child(1)
Zobrazit HTML
<p><b>Mapa webu</b></p>
WCAG 2.4.2
Dokumentace kritéria 2.4.2
Selektor:
html > head > title
Zobrazit HTML
<title>Články | 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-grid > gov-grid-item:nth-child(1) > gov-card > gov-flex > div > gov-button:nth-child(1) > a
Zobrazit HTML
<a class="element" href="/templates/clanek" tabindex="0" aria-disabled="false"> Dokumentace </a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(1) > gov-card > gov-flex > div > gov-button:nth-child(2) > a
Zobrazit HTML
<a class="element" href="/templates/components/detail/clanek.html" target="_blank" tabindex="0" aria-disabled="false"> Fractal <gov-icon slot="icon-e...</a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(2) > gov-card > gov-flex > div > gov-button:nth-child(1) > a
Zobrazit HTML
<a class="element" href="/templates/povinne-zverejnovane-informace" tabindex="0" aria-disabled="false"> Dokumentace </a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(2) > gov-card > gov-flex > div > gov-button:nth-child(2) > a
Zobrazit HTML
<a class="element" href="/templates/components/detail/povinne-zverejnovane-informace.html" target="_blank" tabindex="0" aria-disabled="false"> Fractal <gov-icon slot="icon-e...</a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(3) > gov-card > gov-flex > div > gov-button:nth-child(1) > a
Zobrazit HTML
<a class="element" href="/templates/mapa-webu" tabindex="0" aria-disabled="false"> Dokumentace </a>
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(3) > gov-card > gov-flex > div > gov-button:nth-child(2) > a
Zobrazit HTML
<a class="element" href="/templates/components/detail/mapa-webu.html" target="_blank" tabindex="0" aria-disabled="false"> Fractal <gov-icon slot="icon-e...</a>
Selektor:
#app > footer > section > 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: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:nth-child(1) > ul > li:nth-child(2) > div > 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:nth-child(1) > ul > li:nth-child(2) > div > div > ul > li > a
Zobrazit HTML
<a href="https://twitter.com/design_gov_cz" target="_blank" rel="nofollow" class="inline-flex items-center gap-1 h-10 text-s"><gov-icon name="twitter-x" type...</a>
Selektor:
#app > footer > section > div:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(1) > li:nth-child(1) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(1) > li:nth-child(2) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(2) > 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:nth-child(1) > ul > li:nth-child(3) > div > ul:nth-child(2) > 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:nth-child(2) > 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 !text-text-white-fixed">licencí EUPL v 1.2 <gov-icon ty...</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: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 1.1.1
Dokumentace kritéria 1.1.1
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(1) > gov-card > img
Zobrazit HTML
<img slot="img" src="/_media/showcase/templates/thumbnails/clanek.png" alt="">
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(2) > gov-card > img
Zobrazit HTML
<img slot="img" src="/_media/showcase/templates/thumbnails/povinne-zverejnovane-informace.png" alt="">
Selektor:
#app > div > div > div > div:nth-child(2) > main > section > div > div > gov-grid > gov-grid-item:nth-child(3) > gov-card > img
Zobrazit HTML
<img slot="img" src="/_media/showcase/templates/thumbnails/mapa-webu.png" alt="">