Vyhlásenie o prístupnosti
Spoločnosť HÖGNER s.r.o. sa zaväzuje k sprístupneniu obsahu svojich internetových stránok v súlade s medzinárodným štandardom WCAG 2.1 (Web Content Accessibility Guidelines).
Toto vyhlásenie o prístupnosti sa vzťahuje na internetové stránky
www.ionic-care.sk.
Stav súladu
Tieto webové stránky sú v súlade so štandardom WCAG 2.1 na úrovniach A a AA.
Splnené požiadavky prístupnosti (WCAG 2.1, úroveň A)
| Kritérium | Názov | Poznámka |
|---|---|---|
| 1.1.1 | Netextový obsah | Všetky obrázky (logo, produktové fotografie, galéria, vlajky jazykov) majú textovú alternatívu prostredníctvom atribútu alt. Dekoratívne videá sú označené aria-hidden="true". |
| 1.2.1 | Iba audio a iba video (predtočené) | Na webe sa nevyskytuje obsah iba vo forme audia alebo iba vo forme videa bez alternatívy. |
| 1.2.2 | Titulky (predtočené) | Web neobsahuje videá s hovoreným slovom vyžadujúce titulky. Dekoratívne videá sú stlmené (muted) a skryté pred asistenčnými technológiami. |
| 1.2.3 | Zvukový popis alebo alternatíva pre multimediálny prvok (predtočené) | Web neobsahuje multimediálny obsah, ktorý by vyžadoval zvukový popis. |
| 1.3.1 | Informácie a vzájomné vzťahy | Štruktúra stránky je vyjadrená sémantickými elementmi HTML5: <header>, <nav>, <main>, <footer>. Nadpisy dodržiavajú hierarchiu. Formulárové prvky majú priradené popisy. |
| 1.3.2 | Srozumiteľné poradie | Poradie elementov v DOM zodpovedá vizuálnemu poradiu a zachováva srozumiteľnosť obsahu. |
| 1.3.3 | Vlastnosti na základe zmyslového vnemu | Inštrukcie a navigácia sa nespoliehajú výhradne na zmyslové vlastnosti (farba, tvar, poloha). |
| 1.4.1 | Používanie farieb | Farba nie je jediným prostriedkom na odovzdávanie informácií. Chybové stavy formulárov sú označené textovým popisom aj vizuálnou zmenou. |
| 1.4.2 | Ovládanie zvuku | Web neobsahuje automaticky prehrávané zvukové prvky. |
| 2.1.1 | Klávesnica | Všetky interaktívne prvky sú dostupné z klávesnice. Tlačidlo na zatvorenie akčného bannera má tabindex="0", role="button" a reaguje na klávesy Enter a medzerník. |
| 2.1.2 | Žiadna pasca na klávesnicu | Klávesnica nie je uväznená v žiadnej komponentu webu. Modálne okná umožňujú opustenie fokusu klávesom Escape a fokus je pri ich otvorení a zatvorení správne riadený. |
| 2.1.4 | Jednoznakové klávesové skratky | Web neimplementuje jednoznakové klávesové skratky. |
| 2.2.1 | Nastaviteľné časovanie | Web nepoužíva žiadne časové limity pre interakciu používateľa. |
| 2.2.2 | Pauza, zastavenie, skrytie | Dekoratívne animované videá sú označené ako skryté pred asistenčnými technológiami. Web neobsahuje automaticky sa aktualizujúci obsah, ktorý by používateľ nemohol zastaviť. |
| 2.3.1 | Tri záblesky alebo podprahové blikanie | Web neobsahuje obsah blikajúci viac ako trikrát za sekundu. |
| 2.4.1 | Preskočiť bloky | Na všetkých stránkach je prítomný skip link „Prejsť na hlavný obsah“ odkazujúci na kotvu #main-content. |
| 2.4.2 | Každá stránka má titulok | Každá stránka má unikátny a srozumiteľný titulok generovaný prostredníctvom pluginu Yoast SEO. |
| 2.4.3 | Poradie prechádzania prvkov | Poradie prechádzania prvkov klávesnicou zodpovedá vizuálnemu poradiu. Pri otvorení modálneho okna je fokus presunutý na prvý interaktívny prvok dialógu a po jeho zatvorení sa vráti na spúšťací prvok. |
| 2.4.4 | Účel odkazu v kontexte | Navigačné a obsahové odkazy majú srozumiteľný textový popis v kontexte. |
| 2.5.1 | Gestá ukazovateľov | Všetka funkčnosť webu je ovládateľná jedným ukazovateľom bez zložitých giest. Swiper komponenty majú tlačidlovú navigáciu. |
| 2.5.2 | Zrušenie gesta | Akcie sú aktivované pri uvoľnení tlačidla myši (štandardné správanie prehliadača). |
| 2.5.3 | Popis v názve | Viditeľné textové popisy tlačidiel zodpovedajú ich prístupnému názvu. |
| 2.5.4 | Ovládanie pohybu | Web nevyužíva pohybové senzory zariadenia. |
| 3.1.1 | Jazyk stránky | Jazyk stránky je programovo určený prostredníctvom atribútu lang na elemente <html>, ktorý je spravovaný pluginom WPML (lang="cs" / lang="sk"). |
| 3.2.1 | Zameranie (fokus) | Prechod fokusu na prvok nezpôsobuje neočakávanú zmenu kontextu. |
| 3.2.2 | Vstup používateľa | Zmena hodnoty formulárového poľa automaticky nezpôsobuje odoslanie formulára ani inú zmenu kontextu. |
| 3.3.1 | Identifikácia chyby | Chyby vo formulároch sú identifikované textovým popisom pri konkrétnom poli (e-shop využíva natívnu validáciu WooCommerce). |
| 3.3.2 | Popisy alebo pokyny | Formulárové polia majú priradené popisy prostredníctvom elementu <label>. Pole pre e-mail v newsletterovom formulári má skrytý popis (screen-reader-text) čitateľný asistenčnými technológiami. |
| 4.1.2 | Názov, funkcia, hodnota | Prepínač jazyka má na spúšťacom elemente atribúty role="button", aria-haspopup="listbox" a aria-expanded. Rozbaľovací zoznam má role="listbox". Ikony sociálnych sietí majú aria-label s názvom platformy. |
| 4.1.1 | Syntaktická analýza | HTML dokumenty neobsahujú duplicitné ID. Výskyty kotvy id="main-content" na domovskej stránke sú vo vzájomne sa vylučujúcich podmienkach (is_mobile / not is_mobile) — v jednom dokumente sa nikdy nevyskytujú oba zároveň. |
Splnené požiadavky prístupnosti (WCAG 2.1, úroveň AA)
| Kritérium | Názov | Poznámka |
|---|---|---|
| 1.2.4 | Titulky (naživo) | Web neobsahuje živé vysielanie. |
| 1.2.5 | Zvukový popis (predtočený) | Web neobsahuje videá vyžadujúce zvukový popis. |
| 1.4.13 | Obsah pri prechode myšou alebo fokuse klávesnice | Rozbaľovacia ponuka prepínača jazyka sa zobrazuje pri najedení myšou aj fokuse klávesnicou. Klávesom Escape je možné ponuku zatvoriť bez presunu fokusu na iný prvok. Po opustení komponentu klávesom Tab sa ponuka automaticky skryje. |
| 1.3.5 | Určenie účelu vstupu | Pole pre e-mail v newsletterovom formulári má atribút autocomplete="email", ktorý umožňuje prehliadaču automaticky doplniť kontaktné údaje používateľa. |
| 1.3.4 | Orientácia | Zobrazenie obsahu nie je obmedzené na jednu orientáciu displeja. |
| 1.4.3 | Minimálny kontrast | Farebné kontrasty textových prvkov spĺňajú minimálne požiadavky štandardu WCAG 2.1 (podľa požiadavky min. 4,5:1). |
| 1.4.4 | Zmena veľkosti textu | Text je možné v prehliadači zväčšiť na 200 % bez straty obsahu či funkčnosti. Layout je plne responzívny. |
| 1.4.5 | Text vo forme obrázka | Logo webu je vo formáte SVG. Všetok textový obsah je vykreslený ako HTML text, nie ako obrázok. |
| 1.4.10 | Preformátovanie (reflow) | Obsah je pri šírke 320 px plne čitateľný bez horizontálneho posuvníka vďaka responzívnemu dizajnu. |
| 1.4.11 | Netextový kontrast | Kontrasty netextových prvkov používateľského rozhrania (rámčeky formulárových polí, zaškrtávacie políčka) spĺňajú minimálny požadovaný pomer (podľa požiadavky min. 3:1). |
| 1.4.12 | Rozloženie textu | Aj keď formulárové polia majú pevnou výšku 44 px, táto výška je dostatočná aj pri maximálnom prepísaní vlastností rozloženia textu (riadkovanie 1,5×, medzery za odsekom 2×, medzery písmen 0,12 em, medzery slov 0,16 em) bez straty alebo prekrytia obsahu. |
| 2.4.5 | Viac spôsobov | Stránky sú dostupné prostredníctvom hlavnej navigácie, navigácie v pätičke a breadcrumb navigácie (Yoast SEO). |
| 2.4.6 | Nadpisy a popisy | Nadpisy sú popisné a dodržiavajú hierarchiu (h1 → h2 → h3). Formulárové prvky majú priradené popisy. |
| 2.4.7 | Viditeľné zameranie | Všetky interaktívne prvky majú pri prechode fokusu klávesnicou viditeľný indikátor zamerania definovaný prostredníctvom CSS (:focus, :focus-visible). Indikátor je graficky odlišný od východiskového stavu prvku. |
| 3.2.3 | Konzistentná navigácia | Navigačné mechanizmy sa na všetkých stránkach vyskytujú v rovnakom poradí a na rovnakom mieste. |
| 3.2.4 | Konzistentná identifikácia | Opakujúce sa komponenty (košík, prepínač jazyka, menu) majú naprieč stránkami konzistentné označenie. |
| 4.1.3 | Stavové správy | Stavové správy generované JavaScriptom sú označené atribútmi role="status" a aria-live="polite", takže asistenčné technológie používateľa automaticky informujú o výsledku akcie (odoslanie newslettera). |
| 3.3.3 | Návrhy na opravu chyby | Pri chybe vo formulári je používateľovi navrhnutý spôsob opravy (WooCommerce, validácia newslettera). |
| 3.3.4 | Predchádzanie chybám (právne, finančné, dátové) | Objednávka v e-shope je pred odoslaním zobrazená na rekapituláciu a je možné ju opraviť (natívne správanie WooCommerce). |
Neoverené požiadavky
Nižšie uvedené požiadavky závisia od obsahu spravovaného v redakčnom systéme a nie je možné ich plne posúdiť na úrovni šablón.
| Kritérium | Názov | Popis |
|---|---|---|
| 3.1.2 (AA) | Jazyk časti | Stránky sú dostupné v češtine a slovenčine, pričom jazyk celej stránky je správne označený. Ak redaktori vložia do obsahu pasáže v inom jazyku, tieto pasáže nebudú označené atribútom lang. Závisí od obsahu spravovaného v redakčnom systéme. |
Vypracovanie tohto vyhlásenia o prístupnosti
Toto vyhlásenie bolo vypracované dňa 28. 5. 2026.
Vyhlásenie bolo vypracované na základe interného posúdenia vykonaného spracovateľom internetových stránok, a to kombináciou statickej analýzy zdrojového kódu a manuálnej kontroly šablón voči kritériám štandardu WCAG 2.1 na úrovniach A a AA.
Podkladom pre členenie kritérií boli stránky
pristupne-stranky.cz.
Spätná väzba a kontaktné údaje
Ak narazíte na problém s prístupnosťou týchto internetových stránok alebo potrebujete obsah v prístupnejšej forme, kontaktujte nás:
HÖGNER s.r.o., Veverkova 1343/1, Hradec Králové, 500 02
E-mail: info@ionic-care.sk
Na Vašu správu odpovieme do 3 pracovných dní.