Platební portál pro Tento kraj (2026-04-15)

Výpočet skóre

100

Gratulujeme! Automatické testování nenalezlo žádné problémy s přístupností.

Automatické testování dokáže odhalit pouze asi 30 % bariér přístupnosti. Zvažte ruční audit přístupnosti pro zajištění úplné shody.

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

0 Kritické 0 → 0

0 Závažné 0 → 0

0 Celkem 109 → 109

Stránka	Kritické	Závažné	Celkem
platby-dev.otevrenamesta.cz	0	0	0

Testované stránky

https://platby-dev.otevrenamesta.cz

Žádné kritické nebo závažné problémy ovlivňující skóre!

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

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

WCAG 1.4.3

Dokumentace kritéria 1.4.3

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > div > gov-button:nth-child(1)

Zobrazit HTML

<gov-button color="primary" size="m" type="solid" class="js-login-button gov-button hydrated" data-href="/prihlaseni" hydrated=""><!----><button class="element" ...</gov-button>

Selektor: html > body > header > div:nth-child(1) > div > div > gov-button:nth-child(2)

Zobrazit HTML

<gov-button color="primary" size="m" type="outlined" class="js-register-button gov-button hydrated" data-href="/registrace-uzivatele" hydrated=""><!----><button class="element" ...</gov-button>

Selektor: #main-navigation > ul > li:nth-child(4) > gov-button

Zobrazit HTML

<gov-button type="base" color="primary" size="l" hydrated="" class="gov-button hydrated"><!----><button class="element" ...</gov-button>

Selektor: #banner

Zobrazit HTML

<h1 id="banner" slot="headline">Vítejte na Platebním portálu</h1>

Selektor: #main > main > gov-banner:nth-child(1) > p

Zobrazit HTML

<p>Zapomeňte na složenky a hotovos...</p>

Selektor: #main > main > gov-banner:nth-child(1) > gov-button

Zobrazit HTML

<gov-button color="secondary" size="l" type="solid" wcag-label="Zobrazit zapojené obce" class="gov-button--mobile-expanded gov-button hydrated" href="/obce" slot="button" hydrated=""><!----><a class="element" href=...</gov-button>

Selektor: #banner-cta

Zobrazit HTML

<h3 id="banner-cta" slot="headline">Nenašli jste, co jste hledali?</h3>

Selektor: #main > main > gov-banner:nth-child(4) > p

Zobrazit HTML

<p>Vyzvěte své obce a organizace k...</p>

Selektor: #main > main > gov-banner:nth-child(4) > gov-button

Zobrazit HTML

<gov-button color="secondary" size="l" type="solid" class="gov-button--mobile-expanded gov-button hydrated" href="/registrace-partnera" slot="button" wcag-label="Registrace organizace" hydrated=""><!----><a class="element" href=...</gov-button>

WCAG 1.4.3

Dokumentace kritéria 1.4.3

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > gov-flex > gov-button:nth-child(2)

Zobrazit HTML

<gov-button color="primary" size="m" type="base" class="js-mobile-login-button gov-button hydrated" data-href="/prihlaseni" hydrated=""><!----><button class="element" ...</gov-button>

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > gov-flex > gov-button:nth-child(2) > gov-icon

Zobrazit HTML

<gov-icon type="components" name="person-fill" slot="icon-start" color="primary" size="m" class="gov-icon hydrated"><svg width="16" height="16" vie...</gov-icon>

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > gov-flex > gov-button:nth-child(3)

Zobrazit HTML

<gov-button color="primary" size="m" type="base" class="js-gov-header__navigation-trigger gov-button hydrated" hydrated=""><!----><button class="element" ...</gov-button>

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > gov-flex > gov-button:nth-child(3) > gov-icon

Zobrazit HTML

<gov-icon type="components" name="list" slot="icon-start" color="primary" size="m" class="gov-icon hydrated"><svg width="16" height="16" vie...</gov-icon>

Selektor: html > body > header > div:nth-child(1) > div > form > gov-form-control > gov-form-search

