Na web kliniky môžu prísť starší pacienti, ľudia so zhoršeným zrakom, používatelia čítačiek obrazovky alebo ľudia, ktorí web ovládajú klávesnicou. Prístupnosť preto nie je len technická formalita, ale súčasť použiteľnosti a dôvery.
Pri zdravotníckom webe dávajú veľký zmysel správne formuláre, popisky polí, oznámené chybové hlášky, ovládanie klávesnicou, jasná navigácia, správne popísané tlačidlá a modálne okná, ktoré sa dajú bezpečne otvoriť aj zatvoriť.
Labely, chybové hlášky, validácia, aria-live, povinné polia a jasné inštrukcie pre pacientov.
aria-label, aria-controls, aria-expanded, aria-haspopup, role dialog alebo oznámenie dynamických zmien.
Navigácia, tlačidlá, odkazy, modálne okná a formuláre musia dávať zmysel aj bez myši.
Kontrast je základ. Webár však musí riešiť hlavne štruktúru, ovládanie, popisky a použiteľnosť.
TIP
Vedeli ste, že keď sa pri formulári zobrazí chybová hláška v reálnom čase, čítačka obrazovky ju nemusí sama oznámiť? Preto sa pre takéto dynamické hlášky používa napríklad aria-live="polite" alebo role="alert". Bez toho môže nevidiaci používateľ vôbec nezistiť, prečo formulár nejde odoslať.
Kontrastný pomer je dôležitý základ a často sa rieši už v grafickom návrhu. Webár by sa však mal zamerať hlavne na to, či web funguje technicky: či sa dá ovládať klávesnicou, či formuláre dávajú zmysel čítačkám, či tlačidlá majú popisky a či sa používateľ nestratí v modálnom okne alebo navigácii.
Dáva prvku textový popisok, keď nemá viditeľný text. Typicky ikonové tlačidlo pre menu, zatvorenie okna alebo vyhľadávanie. Alternatívou je text s triedou sr-only.
Hovorí, ktorý prvok tlačidlo ovláda. Používa sa napríklad pri rozbaľovacej navigácii, akordeóne alebo prepínači obsahu.
Hovorí, či je ovládaný obsah práve otvorený alebo zatvorený. Typicky menu, dropdown alebo FAQ akordeón.
Naznačuje, že tlačidlo otvára ďalšiu vrstvu rozhrania, napríklad menu, dialóg alebo výber možností.
Používa sa pre obsah, ktorý sa na stránke mení bez obnovenia stránky. Hodí sa pre chybové hlášky formulárov, potvrdenia alebo stavové správy.
Používa sa pre dôležité hlášky, ktoré majú byť používateľovi oznámené. Je to silnejší typ oznámenia ako bežná polite správa.
Ilustračný obrázok vytvorený pomocou AI.
Pri klinikách a ambulanciách býva formulár často hlavnou akciou na webe. Pacient cez neho posiela objednávku, dotaz, typ ťažkostí alebo žiadosť o termín. Preto musí byť formulár jasný, čitateľný, správne popísaný a použiteľný aj cez klávesnicu alebo čítačku obrazovky.
Nestačí, že formulár vizuálne vyzerá dobre. Dôležité je, aby mal správne prepojené labely, zrozumiteľné chyby, jasné focus stavy, zmysluplné popisky a správne oznámené dynamické hlášky.
Najväčšie problémy často nie sú vidieť na prvý pohled. Web môže vyzerať moderne, ale pokiaľ sa nedá ovládať klávesnicou, chýbajú popisky alebo formulár neoznamuje chyby, pre časť pacientov je prakticky nepoužiteľný.
Tlačidlo s ikonou pre menu alebo zatvorenie okna musí mať textový popisok cez aria-label alebo skrytý text.
Rozbaľovacie menu má dávať zmysel aj cez klávesnicu a ideálne používať aria-expanded a aria-controls.
Keď sa otvorí modálne okno, používateľ sa má klávesnicou pohybovať hlavne vo vnútri neho. Tlačidlo zatvorenia musí byť jasne popísané a po zatvorení by sa mal používateľ vrátiť späť na prvok, ktorým modal otvoril.
Pokiaľ sa chyba objaví až po vyplňovaní, musí byť jasne priradená ku konkrétnemu polu a oznámená aj asistívnym technológiám.
Pri ovládaní klávesnicou musí byť vidieť, na ktorom odkaze, tlačidle alebo poli sa používateľ práve nachádza.
Menu, odkazy, aktívne položky a prepínače musia mať jasnú štruktúru a nesmú byť závislé len na vizuálnom efekte.
Web kliniky môžu používať starší pacienti, ľudia so zhoršeným zrakom, ľudia ovládajúci web klávesnicou alebo používatelia čítačiek obrazovky. Prístupnosť pomáha, aby sa na webe dokázali zorientovať a odoslať formulár.
Prístupný formulár má správne prepojené labely, zrozumiteľné chyby, čitateľné popisky, ovládanie klávesnicou a chybové hlášky, ktoré sú oznámené aj používateľom čítačiek obrazovky.
ARIA atribúty pomáhajú popísať interaktívne prvky, ktoré nie sú dostatočne zrozumiteľné iba z HTML. Typicky ide o ikonové tlačidlá, menu, modálne okná alebo dynamické chybové hlášky.
Áno. Používateľ musí byť schopný prejsť navigáciu, formuláre, tlačidlá, modálne okná a ďalšie interaktívne časti webu bez použitia myši.
Nie. Kontrast je dôležitý základ, ale prístupnosť zahŕňa aj HTML štruktúru, formuláre, popisky, chybové hlášky, ovládanie klávesnicou, ARIA atribúty a zrozumiteľnú navigáciu.
Pokiaľ tlačidlo nemá viditeľný text, musí mať zrozumiteľný textový popisok. Môže to byť aria-label alebo skrytý text napríklad cez triedu sr-only.
Používateľ čítačky obrazovky sa nemusí dozvedieť, že sa vo formulári objavila chyba. Preto sa pri dynamických hláškach používa napríklad aria-live alebo role="alert".
Napíšte mi, aký web alebo formuláre riešite. Pozriem sa na ovládanie, formuláre, ARIA atribúty, modálne okná, klávesnicu, chybové hlášky a ďalšie časti, ktoré ovplyvňujú použiteľnosť pre pacientov.
Napíšte mi, aký web alebo aplikáciu potrebujete vytvoriť.
Než se pustíte do webu, hodí se mít jasno v podkladech, WordPressu, cookies a měření.
Ukážky skutočných recenzií, ktoré klienti zanechali na mojom Google profile.
Prejsť na recenzie★ ★ ★ ★ ★„Člověk, který své práci a rozumí a ví co dělá. Velmi rychlá komunikace a profesionální přístup. Doporučuji.“
★ ★ ★ ★ ★„Skvělá spolupráce, při dalších projektech určitě nebudu shánět někoho jiného.“
★ ★ ★ ★ ★„S panem Vančurou jsem spolupracovala na tvorbě mých webových stránek a jsem maximálně spokojená. Oceňuji profesionální přístup, rychlou komunikaci a schopnost přesně pochopit moje představy. Web je moderní, přehledný, funkční a skvěle vypadá i na mobilu. Celý proces proběhl hladce, s jasným vysvětlením jednotlivých kroků a výborným výsledkem. Určitě doporučuji každému, kdo hledá spolehlivý a kvalitní přístup.“
★ ★ ★ ★ ★„Spolupráce při tvorbě konfigurátoru proběhla naprosto bez problémů. Oceňuji profesionální přístup, rychlou komunikaci a schopnost pochopit specifický projekt od A do Z. Konfigurátor je přehledný, funkční a přesně odpovídá mým požadavkům. Rozhodně doporučuji.“
★ ★ ★ ★ ★„Velmi dobrá a rychlá spolupráce. Doporučuji!“
★ ★ ★ ★ ★„Přesně takto si představujeme profesionální práci. Dekujeme“
★ ★ ★ ★ ★„Ať už se jedná o optimalizaci webu, nebo tvorbu na míru oceňuji kromě profesionální práce a znalostí problematiky také férový přístup a komunikaci.“
★ ★ ★ ★ ★„Děkuji za profesionální spolupráci, vše dle domluvy, naprostá spokojenost a mohu jen vřele doporučit.... Při dalších projektech určitě opět využiji Vašich služeb“
★ ★ ★ ★ ★„Profesionalita a velká ochota, nemohu jinak než doporučit“
★ ★ ★ ★ ★„Skvělá zkušenost při tvorbě webu, profesionální přístup, rychlost, ochota pomoci“
★ ★ ★ ★ ★„Rychlá spolupráce a komunikace – mohu jen doporučit.“
★ ★ ★ ★ ★„Moc mi pomohl, když jsem potřebovala pomoc s webem. A bylo to gratis :)). Jsem mu neskonale vděčná.“
★ ★ ★ ★ ★„Děkuji Jiřímu za rychlou a kvalitní spolupráci na tvorbě webu. Srozumitelná a ochotná komunikace mě vždycky potěší a přináší důvěru.“
★ ★ ★ ★ ★„Jsem maximálně spokojená. Rychlost, ochota a cenově dostupné. Děkuji“
★ ★ ★ ★ ★„Naprostá spokojenost. Rychlá komunikace, skvělá cena a odborná pomoc. Moc děkuji :)“
★ ★ ★ ★ ★„Velká spokojenost, rychlost a p. Vančura moc dobře ví co dělá. :)“
★ ★ ★ ★ ★„dobrá práce, rychlá odezva“
★ ★ ★ ★ ★„S programátory mám zkušeností hodně, ale tady musím opravdu pochválit. Pro mě a mé přátele vytvořil skvělý nástroj na evidenci sbírek a opravdu se to povedlo. Bylo to hotové rychle, kvalitně a za skvělou cenu. Komunikace funguje velmi rychle, což je super a ne úplně standard. Díky za super práci, za mě 100% spokojenost!“
★ ★ ★ ★ ★„Vše bylo rychlé a hlavně to funguje. Dobrá práce.“
★ ★ ★ ★ ★„Normálně recenze nepíši, ale zde rád doporučím kvalitní práci. Jiří pro mě vytvořil web pro dětské tábory. Kvalitní práce, rychlá komunikace a vlastní nápady, které Jiří sám přidá, jsou na velice vysoké úrovni. Nemohu hodnotit jinak než 5/5.“
★ ★ ★ ★ ★„Pan Jiri nam delal jiz 3 webove stranky a vzdy velka spokojenost, je mega rychly a vse hned kladne vyridi, mohu pouze doporucit. Poradi si bez problemu i s rezervacnimi kalendaremi, udrzbou socialnich siti, atd.“
