Na web kliniky mohou přijít starší pacienti, lidé se zhoršeným zrakem, uživatelé čteček obrazovky nebo lidé, kteří web ovládají klávesnicí. Přístupnost proto není jen technická formalita, ale součást použitelnosti a důvěry.
U zdravotnického webu dávají velký smysl správné formuláře, popisky polí, oznámené chybové hlášky, ovládání klávesnicí, jasná navigace, správně popsaná tlačítka a modální okna, která se dají bezpečně otevřít i zavřít.
Labely, chybové hlášky, validace, aria-live, povinná pole a jasné instrukce pro pacienty.
aria-label, aria-controls, aria-expanded, aria-haspopup, role dialog nebo oznámení dynamických změn.
Navigace, tlačítka, odkazy, modální okna a formuláře musí dávat smysl i bez myši.
Kontrast je základ. Webař ale musí řešit hlavně strukturu, ovládání, popisky a použitelnost.
TIP
Věděli jste, že když se u formuláře zobrazí chybová hláška v reálném čase, čtečka obrazovky ji nemusí sama oznámit? Proto se pro takové dynamické hlášky používá například aria-live="polite" nebo role="alert". Bez toho může nevidomý uživatel vůbec nezjistit, proč formulář nejde odeslat.
Kontrastní poměr je důležitý základ a často se řeší už v grafickém návrhu. Webař by se ale měl zaměřit hlavně na to, jestli web funguje technicky: jestli jde ovládat klávesnicí, jestli formuláře dávají smysl čtečkám, jestli tlačítka mají popisky a jestli se uživatel neztratí v modálním okně nebo navigaci.
Dává prvku textový popisek, když nemá viditelný text. Typicky ikonové tlačítko pro menu, zavření okna nebo vyhledávání. Alternativou je text s třídou sr-only.
Říká, který prvek tlačítko ovládá. Používá se například u rozbalovací navigace, akordeonu nebo přepínače obsahu.
Říká, jestli je ovládaný obsah právě otevřený nebo zavřený. Typicky menu, dropdown nebo FAQ akordeon.
Naznačuje, že tlačítko otevírá další vrstvu rozhraní, například menu, dialog nebo výběr možností.
Používá se pro obsah, který se na stránce mění bez obnovení stránky. Hodí se pro chybové hlášky formulářů, potvrzení nebo stavové zprávy.
Používá se pro důležité hlášky, které mají být uživateli oznámené. Je to silnější typ oznámení než běžná polite zpráva.
Ilustrační obrázek vytvořený pomocí AI.
U klinik a ordinací bývá formulář často hlavní akce na webu. Pacient přes něj posílá objednávku, dotaz, typ potíží nebo žádost o termín. Proto musí být formulář jasný, čitelný, správně popsaný a použitelný i přes klávesnici nebo čtečku obrazovky.
Nestačí, že formulář vizuálně vypadá dobře. Důležité je, aby měl správně propojené labely, srozumitelné chyby, jasné focus stavy, smysluplné popisky a správně oznámené dynamické hlášky.
Největší problémy často nejsou vidět na první pohled. Web může vypadat moderně, ale pokud nejde ovládat klávesnicí, chybí popisky nebo formulář neoznamuje chyby, pro část pacientů je prakticky nepoužitelný.
Tlačítko s ikonou pro menu nebo zavření okna musí mít textový popisek přes aria-label nebo skrytý text.
Rozbalovací menu má dávat smysl i přes klávesnici a ideálně používat aria-expanded a aria-controls.
Když se otevře modální okno, uživatel se má klávesnicí pohybovat hlavně uvnitř něj. Tlačítko zavření musí být jasně popsané a po zavření by se měl uživatel vrátit zpět na prvek, kterým modal otevřel.
Pokud se chyba objeví až po vyplňování, musí být jasně přiřazená ke konkrétnímu poli a oznámená i asistivním technologiím.
Při ovládání klávesnicí musí být vidět, na kterém odkazu, tlačítku nebo poli se uživatel právě nachází.
Menu, odkazy, aktivní položky a přepínače musí mít jasnou strukturu a nesmí být závislé jen na vizuálním efektu.
Web kliniky mohou používat starší pacienti, lidé se zhoršeným zrakem, lidé ovládající web klávesnicí nebo uživatelé čteček obrazovky. Přístupnost pomáhá, aby se na webu dokázali zorientovat a odeslat formulář.
Přístupný formulář má správně propojené labely, srozumitelné chyby, čitelné popisky, ovládání klávesnicí a chybové hlášky, které jsou oznámené i uživatelům čteček obrazovky.
ARIA atributy pomáhají popsat interaktivní prvky, které nejsou dostatečně srozumitelné pouze z HTML. Typicky jde o ikonová tlačítka, menu, modální okna nebo dynamické chybové hlášky.
Ano. Uživatel musí být schopný projít navigaci, formuláře, tlačítka, modální okna a další interaktivní části webu bez použití myši.
Ne. Kontrast je důležitý základ, ale přístupnost zahrnuje i HTML strukturu, formuláře, popisky, chybové hlášky, ovládání klávesnicí, ARIA atributy a srozumitelnou navigaci.
Pokud tlačítko nemá viditelný text, musí mít srozumitelný textový popisek. Může to být aria-label nebo skrytý text například přes třídu sr-only.
Uživatel čtečky obrazovky se nemusí dozvědět, že se ve formuláři objevila chyba. Proto se u dynamických hlášek používá například aria-live nebo role="alert".
Napište mi, jaký web nebo formuláře řešíte. Podívám se na ovládání, formuláře, ARIA atributy, modální okna, klávesnici, chybové hlášky a další části, které ovlivňují použitelnost pro pacienty.
Napište mi, jaký web nebo aplikaci potřebujete vytvořit.
Než se pustíte do webu, hodí se mít jasno v podkladech, WordPressu, cookies a měření.
Ukázky skutečných recenzí, které klienti zanechali na mém Google profilu.
Přejít na recenze★ ★ ★ ★ ★„Č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.“