Zobrazit HTML

<gov-form-search size="m" wcag-label="Vyhledávání" class="gov-form-search hydrated" color="neutral">
                            
 ...</gov-form-search>

Selektor: html > body > header > div:nth-child(1) > div > form > gov-form-control > gov-form-search > gov-button

Zobrazit HTML

<gov-button color="primary" size="s" type="solid" wcag-label="Vyhledat" native-type="submit" slot="button" hydrated="" class="gov-button hydrated"><!----><button class="element" ...</gov-button>

Selektor: html > body > header > div:nth-child(1) > div > div > gov-button:nth-child(1)

Zobrazit HTML

<gov-button color="primary" size="m" type="solid" class="js-login-button gov-button hydrated" data-href="/prihlaseni" hydrated=""><!----><button class="element" ...</gov-button>

Selektor: html > body > header > div:nth-child(1) > div > div > gov-button:nth-child(2)

Zobrazit HTML

<gov-button color="primary" size="m" type="outlined" class="js-register-button gov-button hydrated" data-href="/registrace-uzivatele" hydrated=""><!----><button class="element" ...</gov-button>

Selektor: #main-navigation > ul > li:nth-child(4) > gov-button

Zobrazit HTML

<gov-button type="base" color="primary" size="l" hydrated="" class="gov-button hydrated"><!----><button class="element" ...</gov-button>

Selektor: #main > main > gov-banner:nth-child(1) > gov-button

Zobrazit HTML

<gov-button color="secondary" size="l" type="solid" wcag-label="Zobrazit zapojené obce" class="gov-button--mobile-expanded gov-button hydrated" href="/obce" slot="button" hydrated=""><!----><a class="element" href=...</gov-button>

Selektor: #main > main > gov-banner:nth-child(4) > gov-button

Zobrazit HTML

<gov-button color="secondary" size="l" type="solid" class="gov-button--mobile-expanded gov-button hydrated" href="/registrace-partnera" slot="button" wcag-label="Registrace organizace" hydrated=""><!----><a class="element" href=...</gov-button>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > gov-button

Zobrazit HTML

<gov-button color="primary" size="m" type="base" class="gov-footer__up js-gov-footer__up gov-button hydrated" hydrated=""><!----><button class="element" ...</gov-button>

WCAG 1.4.3

Dokumentace kritéria 1.4.3

Popis techniky (EN)

Selektor: #banner

Zobrazit HTML

<h1 id="banner" slot="headline">Vítejte na Platebním portálu</h1>

WCAG 1.4.3

Dokumentace kritéria 1.4.3

Popis techniky (EN)

Selektor: #main > main > gov-banner:nth-child(1) > p

Zobrazit HTML

<p>Zapomeňte na složenky a hotovos...</p>

Selektor: #banner-cta

Zobrazit HTML

<h3 id="banner-cta" slot="headline">Nenašli jste, co jste hledali?</h3>

Selektor: #main > main > gov-banner:nth-child(4) > p

Zobrazit HTML

<p>Vyzvěte své obce a organizace k...</p>

WCAG 1.3.1

Dokumentace kritéria 1.3.1

Popis techniky (EN)

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(2) > div > p:nth-child(2)

Zobrazit HTML

<p style="margin: 0;"><strong>PO-PÁ 9:00 - 16:00</str...</p>

WCAG 1.1.1

Dokumentace kritéria 1.1.1

Popis techniky (EN)

Selektor: #lightbox > div:nth-child(1) > div > img

Zobrazit HTML

<img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="">

WCAG 1.3.1

Dokumentace kritéria 1.3.1

Popis techniky (EN)

Selektor: #lightbox > div:nth-child(1) > div > div:nth-child(2)

Zobrazit HTML

<div class="lb-nav"><a class="lb-prev" role="button...</div>

WCAG 2.4.2

Dokumentace kritéria 2.4.2

Popis techniky (EN)

Selektor: html > head > title

Zobrazit HTML

<title>Platební portál Otevřených měst</title>

