ICS
54.5
Accessibility
55
Performance
54
Score Calculation
100
−
45
=
55
| Severity | Unique types | Weights | Deduction |
|---|---|---|---|
| Critical | 1 | 30 | −30 |
| Serious | 1 | 15 | −15 |
| Total deduction | −45 | ||
Score is based on 2 unique critical and serious issue types. Same issue appearing multiple times counts as one. 43 unique moderate/minor issues are tracked but do not affect the score. Learn more about methodology
Change from previous measurement
0
Critical
1 → 1
0
Serious
1 → 1
0
Total
107 → 107
| Page | Critical | Serious | Total |
|---|---|---|---|
| platby.otevrenamesta.cz | 0 | 0 | 0 |
Template structural health
No structural issues found (reflow, target size).
Tested Pages
https://platby.otevrenamesta.cz
WCAG 4.1.2
Criterion documentation 4.1.2
Selector:
html > body > header > div:nth-child(1) > div > div > 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>
WCAG 4.1.2
Criterion documentation 4.1.2
Selector:
#GovInput-96b8d7e8-4dd8-6388-e008-022852891d78
Show HTML
<input type="search" id="GovInput-96b8d7e8-4dd8-6388-e008-022852891d78" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false">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
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 > a
Show HTML
<a class="element" href="/obce" tabindex="0" aria-label="Zobrazit zapojené obce" aria-disabled="false">
Zapojené obce
...</a>
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 > a
Show HTML
<a class="element" href="/registrace-partnera" tabindex="0" aria-label="Registrace organizace" aria-disabled="false">
Registrace org...</a>
WCAG 1.4.3
Criterion documentation 1.4.3
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" 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(3) > 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" 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" 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
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
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
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Á 8:00 - 16:00</str...</p>
WCAG 1.1.1
Criterion documentation 1.1.1
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
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
Selector:
html > head > title
Show HTML
<title>Platební portál Otevřených měst</title>
WCAG 1.1.1
Criterion documentation 1.1.1
Selector:
html > body > header > div:nth-child(1) > div > gov-flex > span > img:nth-child(1)
Show HTML
<img src="/images/portal/logo-light-b05cc3432006a4065c9c3811fce9d444a948d70c.png" alt="Platební portál – logo" height="50" width="200" class="logo-light">
Selector:
html > body > header > div:nth-child(1) > div > gov-flex > span > img:nth-child(2)
Show HTML
<img src="/images/portal/logo-dark-f6798be843fcafe74e5835c97175ac22cc347609.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="/images/portal/homepage_banner-ef0c478b2d5ac23ac05a075a32743abc91db6162.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="/images/portal/homepage_banner-ef0c478b2d5ac23ac05a075a32743abc91db6162.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" class="payment-logo">
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" class="payment-logo">
WCAG 1.1.1
Criterion documentation 1.1.1
Selector:
html > body > header > div:nth-child(1) > div > gov-flex > span > img:nth-child(1)
Show HTML
<img src="/images/portal/logo-light-b05cc3432006a4065c9c3811fce9d444a948d70c.png" alt="Platební portál – logo" height="50" width="200" class="logo-light">
Selector:
html > body > header > div:nth-child(1) > div > gov-flex > span > img:nth-child(2)
Show HTML
<img src="/images/portal/logo-dark-f6798be843fcafe74e5835c97175ac22cc347609.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="/images/portal/homepage_banner-ef0c478b2d5ac23ac05a075a32743abc91db6162.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="/images/portal/homepage_banner-ef0c478b2d5ac23ac05a075a32743abc91db6162.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" class="payment-logo">
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" class="payment-logo">
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
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-96b8d7e8-4dd8-6388-e008-022852891d78
Show HTML
<input type="search" id="GovInput-96b8d7e8-4dd8-6388-e008-022852891d78" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false">
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-label="Vyhledat" aria-disabled="false"><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="light" aria-label="Přepnout na tmavý mód"><span><span class="gov-theme-sw...</button>
Selector:
#main-navigation > ul > li:nth-child(3) > gov-button > button
Show HTML
<button class="element" type="button" tabindex="0" aria-controls="subnav-cms-4" 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
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
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
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
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
Selector:
#GovInput-96b8d7e8-4dd8-6388-e008-022852891d78
Show HTML
<input type="search" id="GovInput-96b8d7e8-4dd8-6388-e008-022852891d78" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false">
Selector:
#GovInput-96b8d7e8-4dd8-6388-e008-022852891d78
Show HTML
<input type="search" id="GovInput-96b8d7e8-4dd8-6388-e008-022852891d78" name="search" placeholder="Najít obec/město..." aria-required="false" aria-disabled="false">
WCAG 2.4.4
Criterion documentation 2.4.4
Selector:
#main-navigation > ul > li:nth-child(1) > a
Show HTML
<a href="/obce">
...</a>
Selector:
#main-navigation > ul > li:nth-child(2) > a
Show HTML
<a href="/jak-to-funguje">
...</a>
Selector:
#main-navigation > ul > li:nth-child(4) > a
Show HTML
<a href="/napoveda">
...</a>
Selector:
#main > main > gov-banner:nth-child(1) > gov-button > a
Show HTML
<a class="element" href="/obce" tabindex="0" aria-label="Zobrazit zapojené obce" 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-label="Registrace organizace" 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(1) > nav > ul > li:nth-child(6) > a
Show HTML
<a href="/prohlaseni-o-pristupnosti" class="gov-footer-link">Prohlášení o přístupnosti</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(5) > a
Show HTML
<a href="tel:+420771129464" 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(6) > 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>