Platební portál pro Tento kraj (2026-02-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

-1 Celkem 110 → 109

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

Testované stránky

https://platby-dev.otevrenamesta.cz

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

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

Často se nejedná o chyby, ale o 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(4) > 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="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-7d569ca8-0f58-09b8-844d-b91865964588

Zobrazit HTML

<input type="search" id="GovInput-7d569ca8-0f58-09b8-844d-b91865964588" 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-7d569ca8-0f58-09b8-844d-b91865964588

Zobrazit HTML

<input type="search" id="GovInput-7d569ca8-0f58-09b8-844d-b91865964588" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false" aria-label="Vyhledávání obcí">

Selektor: #GovInput-7d569ca8-0f58-09b8-844d-b91865964588

Zobrazit HTML

<input type="search" id="GovInput-7d569ca8-0f58-09b8-844d-b91865964588" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false" aria-label="Vyhledávání obcí">