WCAG 2.4.4

Dokumentace kritéria 2.4.4

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > a

Zobrazit HTML

<a href="/" class="gov-header__logo" aria-label="Zpět na úvodní stránku">
                        <img s...</a>

Selektor: #main-navigation > ul > li:nth-child(1) > a

Zobrazit HTML

<a href="/obce" class="">
                              ...</a>

Selektor: #main-navigation > ul > li:nth-child(2) > a

Zobrazit HTML

<a href="/jak-to-funguje" class="">
                              ...</a>

Selektor: #main-navigation > ul > li:nth-child(3) > a

Zobrazit HTML

<a href="/xxxx" class="">
                              ...</a>

Selektor: #main-navigation > ul > li:nth-child(5) > a

Zobrazit HTML

<a href="/napoveda" class="">
                              ...</a>

Selektor: #main > main > gov-banner:nth-child(1) > gov-button > a

Zobrazit HTML

<a class="element" href="/obce" tabindex="0" aria-disabled="false">
                Zapojené obce
...</a>

Selektor: #main > main > gov-banner:nth-child(4) > gov-button > a

Zobrazit HTML

<a class="element" href="/registrace-partnera" tabindex="0" aria-disabled="false">
                Registrace org...</a>

Selektor: #main > main > section:nth-child(5) > gov-card > gov-flex > p:nth-child(2) > a

Zobrazit HTML

<a href="/napoveda">nápověda</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(1) > nav > ul > li:nth-child(1) > a

Zobrazit HTML

<a href="/jak-to-funguje" class="gov-footer-link">Jak to funguje?</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(1) > nav > ul > li:nth-child(2) > a

Zobrazit HTML

<a href="/obce" class="gov-footer-link">Chci zaplatit</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(1) > nav > ul > li:nth-child(3) > a

Zobrazit HTML

<a href="/napoveda" class="gov-footer-link">Nápověda</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(1) > nav > ul > li:nth-child(4) > a

Zobrazit HTML

<a href="/dokumenty" class="gov-footer-link">Dokumenty</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(1) > nav > ul > li:nth-child(5) > a

Zobrazit HTML

<a href="/napoveda?open=logo#propagace" class="gov-footer-link">Logo ke stažení</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(2) > nav > ul > li:nth-child(1) > a

Zobrazit HTML

<a href="/registrace-partnera" class="gov-footer-link">Registrace organizace</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(2) > nav > ul > li:nth-child(2) > a

Zobrazit HTML

<a href="/dokumenty" class="gov-footer-link">Pravidla GDPR</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(2) > div > ul > li > a

Zobrazit HTML

<a href="tel:+420704424417" class="gov-footer-link gov-footer-link--icon">
                              ...</a>

Selektor:

html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(3) > gov-flex > address > ul > li:nth-child(5) > a

Zobrazit HTML

<a href="tel:+420704424417" class="gov-footer-link gov-footer-link--icon">
                              ...</a>

Selektor:

html > body > footer > gov-flex > gov-flex:nth-child(1) > ul > li:nth-child(3) > gov-flex > address > ul > li:nth-child(6) > a

Zobrazit HTML

<a href="mailto:platby@otevrenamesta.cz" class="gov-footer-link gov-footer-link--icon">
                              ...</a>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(2) > gov-flex > p > a

Zobrazit HTML

<a href="https://stredoceskykraj.cz/" target="_blank"><img src="/build/images/logo_st...</a>

Selektor: #lightbox > div:nth-child(1) > div > div:nth-child(2) > a:nth-child(1)

Zobrazit HTML

<a class="lb-prev" role="button" tabindex="0" aria-label="Previous image" href=""></a>

Selektor: #lightbox > div:nth-child(1) > div > div:nth-child(2) > a:nth-child(2)

Zobrazit HTML

<a class="lb-next" role="button" tabindex="0" aria-label="Next image" href=""></a>

Selektor: #lightbox > div:nth-child(1) > div > div:nth-child(3) > a

Zobrazit HTML

