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

Score Calculation

100

Congratulations! No accessibility issues were found by automated testing.

Automated testing can only detect about 30% of accessibility barriers. Consider a manual accessibility audit to ensure full compliance.

Change from previous measurement

0 Critical 0 → 0

0 Serious 0 → 0

-1 Total 110 → 109

Page	Critical	Serious	Total
platby-dev.otevrenamesta.cz	0	0	-1

Tested Pages

https://platby-dev.otevrenamesta.cz

No critical or serious issues affecting the score!

Issues not affecting score

These are often not errors but recommendations that require manual review. They may indicate potential accessibility barriers that automated testing cannot fully evaluate.

WCAG 1.4.3

Criterion documentation 1.4.3

Technique description (EN)

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

Show 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>

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

Show 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>

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

Show HTML

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

Selector: #banner

Show HTML

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

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

Show HTML

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

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

Show 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>

Selector: #banner-cta

Show HTML

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

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

Show HTML

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

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

Show 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

Criterion documentation 1.4.3

Technique description (EN)

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

Show 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>

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

Show 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>

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

Show HTML

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

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

Show 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>

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

Show HTML

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

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

Show 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>

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

Show 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>

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

Show 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>

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

Show HTML

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

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

Show 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>

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

Show 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>

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

Show 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

Criterion documentation 1.4.3

Technique description (EN)

Selector: #banner

Show HTML

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

WCAG 1.4.3

Criterion documentation 1.4.3

Technique description (EN)

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

Show HTML

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

Selector: #banner-cta

Show HTML

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

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

Show HTML

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

WCAG 1.3.1

Criterion documentation 1.3.1

Technique description (EN)

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

Show HTML

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

WCAG 1.1.1

Criterion documentation 1.1.1

Technique description (EN)

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

Show HTML

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

WCAG 1.3.1

Criterion documentation 1.3.1

Technique description (EN)

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

Show HTML

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

WCAG 2.4.2

Criterion documentation 2.4.2

Technique description (EN)

Selector: html > head > title

Show HTML

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

WCAG 2.4.4

Criterion documentation 2.4.4

Technique description (EN)

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

Selector:

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

Show HTML

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

Selector:

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

WCAG 1.1.1

Criterion documentation 1.1.1

Technique description (EN)

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show 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;">

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

Show HTML

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

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

Show 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

Criterion documentation 1.1.1

Technique description (EN)

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show 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;">

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

WCAG 3.2.1

Criterion documentation 3.2.1

Technique description (EN)

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show 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í">

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

Show HTML

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

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

Show 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>

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

Show HTML

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

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

Show HTML

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

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

Show HTML

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

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

Show 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

Criterion documentation 3.3.1

Technique description (EN)

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

Show HTML

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

WCAG 3.3.2

Criterion documentation 3.3.2

Technique description (EN)

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

Show HTML

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

WCAG 3.3.3

Criterion documentation 3.3.3

Technique description (EN)

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

Show HTML

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

WCAG 3.3.4

Criterion documentation 3.3.4

Technique description (EN)

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

Show HTML

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

WCAG 1.3.5

Criterion documentation 1.3.5

Technique description (EN)

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

Show 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í">

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

Show 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í">