Regul\u00e1tor t\u00edm d\u00e1v\u00e1 jasn\u011b najevo, \u017ee p\u0159\u00edstupnost se m\u00e1 \u0159e\u0161it v procesu: v anal\u00fdze, n\u00e1vrhu komponent, v\u00fdb\u011bru \u0161ablony, v\u00fdvoji i QA. Pro WordPress prof\u00edky to znamen\u00e1, \u017ee p\u0159\u00edstupnost je te\u010f srovnateln\u011b \u201epovinn\u00e1 discipl\u00edna\u201c jako bezpe\u010dnost nebo performance.<\/p>\n\n\n\n
Existuj\u00edc\u00ed slu\u017eby: p\u0159echodn\u00e9 obdob\u00ed do 28. 6. 2030 (ale nen\u00ed to omluvenka)<\/h3>\n\n\n\n
U slu\u017eeb, kter\u00e9 existovaly u\u017e p\u0159ed 28. 6. 2025, d\u00e1v\u00e1 EAA p\u0159echodn\u00e9 obdob\u00ed: pln\u00e1 shoda nejpozd\u011bji do 28. 6. 2030. Tohle se \u010dasto myln\u011b bere jako \u201egrace period\u201c, kdy se nic nemus\u00ed. Re\u00e1ln\u011b je to okno pro pr\u016fb\u011b\u017en\u00fd, dolo\u017eiteln\u00fd posun.<\/p>\n\n\n\n
- \n\n
- \u010cek\u00e1n\u00ed t\u011b znev\u00fdhodn\u00ed. P\u0159\u00edstupn\u00e9 weby obslou\u017e\u00ed v\u00edc lid\u00ed, typicky funguj\u00ed l\u00edp v SEO a posiluj\u00ed d\u016fv\u011bru ve zna\u010dku. Odkl\u00e1dat do posledn\u00ed chv\u00edle znamen\u00e1 p\u0159ich\u00e1zet o roky p\u0159\u00ednos\u016f.<\/li>\n\n\n
- St\u00ed\u017enost m\u016f\u017ee spustit \u0159e\u0161en\u00ed d\u0159\u00edv ne\u017e v roce 2030. Pokud si n\u011bkdo se znev\u00fdhodn\u011bn\u00edm v roce 2026 st\u011b\u017euje, \u00fa\u0159ad nebude \u010dekat. Bude vy\u0161et\u0159ovat a bude cht\u00edt vid\u011bt pl\u00e1n a d\u016fkazy zlep\u0161ov\u00e1n\u00ed. Nejlep\u0161\u00ed obrana je m\u00edt roadmapu, dokumentovan\u00fd progres a prokazateln\u00fd z\u00e1vazek p\u0159\u00edstupnost zlep\u0161ovat. Kdy\u017e ned\u011bl\u00e1\u0161 nic, riskuje\u0161 nejv\u00edc.<\/li>\n\n\n
- \u201ePodstatn\u00e9 zm\u011bny\u201c m\u016f\u017eou resetovat deadline. P\u0159echodn\u00e9 obdob\u00ed \u010dasto neplat\u00ed, kdy\u017e ud\u011bl\u00e1\u0161 substantial modifications – typicky kompletn\u00ed redesign, z\u00e1sadn\u00ed p\u0159estavbu e\u2011shopu nebo velkou zm\u011bnu funkcionality. V takov\u00e9m p\u0159\u00edpad\u011b to m\u016f\u017ee b\u00fdt vyhodnoceno jako \u201enov\u00e1\u201c slu\u017eba a pak se o\u010dek\u00e1v\u00e1 pln\u00e1 shoda okam\u017eit\u011b, ne a\u017e do 2030.<\/li>\n\n<\/ol>\n\n\n\n
Shrnut\u00ed: rok 2030 je nejzaz\u0161\u00ed term\u00edn, ne doporu\u010den\u00fd start. O\u010dek\u00e1v\u00e1 se konzistentn\u00ed, \u201egood\u2011faith\u201c progres odte\u010f.<\/p>\n\n\n\n
![\"Ilustra\u010dn\u00ed](\"https:\/\/helloblog.io\/app\/uploads\/sites\/11\/2026\/02\/02-Education-Series-_-Blog-Post-_-EAA-1024x538-1.png\")
EAA po\u010d\u00edt\u00e1 s rozd\u00edln\u00fdmi pravidly pro nov\u00e9 vs. existuj\u00edc\u00ed slu\u017eby. \u2014 Forr\u00e1s: Elementor.com<\/em><\/figcaption><\/figure>\n\n\n\n Co se stane, kdy\u017e web p\u0159\u00edstupn\u00fd nen\u00ed: jak vypad\u00e1 vym\u00e1h\u00e1n\u00ed v praxi<\/h2>\n\n\n\n
EAA u\u017e plat\u00ed a ignorov\u00e1n\u00ed m\u00e1 re\u00e1ln\u00e9 n\u00e1sledky. Detailn\u00ed vym\u00e1h\u00e1n\u00ed se m\u016f\u017ee li\u0161it st\u00e1t od st\u00e1tu, ale typicky to nen\u00ed sc\u00e9n\u00e1\u0159 \u201ep\u0159ijde pokuta bez varov\u00e1n\u00ed\u201c. Je to strukturovan\u00fd, \u010dasto spot\u0159ebitelem iniciovan\u00fd proces, kter\u00fd m\u00e1 firmy dotla\u010dit k n\u00e1prav\u011b.<\/p>\n\n\n\n
Jak se na tebe m\u016f\u017ee p\u0159ij\u00edt: dva nej\u010dast\u011bj\u0161\u00ed spou\u0161t\u011b\u010de<\/h3>\n\n\n\n
![\"Ilustrace](\"https:\/\/helloblog.io\/app\/uploads\/sites\/11\/2026\/02\/03-Education-Series-_-Blog-Post-_-EAA-1024x538-1.png\")
Forr\u00e1s: Elementor.com<\/em><\/figcaption><\/figure>\n\n\n\n - \n\n
- St\u00ed\u017enosti spot\u0159ebitel\u016f (nej\u010dast\u011bj\u0161\u00ed). U\u017eivatel se znev\u00fdhodn\u011bn\u00edm se nedostane k informaci, nedokon\u010d\u00ed n\u00e1kup nebo nem\u016f\u017ee pou\u017e\u00edt slu\u017ebu. EAA mu d\u00e1v\u00e1 jasnou pr\u00e1vn\u00ed cestu, jak podat podn\u011bt p\u0159\u00edslu\u0161n\u00e9mu n\u00e1rodn\u00edmu org\u00e1nu ve sv\u00e9 zemi.<\/li>\n\n\n
- Market surveillance (proaktivn\u00ed kontrola). Regul\u00e1to\u0159i d\u011blaj\u00ed i vlastn\u00ed audity, typicky v sektorech s vysok\u00fdm dopadem jako e\u2011commerce, bankovnictv\u00ed nebo cestov\u00e1n\u00ed. Web m\u016f\u017ee b\u00fdt ozna\u010den b\u011bhem rutinn\u00ed kontroly.<\/li>\n\n<\/ol>\n\n\n\n
Co n\u00e1sleduje po \u201eflagov\u00e1n\u00ed\u201c: typick\u00e9 f\u00e1ze<\/h3>\n\n\n\n
C\u00edlem EAA nen\u00ed prim\u00e1rn\u011b trestat, ale dos\u00e1hnout p\u0159\u00edstupnosti. Proto se vym\u00e1h\u00e1n\u00ed \u010dasto odehr\u00e1v\u00e1 ve stupn\u00edch:<\/p>\n\n\n\n
- \n\n
- Ozn\u00e1men\u00ed o nesouladu (notice of non-compliance). Obvykle p\u0159ijde form\u00e1ln\u00ed varov\u00e1n\u00ed od n\u00e1rodn\u00edho org\u00e1nu se seznamem konkr\u00e9tn\u00edch probl\u00e9m\u016f a vysv\u011btlen\u00edm, kter\u00e9 \u010d\u00e1sti EAA poru\u0161uje\u0161.<\/li>\n\n\n
- Lh\u016fta na n\u00e1pravu. K varov\u00e1n\u00ed dostane\u0161 rozumnou dobu na opravu. Nen\u00ed to p\u011btilet\u00e9 p\u0159echodn\u00e9 obdob\u00ed – jde o krat\u0161\u00ed, konkr\u00e9tn\u00ed term\u00edn podle rozsahu a slo\u017eitosti zji\u0161t\u011bn\u00fdch probl\u00e9m\u016f.<\/li>\n\n\n
- Eskalace. Pokud varov\u00e1n\u00ed ignoruje\u0161 a do dan\u00e9 lh\u016fty nic neud\u011bl\u00e1\u0161, nastupuj\u00ed sankce.<\/li>\n\n<\/ol>\n\n\n\n
Mo\u017en\u00e9 sankce: od pokut a\u017e po sta\u017een\u00ed produktu<\/h3>\n\n\n\n
EAA po\u017eaduje, aby sankce byly \u201eeffective, proportionate and dissuasive\u201c – tedy \u00fa\u010dinn\u00e9, p\u0159im\u011b\u0159en\u00e9 a odrazuj\u00edc\u00ed. V praxi se m\u016f\u017ee\u0161 potkat s:<\/p>\n\n\n\n
- \n\n
- V\u00fdznamn\u00fdmi pokutami. \u010c\u00e1stky se mohou dramaticky li\u0161it podle zem\u011b – od n\u011bkolika tis\u00edc eur a\u017e po procento ro\u010dn\u00edho obratu. Pro mal\u00e9 firmy m\u016f\u017ee bolet i \u201emen\u0161\u00ed\u201c pokuta, pro velk\u00e9 hr\u00e1\u010de mohou b\u00fdt \u010d\u00e1stky opravdu vysok\u00e9.<\/li>\n\n\n
- Z\u00e1kazem nebo omezen\u00edm slu\u017eby. U z\u00e1va\u017en\u011bj\u0161\u00edch p\u0159\u00edpad\u016f m\u016f\u017ee \u00fa\u0159ad na\u0159\u00eddit, abys slu\u017ebu v dan\u00e9 zemi nenab\u00edzel, dokud nebude\u0161 v souladu. Pro online byznys je blokace cel\u00e9ho trhu tvrd\u00fd z\u00e1sah.<\/li>\n\n\n
- Sta\u017een\u00edm produktu z trhu. Pokud prod\u00e1v\u00e1\u0161 digit\u00e1ln\u00ed produkt (nap\u0159\u00edklad WordPress plugin) a je vyhodnocen jako nevyhovuj\u00edc\u00ed, m\u016f\u017ee\u0161 b\u00fdt donucen ho st\u00e1hnout.<\/li>\n\n<\/ul>\n\n\n\n
V n\u011bkter\u00fdch \u010dlensk\u00fdch st\u00e1tech a u opakovan\u00fdch nebo z\u00e1va\u017en\u00fdch poru\u0161en\u00ed mohou existovat i dopady v rovin\u011b osobn\u00ed odpov\u011bdnosti statut\u00e1rn\u00edch z\u00e1stupc\u016f. Je to sp\u00ed\u0161 v\u00fdjime\u010dn\u00e9, ale podtrhuje to, \u017ee se legislativa bere v\u00e1\u017en\u011b.<\/p>\n\n\n\n
![\"Ilustra\u010dn\u00ed](\"https:\/\/helloblog.io\/app\/uploads\/sites\/11\/2026\/02\/04-Education-Series-_-Blog-Post-_-EAA-1024x538-1.png\")
Forr\u00e1s: Elementor.com<\/em><\/figcaption><\/figure>\n\n\n\n Nejde jen o pr\u00e1vo: reputa\u010dn\u00ed \u0161koda b\u00fdv\u00e1 stejn\u011b drah\u00e1<\/h3>\n\n\n\n
Vedle ofici\u00e1ln\u00edch sankc\u00ed je tu reputace. B\u00fdt ve\u0159ejn\u011b ozna\u010den\u00fd jako nep\u0159\u00edstupn\u00fd web podkop\u00e1v\u00e1 d\u016fv\u011bru z\u00e1kazn\u00edk\u016f a m\u016f\u017ee zna\u010dku po\u0161kodit na roky. V dob\u011b, kdy se inkluze bere jako standard, je vylu\u010dov\u00e1n\u00ed u\u017eivatel\u016f nejen nesoulad, ale i \u0161patn\u00fd byznys.<\/p>\n\n\n\n
V praxi se vyplat\u00ed budovat p\u0159\u00edstupnost systematicky – a klidn\u011b si pomoct n\u00e1stroji, kter\u00e9 p\u0159\u00edstupnost um\u00ed pr\u016fb\u011b\u017en\u011b hl\u00eddat. Jedn\u00edm z takov\u00fdch n\u00e1stroj\u016f je nap\u0159\u00edklad Ally web accessibility<\/a> od Elementoru.<\/p>\n\n\n\n
Koho se to ve WordPress ekosyst\u00e9mu t\u00fdk\u00e1: odpov\u011bdnost se d\u011bl\u00ed, ale nezmiz\u00ed<\/h2>\n\n\n\n
EAA je \u0161irok\u00e1 legislativa, ale dopad na WordPress je velmi konkr\u00e9tn\u00ed. A hlavn\u011b: odpov\u011bdnost se v \u0159et\u011bzci rozd\u011bluje mezi n\u011bkolik rol\u00ed – vlastn\u00edk webu, agentura\/freelancer a v\u00fdvoj\u00e1\u0159 pluginu\/\u0161ablony. Nikdo z toho \u00fapln\u011b nevyv\u00e1zne.<\/p>\n\n\n\n
Vlastn\u00edci WordPress web\u016f<\/h3>\n\n\n\n
Pokud web obsluhuje u\u017eivatele v EU, p\u0159\u00edstupnost u\u017e nen\u00ed volba – a nez\u00e1le\u017e\u00ed, jestli prod\u00e1v\u00e1\u0161, poskytuje\u0161 slu\u017ebu, nebo \u201ejen\u201c m\u00ed\u0159\u00ed\u0161 obsahem na EU publikum.<\/p>\n\n\n\n
- \n\n
- Odpov\u011bdnost jde za tebou. Pokuty a sankce m\u00ed\u0159\u00ed na byznys, ne na n\u00e1stroje, kter\u00e9 pou\u017e\u00edv\u00e1\u0161.<\/li>\n\n\n
- Z\u00e1le\u017e\u00ed na cel\u00e9m user journey. Nejde jen o homepage – p\u0159\u00edstupnost mus\u00ed fungovat od produktov\u00e9 str\u00e1nky p\u0159es kontaktn\u00ed formul\u00e1\u0159 a\u017e po checkout a podporu.<\/li>\n\n\n
- T\u0159et\u00ed strany se po\u010d\u00edtaj\u00ed. Rezerva\u010dn\u00ed pluginy, e\u2011commerce roz\u0161\u00ed\u0159en\u00ed, formul\u00e1\u0159ov\u00e9 buildery\u2026 jsi zodpov\u011bdn\u00fd za to, \u017ee nevytv\u00e1\u0159\u00ed bari\u00e9ry. To znamen\u00e1 vyb\u00edrat \u0161ablony a pluginy uv\u00e1\u017eliv\u011b.<\/li>\n\n<\/ul>\n\n\n\n
Z p\u0159\u00edstupnosti se st\u00e1v\u00e1 core po\u017eadavek pro fungov\u00e1n\u00ed webu, ne feature, kterou \u201eodm\u00edtne\u0161\u201c.<\/p>\n\n\n\n
Agentury a freelance\u0159i<\/h3>\n\n\n\n
Pro webov\u00e9 prof\u00edky je to z\u00e1rove\u0148 odpov\u011bdnost i p\u0159\u00edle\u017eitost. Klienti \u010dasto netu\u0161\u00ed, co EAA prakticky znamen\u00e1 a jak\u00e9 technick\u00e9 standardy budou rozhodovat.<\/p>\n\n\n\n
- \n\n
- Chr\u00e1n\u00ed\u0161 klienty. Kdy\u017e um\u00ed\u0161 p\u0159\u00edstupnost vysv\u011btlit a dodat p\u0159\u00edstupn\u00fd web, chr\u00e1n\u00ed\u0161 jejich podnik\u00e1n\u00ed i vlastn\u00ed reputaci.<\/li>\n\n\n
- Odli\u0161\u00ed\u0161 se. Agentury, kter\u00e9 um\u00ed p\u0159\u00edstupnost prokazateln\u011b \u0159e\u0161it, z\u00edskaj\u00ed v\u00fdhodu v sout\u011b\u017e\u00edch i v dlouhodob\u00fdch kontraktech.<\/li>\n\n\n
- Mus\u00ed\u0161 upravit workflow. P\u0159\u00edstupnost je pot\u0159eba zabudovat do designu, v\u00fdvoje i QA – od v\u00fdb\u011bru \u0161ablony p\u0159es prov\u011b\u0159en\u00ed plugin\u016f a\u017e po testov\u00e1n\u00ed.<\/li>\n\n<\/ul>\n\n\n\n
V\u00fdvoj\u00e1\u0159i plugin\u016f a \u0161ablon<\/h3>\n\n\n\n
K\u00f3d, kter\u00fd vyd\u00e1v\u00e1\u0161, p\u0159\u00edmo ovliv\u0148uje, jestli budou weby schopn\u00e9 b\u00fdt v souladu. A trh se v tomhle rychle m\u011bn\u00ed.<\/p>\n\n\n\n
- \n\n
- Jsi sou\u010d\u00e1st \u201ecompliance chain\u201c. Pokud plugin renderuje nep\u0159\u00edstupn\u00e9 prvky (nepojmenovan\u00e1 pole, ovl\u00e1d\u00e1n\u00ed bez kl\u00e1vesnice, slider, kter\u00fd nejde obslou\u017eit), vytv\u00e1\u0159\u00ed\u0161 u\u017eivatel\u016fm riziko.<\/li>\n\n\n
- Popt\u00e1vka se posouv\u00e1. Agentury i vlastn\u00edci web\u016f aktivn\u011b hledaj\u00ed n\u00e1stroje p\u0159ipraven\u00e9 na p\u0159\u00edstupnost. Schopnost dolo\u017eit shodu (nap\u0159. formou Accessibility Conformance Report) se st\u00e1v\u00e1 prodejn\u00edm argumentem.<\/li>\n\n\n
- Riziko, \u017ee t\u011b u\u017eivatel\u00e9 opust\u00ed. Produkty, kter\u00e9 blokuj\u00ed p\u0159\u00edstupnost, budou odkl\u00e1d\u00e1ny. Nejde jen o \u201ebest practice\u201c, ale o podm\u00ednku dlouhodob\u00e9 adopce.<\/li>\n\n<\/ul>\n\n\n\n
\n
Pro v\u00fdvoj\u00e1\u0159e ve WordPress prostoru nen\u00ed EAA b\u0159emeno, ale tr\u017en\u00ed p\u0159\u00edle\u017eitost. Tv\u016frci, kte\u0159\u00ed p\u0159\u00edstupnost zabuduj\u00ed do j\u00e1dra sv\u00fdch produkt\u016f, nebudou jen v souladu – stanou se v\u00fdchoz\u00ed volbou pro novou generaci builder\u016f, pro kterou je inkluze nevyjednateln\u00e1.<\/p>\nItamar Haim<\/cite><\/blockquote>\n\n\n\n
5 praktick\u00fdch krok\u016f pro vlastn\u00edky WordPress web\u016f: co ud\u011blat hned te\u010f<\/h2>\n\n\n\n
Akce je nutn\u00e1, ale d\u00e1 se uchopit systematicky. Pokud to vezme\u0161 krok za krokem, dok\u00e1\u017ee\u0161 ud\u011blat velk\u00fd kus pr\u00e1ce bez toho, aby se z toho stal nekone\u010dn\u00fd projekt.<\/p>\n\n\n\n
![\"Ilustrace](\"https:\/\/helloblog.io\/app\/uploads\/sites\/11\/2026\/02\/05-Education-Series-_-Blog-Post-_-EAA-1024x538-1.png\")
Forr\u00e1s: Elementor.com<\/em><\/figcaption><\/figure>\n\n\n\n Krok 1: Ud\u011blej audit webu (automatizovan\u011b i ru\u010dn\u011b)<\/h3>\n\n\n\n
Nem\u016f\u017ee\u0161 opravit to, o \u010dem nev\u00ed\u0161. Audit m\u00e1 m\u00edt dv\u011b \u010d\u00e1sti: automatizovan\u00e9 skeny a ru\u010dn\u00ed testov\u00e1n\u00ed.<\/p>\n\n\n\n
- \n\n
- Automatizovan\u00e9 skeny. Skv\u011bl\u00e9 na b\u011b\u017en\u00e9, \u201ek\u00f3dov\u00e9\u201c probl\u00e9my: n\u00edzk\u00fd kontrast, chyb\u011bj\u00edc\u00ed
alt<\/code> texty, formul\u00e1\u0159e bez label\u016f apod. Vyu\u017e\u00edt m\u016f\u017ee\u0161 browser extensions, specializovan\u00e9 n\u00e1stroje nebo WordPress pluginy. Pro WordPress je dostupn\u00fd nap\u0159\u00edklad Accessibility Assistant from Ally<\/a> od Elementoru, kter\u00fd se integruje do workflow, skenuje str\u00e1nky v\u016f\u010di WCAG 2.1 AA a vrac\u00ed p\u0159ehled poru\u0161en\u00ed.<\/li>\n\n\n- Ru\u010dn\u00ed testov\u00e1n\u00ed. Automat ti ne\u0159ekne, jestli to u\u017eivatelsky d\u00e1v\u00e1 smysl. Za\u010dni jednoduch\u00fdm checklistem:<\/li>\n\n\n
- – Kl\u00e1vesnice: jde cel\u00fd web proj\u00edt jen pomoc\u00ed Tab? Dostane\u0161 se na v\u0161echny odkazy, tla\u010d\u00edtka a pole? Je focus v\u017edy viditeln\u00fd, abys v\u011bd\u011bl, kde jsi?<\/li>\n\n\n
- – Screen reader: vyzkou\u0161ej \u010dte\u010dku (NVDA na Windows, VoiceOver na Macu, TalkBack na Androidu). D\u00e1v\u00e1 \u010dten\u00ed nahlas smysl? Jsou obr\u00e1zky popsan\u00e9? Maj\u00ed odkazy a tla\u010d\u00edtka jasn\u00e9 n\u00e1zvy?<\/li>\n\n\n
- – Obsah: m\u00e1\u0161 logickou hierarchii nadpis\u016f (H1, pak H2, pak H3)? Jsou texty odkaz\u016f popisn\u00e9 (nap\u0159. \u201eP\u0159e\u010dti si n\u00e1\u0161 kompletn\u00ed report o p\u0159\u00edstupnosti\u201c m\u00edsto \u201eKlikni sem\u201c)? Je text psan\u00fd srozumiteln\u00fdm jazykem?<\/li>\n\n<\/ul>\n\n\n\n
V\u00fdstupem auditu by m\u011bl b\u00fdt prioritizovan\u00fd seznam \u00faprav – ne jen pocit, \u017ee \u201en\u011bco je \u0161patn\u011b\u201c.<\/p>\n\n\n\n
Krok 2: Oprav nejv\u011bt\u0161\u00ed bari\u00e9ry (high-impact issues)<\/h3>\n\n\n\n
Nemus\u00ed\u0161 opravit v\u0161echno najednou. Za\u010dni t\u00edm, co nejv\u00edc zlep\u0161\u00ed pou\u017eitelnost pro nejv\u011bt\u0161\u00ed po\u010det lid\u00ed.<\/p>\n\n\n\n
- \n\n
- Chyb\u011bj\u00edc\u00ed
alt<\/code> text u informativn\u00edch obr\u00e1zk\u016f. Pokud obr\u00e1zek nese informaci, pot\u0159ebuje popis pro screen readery. Jedna z nejrychlej\u0161\u00edch a nejd\u016fle\u017eit\u011bj\u0161\u00edch oprav.<\/li>\n\n\n- N\u00edzk\u00fd kontrast textu. \u0160patn\u011b \u010diteln\u00fd text je bari\u00e9ra pro lidi se slab\u0161\u00edm zrakem. Ov\u011b\u0159uj kontrast v online contrast checkeru a m\u00ed\u0159 minim\u00e1ln\u011b na pom\u011br 4.5:1.<\/li>\n\n\n
- V\u00e1gn\u00ed texty odkaz\u016f. Zbav se \u201eklikni sem\u201c, \u201ev\u00edce\u201c, \u201e\u010d\u00edst d\u00e1l\u201c. Odkaz m\u00e1 s\u00e1m o sob\u011b vysv\u011btlit, kam vede.<\/li>\n\n\n
- Chyb\u011bj\u00edc\u00ed labely u formul\u00e1\u0159\u016f. Kontaktn\u00ed formul\u00e1\u0159e, p\u0159ihl\u00e1\u0161en\u00ed i checkout mus\u00ed m\u00edt pole s korektn\u011b nav\u00e1zan\u00fdmi popisky. Bez toho screen reader netu\u0161\u00ed, co vyplnit.<\/li>\n\n\n
- Ovl\u00e1d\u00e1n\u00ed p\u0159es kl\u00e1vesnici. Ka\u017ed\u00fd interaktivn\u00ed prvek mus\u00ed j\u00edt dofokusovat a ovl\u00e1dat kl\u00e1vesnic\u00ed.<\/li>\n\n<\/ul>\n\n\n\n
Tahle \u201equick wins\u201c vrstva \u010dasto ud\u011bl\u00e1 p\u0159ekvapiv\u011b velk\u00fd rozd\u00edl.<\/p>\n\n\n\n
Krok 3: Zve\u0159ejni accessibility statement (prohl\u00e1\u0161en\u00ed o p\u0159\u00edstupnosti)<\/h3>\n\n\n\n
Prohl\u00e1\u0161en\u00ed o p\u0159\u00edstupnosti je ve\u0159ejn\u00e1 str\u00e1nka, kde jasn\u011b \u0159\u00edk\u00e1\u0161, \u017ee p\u0159\u00edstupnost \u0159e\u0161\u00ed\u0161. Z\u00e1rove\u0148 je to jeden z kl\u00ed\u010dov\u00fdch po\u017eadavk\u016f EAA. Dej ho snadno dohledat (typicky do pati\u010dky) a uve\u010f v n\u011bm:<\/p>\n\n\n\n
- \n\n
- z\u00e1vazek k p\u0159\u00edstupnosti,<\/li>\n\n\n
- c\u00edlov\u00fd standard shody (nap\u0159. WCAG 2.1 Level AA),<\/li>\n\n\n
- zn\u00e1m\u00e9 probl\u00e9my, na kter\u00fdch pracuje\u0161,<\/li>\n\n\n
- kontakt, kam mohou u\u017eivatel\u00e9 hl\u00e1sit bari\u00e9ry.<\/li>\n\n<\/ul>\n\n\n\n
M\u00e1 to dva praktick\u00e9 efekty: (1) transparentnost a \u201egood faith\u201c v\u016f\u010di u\u017eivatel\u016fm i regul\u00e1tor\u016fm, (2) zp\u011btnou vazbu p\u0159\u00edmo od lid\u00ed, kte\u0159\u00ed nar\u00e1\u017eej\u00ed na probl\u00e9m.<\/p>\n\n\n\n
Krok 4: Prov\u011b\u0159 \u0161ablonu a pluginy (nov\u00e9 i st\u00e1vaj\u00edc\u00ed)<\/h3>\n\n\n\n
Ve WordPressu ti p\u0159\u00edstupnost \u010dasto nerozbije samotn\u00fd obsah, ale kombinace \u0161ablony a plugin\u016f.<\/p>\n\n\n\n
- \n\n
- \u0160ablony (themes). Ide\u00e1ln\u00ed je za\u010d\u00edt s \u201eaccessibility-ready\u201c \u0161ablonou se s\u00e9mantick\u00fdm HTML, spr\u00e1vnou hierarchi\u00ed nadpis\u016f a podporou kl\u00e1vesnice. Pokud m\u00e1 aktu\u00e1ln\u00ed \u0161ablona velk\u00e9 probl\u00e9my, m\u016f\u017ee b\u00fdt re\u00e1ln\u011b rychlej\u0161\u00ed zm\u011bna ne\u017e nekone\u010dn\u00e9 lepen\u00ed.<\/li>\n\n\n
- Nov\u00e9 pluginy. P\u0159ed instalac\u00ed \u010dti dokumentaci a hledej, jestli autor p\u0159\u00edstupnost \u0159e\u0161\u00ed. Klidn\u011b se ptej na z\u00e1vazek v\u016f\u010di WCAG. Opatrn\u011b s pluginy, kter\u00e9 stoj\u00ed na \u010dist\u011b vizu\u00e1ln\u00ed interakci (slidery, pop-upy), pokud nejdou ovl\u00e1dat kl\u00e1vesnic\u00ed.<\/li>\n\n\n
- St\u00e1vaj\u00edc\u00ed pluginy. Ud\u011blej revizi toho, co u\u017e b\u011b\u017e\u00ed. Nevytv\u00e1\u0159\u00ed n\u011bkter\u00fd plugin nep\u0159\u00edstupn\u00e1 tla\u010d\u00edtka pro sd\u00edlen\u00ed? Neprodukuje builder formul\u00e1\u0159\u016f pole bez labelu?<\/li>\n\n<\/ul>\n\n\n\n
Tady plat\u00ed jednoduch\u00e9 pravidlo: mus\u00ed\u0161 b\u00fdt n\u00e1ro\u010dn\u00fd \u201ekonzument\u201c WordPress n\u00e1stroj\u016f, proto\u017ee jejich v\u00fdstup je sou\u010d\u00e1st compliance.<\/p>\n\n\n\n
Krok 5: P\u0159\u00edstupnost pr\u016fb\u011b\u017en\u011b monitoruj (nen\u00ed to jednor\u00e1zovka)<\/h3>\n\n\n\n
P\u0159\u00edstupnost nen\u00ed checkbox. Ka\u017ed\u00fd nov\u00fd \u010dl\u00e1nek, produktov\u00e1 str\u00e1nka nebo update pluginu m\u016f\u017ee p\u0159in\u00e9st nov\u00e9 bari\u00e9ry. Proto se vyplat\u00ed p\u0159\u00edstupnost zapojit do b\u011b\u017en\u00e9 \u00fadr\u017eby.<\/p>\n\n\n\n
- \n\n
- Checklist pro publikaci obsahu. M\u00e1 ka\u017ed\u00fd obr\u00e1zek
alt<\/code>? Jsou nadpisy spr\u00e1vn\u011b? Jsou odkazy popisn\u00e9?<\/li>\n\n\n- Pravideln\u00e9 skeny. Napl\u00e1nuj automatizovan\u00fd scan t\u0159eba m\u011bs\u00ed\u010dn\u011b nebo kvart\u00e1ln\u011b, a\u0165 zachyt\u00ed\u0161 regresi.<\/li>\n\n\n
- U\u017eivatelsk\u00e9 n\u00e1stroje na front-endu. Pom\u00e1h\u00e1 d\u00e1t lidem kontrolu nad t\u00edm, jak web pou\u017e\u00edvaj\u00ed – widget m\u016f\u017ee umo\u017enit zv\u011bt\u0161en\u00ed textu, kontrast, zv\u00fdrazn\u011bn\u00ed odkaz\u016f apod. Krom\u011b UX to p\u016fsob\u00ed i jako viditeln\u00fd sign\u00e1l, \u017ee p\u0159\u00edstupnost bere\u0161 v\u00e1\u017en\u011b.<\/li>\n\n<\/ul>\n\n\n\n
Jakmile tohle ud\u011bl\u00e1\u0161 sou\u010d\u00e1st\u00ed rutiny, p\u0159epne\u0161 se z reaktivn\u00edho re\u017eimu \u201ehas\u00edme probl\u00e9my\u201c do proaktivn\u00edho \u201ep\u0159edch\u00e1z\u00edme regres\u00edm\u201c. To je nejrealisti\u010dt\u011bj\u0161\u00ed cesta k dlouhodob\u00e9 shod\u011b.<\/p>\n\n\n\n
Shrnut\u00ed: p\u0159\u00edstupnost je povinnost – a z\u00e1rove\u0148 konkuren\u010dn\u00ed v\u00fdhoda<\/h2>\n\n\n\n
F\u00e1ze \u201ep\u0159ipravujeme se\u201c skon\u010dila. EAA u\u017e aktivn\u011b formuje, jak se WordPress weby navrhuj\u00ed, spravuj\u00ed a roz\u0161i\u0159uj\u00ed.<\/p>\n\n\n\n
Dnes u\u017e nejde o hypotetick\u00e9 pokuty nebo vzd\u00e1len\u00fd term\u00edn. Jde o to ud\u011blat audit, opravit kl\u00ed\u010dov\u00e9 bari\u00e9ry, zve\u0159ejnit prohl\u00e1\u0161en\u00ed o p\u0159\u00edstupnosti a nastavit proces, kter\u00fd bude fungovat pr\u016fb\u011b\u017en\u011b.<\/p>\n\n\n\n
A i kdy\u017e je compliance pr\u00e1vn\u00ed nutnost, p\u0159\u00ednosy jsou \u0161ir\u0161\u00ed: p\u0159\u00edstupn\u00e9 weby maj\u00ed v\u011bt\u0161\u00ed z\u00e1sah, lep\u0161\u00ed pou\u017eitelnost, \u010dasto i lep\u0161\u00ed SEO a vy\u0161\u0161\u00ed d\u016fv\u011bryhodnost zna\u010dky. Inkluze je dobr\u00e1 v\u011bc sama o sob\u011b – a v praxi i chytr\u00e1 obchodn\u00ed strategie.<\/p>\n\n\n\n
Key takeaways (v bodech)<\/h3>\n\n\n\n
- \n\n
- EAA je \u00fa\u010dinn\u00fd: od 28. 6. 2025 je p\u0159\u00edstupnost povinn\u00e1 pro weby obsluhuj\u00edc\u00ed spot\u0159ebitele v EU.<\/li>\n\n\n
- Okam\u017eit\u00e1 vs. f\u00e1zovan\u00e1 shoda: nov\u00e9 slu\u017eby mus\u00ed b\u00fdt p\u0159\u00edstupn\u00e9 p\u0159i launchi; existuj\u00edc\u00ed maj\u00ed \u010das do 2030, ale mus\u00ed prokazateln\u011b postupovat.<\/li>\n\n\n
- Vym\u00e1h\u00e1n\u00ed m\u00e1 zuby: typicky p\u0159ijde varov\u00e1n\u00ed a lh\u016fta na n\u00e1pravu, ale p\u0159i ignorov\u00e1n\u00ed hroz\u00ed pokuty, omezen\u00ed slu\u017eby nebo sta\u017een\u00ed produktu.<\/li>\n\n\n
- Odpov\u011bdnost je sd\u00edlen\u00e1: vlastn\u00edci web\u016f, agentury i auto\u0159i plugin\u016f a \u0161ablon hraj\u00ed roli.<\/li>\n\n\n
- Existuje praktick\u00fd postup: audit \u2192 opravy nejv\u011bt\u0161\u00edch bari\u00e9r \u2192 accessibility statement \u2192 prov\u011b\u0159en\u00ed \u0161ablon a plugin\u016f \u2192 kontinu\u00e1ln\u00ed monitoring.<\/li>\n\n\n
- P\u0159\u00edstupnost je v\u00fdhoda: zlep\u0161uje dosah, UX, SEO i d\u016fv\u011bru ve zna\u010dku.<\/li>\n\n<\/ul>\n\n\n\n
FAQ: nej\u010dast\u011bj\u0161\u00ed ot\u00e1zky, kter\u00e9 te\u010f kolem EAA padaj\u00ed<\/h2>\n\n\n\n
1) T\u00fdk\u00e1 se EAA i m\u00e9ho mal\u00e9ho firemn\u00edho blogu, kdy\u017e nic neprod\u00e1v\u00e1m?<\/h3>\n\n\n\n
Z\u00e1le\u017e\u00ed na obchodn\u00edm modelu. EAA se vztahuje na produkty a slu\u017eby nab\u00edzen\u00e9 spot\u0159ebitel\u016fm v EU. Pokud je blog \u010dist\u011b hobby a nenab\u00edz\u00ed\u0161 \u017e\u00e1dn\u00e9 slu\u017eby, pravd\u011bpodobn\u011b mimo scope spad\u00e1. Pokud je ale blog sou\u010d\u00e1st podnik\u00e1n\u00ed (nap\u0159. jsi konzultant a blog je marketingov\u00fd kan\u00e1l) a obsluhuje\u0161 nebo c\u00edl\u00ed\u0161 na klienty v EU, pak se t\u011b po\u017eadavky t\u00fdkaj\u00ed. Kl\u00ed\u010dov\u00e1 je komer\u010dn\u00ed povaha aktivity.<\/p>\n\n\n\n
2) Jak\u00fd je rozd\u00edl mezi EAA a WCAG?<\/h3>\n\n\n\n
EAA je z\u00e1kon. WCAG (Web Content Accessibility Guidelines) je technick\u00fd standard, kter\u00fd se pou\u017e\u00edv\u00e1 k napln\u011bn\u00ed z\u00e1kona. EAA \u0159\u00edk\u00e1, \u017ee weby a slu\u017eby mus\u00ed b\u00fdt p\u0159\u00edstupn\u00e9, a jako benchmark pro \u201ejak\u201c odkazuje na standardy typu WCAG 2.1 Level AA. Prakticky: chce\u0161-li b\u00fdt v souladu s EAA, pot\u0159ebuje\u0161 konformitu s WCAG.<\/p>\n\n\n\n
3) Um\u00ed jeden plugin ud\u011blat WordPress web 100% compliant?<\/h3>\n\n\n\n
Ne. A u n\u00e1stroj\u016f, kter\u00e9 to slibuj\u00ed, je na m\u00edst\u011b velk\u00e1 opatrnost. Pln\u00e1 shoda je kombinace technologie, obsahu a designu. Plugin m\u016f\u017ee v\u00fdrazn\u011b pomoct – skenovat chyby, asistovat s opravami, generovat prohl\u00e1\u0161en\u00ed o p\u0159\u00edstupnosti nebo p\u0159idat u\u017eivatelsk\u00e9 n\u00e1stroje. Ale automatika nikdy nevy\u0159e\u0161\u00ed v\u0161e. Typicky: n\u00e1stroj zjist\u00ed chyb\u011bj\u00edc\u00ed
alt<\/code>, ale nepozn\u00e1, jestli jealt<\/code> smyslupln\u00fd a p\u0159esn\u00fd. Re\u00e1ln\u00e1 shoda vy\u017eaduje i lidskou kontrolu.<\/p>\n\n\n\n4) Jsme firma z USA bez pobo\u010dky v EU. Plat\u00ed pro n\u00e1s EAA?<\/h3>\n\n\n\n
Ano, pokud nab\u00edz\u00ed\u0161 produkty nebo slu\u017eby spot\u0159ebitel\u016fm nach\u00e1zej\u00edc\u00edm se v EU. Dosah EAA se odv\u00edj\u00ed od lokace spot\u0159ebitele, ne od lokace firmy. Pokud si rezident EU m\u016f\u017ee koupit produkt, p\u0159edplatit slu\u017ebu nebo st\u00e1hnout aplikaci, o\u010dek\u00e1v\u00e1 se, \u017ee spln\u00ed\u0161 po\u017eadavky EAA.<\/p>\n\n\n\n
5) Kolik stoj\u00ed ud\u011blat WordPress web p\u0159\u00edstupn\u00fd?<\/h3>\n\n\n\n
N\u00e1klady se mohou hodn\u011b li\u0161it podle velikosti a slo\u017eitosti webu, aktu\u00e1ln\u00ed \u00farovn\u011b p\u0159\u00edstupnosti a zvolen\u00e9 cesty. U jednoduch\u00e9ho webu m\u016f\u017ee j\u00edt hlavn\u011b o \u010das na pochopen\u00ed z\u00e1klad\u016f a opravy. U velk\u00e9ho e\u2011shopu s roky historick\u00e9ho obsahu bude pr\u00e1ce v\u00edc. Obecn\u011b ale plat\u00ed, \u017ee investice do dobr\u00fdch n\u00e1stroj\u016f a do procesu (\u0159e\u0161it p\u0159\u00edstupnost pr\u016fb\u011b\u017en\u011b) b\u00fdv\u00e1 t\u00e9m\u011b\u0159 v\u017edy levn\u011bj\u0161\u00ed ne\u017e velk\u00fd jednor\u00e1zov\u00fd \u201eremediation\u201c projekt nebo potenci\u00e1ln\u00ed pokuta.<\/p>\n\n\n\n
6) Automatick\u00fd scanner mi hl\u00e1s\u00ed 100% compliant. Jsem v bezpe\u010d\u00ed?<\/h3>\n\n\n\n
Ne nutn\u011b. Automatizovan\u00e9 skenery jsou z\u00e1sadn\u00ed, ale typicky najdou jen cca 30\u201340 % probl\u00e9m\u016f. Um\u00ed technick\u00e9 chyby v k\u00f3du, ale neum\u00ed posoudit lidsk\u00e9 aspekty pou\u017eitelnosti: jestli je obsah matouc\u00ed, jestli je tok kl\u00e1vesnicov\u00e9 navigace logick\u00fd, nebo jestli jsou
alt<\/code> texty opravdu u\u017eite\u010dn\u00e9. Pot\u0159ebuje\u0161 kombinaci automatick\u00e9ho skenu a ru\u010dn\u00edho testov\u00e1n\u00ed.<\/p>\n\n\n\n7) Co je accessibility statement a opravdu ho pot\u0159ebuji?<\/h3>\n\n\n\n
Je to ve\u0159ejn\u00e1 str\u00e1nka na webu, kde komunikuje\u0161 politiku a z\u00e1vazek k p\u0159\u00edstupnosti. Ano, pot\u0159ebuje\u0161 ho – je to konkr\u00e9tn\u00ed po\u017eadavek EAA. Prohl\u00e1\u0161en\u00ed m\u00e1 uv\u00e9st c\u00edlovou \u00farove\u0148 shody (nap\u0159. WCAG 2.1 AA), vyjmenovat zn\u00e1m\u00e9 probl\u00e9my, kter\u00e9 \u0159e\u0161\u00ed\u0161, a poskytnout kontakt pro hl\u00e1\u0161en\u00ed bari\u00e9r. Je to d\u016fkaz transparentnosti a snahy jednat v dobr\u00e9 v\u00ed\u0159e.<\/p>\n\n\n\n
8) Moje \u0161ablona tvrd\u00ed, \u017ee je \u201eaccessibility-ready\u201c. Sta\u010d\u00ed to?<\/h3>\n\n\n\n
Je to v\u00fdborn\u00fd za\u010d\u00e1tek, ale ne kompletn\u00ed \u0159e\u0161en\u00ed. Accessibility-ready \u0161ablona d\u00e1v\u00e1 dobr\u00fd z\u00e1klad (\u010dist\u00fd k\u00f3d, spr\u00e1vn\u00e9 nadpisy, kl\u00e1vesnice), ale celkov\u00e1 p\u0159\u00edstupnost z\u00e1vis\u00ed i na obsahu, pluginech a custom \u00faprav\u00e1ch. \u0160ablona je kritick\u00fd prvn\u00ed krok, ale neosvobozuje t\u011b od zodpov\u011bdnosti za zbytek webu.<\/p>\n\n\n\n
9) Jak \u010dasto d\u011blat accessibility audit?<\/h3>\n\n\n\n
P\u0159\u00edstupnost je dlouhodob\u00fd z\u00e1vazek. Pln\u00fd, detailn\u00ed audit d\u00e1v\u00e1 smysl ka\u017ed\u00fdch 12\u201318 m\u011bs\u00edc\u016f nebo po v\u011bt\u0161\u00edm redesignu. Z\u00e1rove\u0148 je dobr\u00e9 d\u011blat men\u0161\u00ed a \u010dast\u011bj\u0161\u00ed kontroly v r\u00e1mci workflow: t\u0159eba automatizovan\u00fd scan ka\u017ed\u00e9 \u010dtvrtlet\u00ed a rychlou kl\u00e1vesnicovou kontrolu po v\u00fdznamn\u00e9m update plugin\u016f nebo po v\u011bt\u0161\u00ed obsahov\u00e9 zm\u011bn\u011b.<\/p>\n\n\n\n
10) Kde se u\u010dit o webov\u00e9 p\u0159\u00edstupnosti spolehliv\u011b?<\/h3>\n\n\n\n
Mo\u017enost\u00ed je v\u00edc. Definitivn\u00ed zdroj jsou ofici\u00e1ln\u00ed dokumenty WCAG od W3C (jsou ale dost technick\u00e9). Pro prakti\u010dt\u011bj\u0161\u00ed a p\u0159\u00edstupn\u011bj\u0161\u00ed v\u00fdklad se \u010dasto pou\u017e\u00edvaj\u00ed zdroje jako Web Accessibility Initiative (WAI), WebAIM (\u010dl\u00e1nky a checklisty) a blogy lid\u00ed, kte\u0159\u00ed se p\u0159\u00edstupnost\u00ed zab\u00fdvaj\u00ed profesion\u00e1ln\u011b. Eduka\u010dn\u00ed materi\u00e1ly m\u00edvaj\u00ed i samotn\u00ed poskytovatel\u00e9 n\u00e1stroj\u016f – nap\u0159\u00edklad Elementor v r\u00e1mci zdroj\u016f k Ally.<\/p>\n\n\n
\nReference \/ Zdroje<\/h2>\n
- The European Accessibility Act and WordPress: What to do Now<\/a><\/li>
- Make your site more accessible with Ally<\/a><\/li><\/ul>\n <\/div>","protected":false},"excerpt":{"rendered":"
Od 28. 6. 2025 u\u017e nejde o \u201en\u011bkdy potom\u201c – p\u0159\u00edstupnost web\u016f a digit\u00e1ln\u00edch slu\u017eeb v EU je povinnost. Pokud m\u00e1\u0161 WordPress web s n\u00e1v\u0161t\u011bvn\u00edky nebo z\u00e1kazn\u00edky z EU, te\u010f je \u010das ud\u011blat audit, opravit nejv\u011bt\u0161\u00ed bari\u00e9ry a nastavit proces, kter\u00fd bude fungovat i za rok.<\/p>\n","protected":false},"author":34,"featured_media":185,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[124,123,120,121],"class_list":["post-190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bezpecnost","tag-compliance","tag-eaa","tag-pristupnost","tag-wcag"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/posts\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/posts\/190\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/media?parent=190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/categories?post=190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/cs\/wp-json\/wp\/v2\/tags?post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Make your site more accessible with Ally<\/a><\/li><\/ul>\n <\/div>","protected":false},"excerpt":{"rendered":"
- The European Accessibility Act and WordPress: What to do Now<\/a><\/li>
- Checklist pro publikaci obsahu. M\u00e1 ka\u017ed\u00fd obr\u00e1zek
- Automatizovan\u00e9 skeny. Skv\u011bl\u00e9 na b\u011b\u017en\u00e9, \u201ek\u00f3dov\u00e9\u201c probl\u00e9my: n\u00edzk\u00fd kontrast, chyb\u011bj\u00edc\u00ed