<a class="lb-cancel" role="button" tabindex="0" aria-label="Zavřít galerii"></a>

Selektor: #lightbox > div:nth-child(2) > div > div:nth-child(2) > a

Zobrazit HTML

<a class="lb-close" role="button" tabindex="0" aria-label="Zavřít galerii"></a>

WCAG 1.1.1

Dokumentace kritéria 1.1.1

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > a > img:nth-child(1)

Zobrazit HTML

<img src="/build/images/logo-1182x255.2a1350b8.png" alt="Platební portál – logo" height="50" width="200" class="logo-light">

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > a > img:nth-child(2)

Zobrazit HTML

<img src="/images/portal/logo-dark-1da94755ee6ac05232fc41a7bcd5bc134bb1989e.png" alt="Platební portál – logo" height="50" width="200" class="logo-dark">

Selektor: #main > main > gov-banner:nth-child(1) > picture > img

Zobrazit HTML

<img src="/build/images/banners/banner-1410x620.e1342143.jpg" alt="Ilustrace platebního portálu" width="537" height="360" fetchpriority="high">

Selektor: #main > main > gov-banner:nth-child(4) > picture > img

Zobrazit HTML

<img src="/build/images/banners/banner-1410x620.e1342143.jpg" alt="Ilustrace platebního portálu" width="203" height="136" loading="lazy">

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(2) > gov-flex > p > a > img

Zobrazit HTML

<img src="/build/images/logo_stredocesky_kraj.546a9c67.svg" alt="Středočeský kraj" height="32" width="120" loading="lazy" style="vertical-align: middle;">

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(2) > gov-flex > div > picture:nth-child(1) > img

Zobrazit HTML

<img src="/build/images/icons/visa.963d98cc.png" alt="Přijímáme platební karty Visa" width="60" height="20" loading="lazy">

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(2) > gov-flex > div > picture:nth-child(2) > img

Zobrazit HTML

<img src="/build/images/icons/mastercard.7849e80b.png" alt="Přijímáme platební karty Mastercard" width="50" height="30" loading="lazy">

WCAG 1.1.1

Dokumentace kritéria 1.1.1

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > a > img:nth-child(1)

Zobrazit HTML

<img src="/build/images/logo-1182x255.2a1350b8.png" alt="Platební portál – logo" height="50" width="200" class="logo-light">

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > a > img:nth-child(2)

Zobrazit HTML

<img src="/images/portal/logo-dark-1da94755ee6ac05232fc41a7bcd5bc134bb1989e.png" alt="Platební portál – logo" height="50" width="200" class="logo-dark">

Selektor: #main > main > gov-banner:nth-child(1) > picture > img

Zobrazit HTML

<img src="/build/images/banners/banner-1410x620.e1342143.jpg" alt="Ilustrace platebního portálu" width="537" height="360" fetchpriority="high">

Selektor: #main > main > gov-banner:nth-child(4) > picture > img

Zobrazit HTML

<img src="/build/images/banners/banner-1410x620.e1342143.jpg" alt="Ilustrace platebního portálu" width="203" height="136" loading="lazy">

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(2) > gov-flex > p > a > img

Zobrazit HTML

<img src="/build/images/logo_stredocesky_kraj.546a9c67.svg" alt="Středočeský kraj" height="32" width="120" loading="lazy" style="vertical-align: middle;">

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(2) > gov-flex > div > picture:nth-child(1) > img

Zobrazit HTML

<img src="/build/images/icons/visa.963d98cc.png" alt="Přijímáme platební karty Visa" width="60" height="20" loading="lazy">

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(2) > gov-flex > div > picture:nth-child(2) > img

Zobrazit HTML

<img src="/build/images/icons/mastercard.7849e80b.png" alt="Přijímáme platební karty Mastercard" width="50" height="30" loading="lazy">

Selektor: #lightbox > div:nth-child(1) > div > img

Zobrazit HTML

<img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="">

WCAG 3.2.1

Dokumentace kritéria 3.2.1

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > gov-flex > gov-theme-switch > button

Zobrazit HTML

<button aria-current="light" aria-label="Přepnout na tmavý mód"><span><span class="gov-theme-sw...</button>

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > gov-flex > gov-button:nth-child(2) > button

Zobrazit HTML

<button class="element" type="button" tabindex="0" aria-label="Přihlásit se" aria-disabled="false"><gov-icon type="components" nam...</button>

Selektor: html > body > header > div:nth-child(1) > div > gov-flex > gov-flex > gov-button:nth-child(3) > button

Zobrazit HTML

<button class="element" type="button" tabindex="0" aria-label="Otevřít hlavní navigaci" aria-disabled="false"><gov-icon type="components" nam...</button>

Selektor: #GovInput-2e181939-e358-ab08-fe18-f58804c7055a

Zobrazit HTML

<input type="search" id="GovInput-2e181939-e358-ab08-fe18-f58804c7055a" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false" aria-label="Vyhledávání obcí">

Selektor: html > body > header > div:nth-child(1) > div > form > gov-form-control > gov-form-search > gov-button > button

Zobrazit HTML

<button class="element" type="submit" tabindex="0" aria-disabled="false" aria-label="Vyhledat"><gov-icon type="components" nam...</button>

Selektor: html > body > header > div:nth-child(1) > div > div > gov-button:nth-child(1) > button

Zobrazit HTML

<button class="element" type="button" tabindex="0" aria-label="Přihlásit se do klientské zóny" aria-disabled="false">
        Přihlásit se
    </button>

Selektor: html > body > header > div:nth-child(1) > div > div > gov-button:nth-child(2) > button

Zobrazit HTML

<button class="element" type="button" tabindex="0" aria-label="Registrace nového účtu" aria-disabled="false">
        Registrace
    </button>

Selektor: html > body > header > div:nth-child(1) > div > 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: #main-navigation > ul > li:nth-child(4) > gov-button > button

Zobrazit HTML

<button class="element" type="button" tabindex="0" aria-controls="subnav-cms-10" aria-expanded="false" aria-label="Pro organizace" aria-disabled="false">
                              ...</button>

Selektor: html > body > footer > gov-flex > gov-flex:nth-child(1) > gov-button > button

Zobrazit HTML

<button class="element" type="button" tabindex="0" aria-label="Vrátit se na začátek stránky" aria-disabled="false"><gov-icon type="components" nam...</button>

WCAG 3.3.1

Dokumentace kritéria 3.3.1

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > form

Zobrazit HTML

<form role="search" action="/obce" method="get" class="gov-search gov-search--fixed-width">
                    <gov-form-...</form>

WCAG 3.3.2

Dokumentace kritéria 3.3.2

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > form

Zobrazit HTML

<form role="search" action="/obce" method="get" class="gov-search gov-search--fixed-width">
                    <gov-form-...</form>

WCAG 3.3.3

Dokumentace kritéria 3.3.3

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > form

Zobrazit HTML

<form role="search" action="/obce" method="get" class="gov-search gov-search--fixed-width">
                    <gov-form-...</form>

WCAG 3.3.4

Dokumentace kritéria 3.3.4

Popis techniky (EN)

Selektor: html > body > header > div:nth-child(1) > div > form

Zobrazit HTML

<form role="search" action="/obce" method="get" class="gov-search gov-search--fixed-width">
                    <gov-form-...</form>

WCAG 1.3.5

Dokumentace kritéria 1.3.5

Popis techniky (EN)

Selektor: #GovInput-2e181939-e358-ab08-fe18-f58804c7055a

Zobrazit HTML

<input type="search" id="GovInput-2e181939-e358-ab08-fe18-f58804c7055a" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false" aria-label="Vyhledávání obcí">

Selektor: #GovInput-2e181939-e358-ab08-fe18-f58804c7055a

Zobrazit HTML

<input type="search" id="GovInput-2e181939-e358-ab08-fe18-f58804c7055a" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false" aria-label="Vyhledávání obcí">