Jeden konkurent vypadá dopracovaně na každé obrazovce. Jiný působí stísněně a zastarale, přestože oba prodávají podobné služby. Rozdíl obvykle tkví v tom, jak zajistit, aby web splňoval požadavky ADA, a ve zvycích, které za tím stojí. Poznáte to okamžitě, i když ještě nedokážete pojmenovat každé pravidlo.
Aby web splňoval požadavky ADA, je třeba dbát na kontrast, alternativní text, ovládání klávesnicí a jasnou strukturu. Tato kapitola srozumitelně vysvětluje, co to znamená, proč to ovlivňuje váš web i marketing a jak to uplatnit, aniž byste se ztratili v odborných výrazech. Uvidíte také, jak do stejného obrazu zapadá přístupný design webu. Projděme si to krok za krokem.
Co znamená soulad webu s ADA v praxi
Aby web splňoval požadavky ADA, je třeba dbát na kontrast, alternativní text, ovládání klávesnicí a jasnou strukturu.
Soulad není jednorázová věc, protože na web stále přidáváte obsah a funkce.
Zásady přístupného designu webu se z velké části shodují s dobrým UX.
Jak uplatnit soulad s ADA na svém webu
Zveřejněte prohlášení o přístupnosti, které popisuje váš závazek a cestu ke kontaktu.
Začněte jednou stránkou, třeba úvodní nebo hlavní vstupní stránkou (landing page). Nejdřív opravte největší problém a stejný postup pak přeneste na další šablony.
Tuto kapitolu spojte s designem webu v souladu s ADA jako základem a s prohlášením o přístupnosti webu jako dalším krokem v tomto modulu.
Praktický kontrolní seznam na dnešek
Zveřejněte prohlášení o přístupnosti, které popisuje váš závazek a cestu ke kontaktu.
Když procházíte jakoukoli stránku, ptejte se, zda je soulad s ADA na mobilu vidět hned při prvním posunu. Pokud ne, přeskupte sekce dřív, než začnete ladit detaily.
Uložte si snímky obrazovky před změnami a po nich, abyste poznali, co na vašem webu skutečně pohnulo výsledky u souladu s ADA.
Sdílejte tento kontrolní seznam s každým, kdo váš web upravuje, aby přístupný design webu zůstal jednotný i na nových stránkách.
Vyberte si jedno číslo, které budete tento měsíc sledovat, například čas na stránce nebo zahájená vyplnění formuláře. Změny designu pak svážete s výsledky podnikání, a ne jen s vkusem.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy platí jen pro jednu stránku. Zásady přístupného designu webu se z velké části shodují s dobrým UX.
Vaše příspěvky na sociálních sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako váš web.
Když se vizuální podoba značky rozchází, zákazníci cítí nenápadný nesoulad, i když nedokážou říct proč.
Použijte prohlášení o přístupnosti webu a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Soulad není jednorázová věc, protože na web stále přidáváte obsah a funkce.
Časté otázky, které lidé přehlížejí
Vedlejší pojmy jako přístupný design webu a prohlášení o přístupnosti webu vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Zásady přístupného designu webu se z velké části shodují s dobrým UX.
Zapište si jednu změnu před a po, kterou tento týden otestujete na živé stránce. Malé změřené úpravy porazí vágní plány.
Když váš tým používá společnou slovní zásobu o souladu s ADA, ubude kol úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K řadě úprav rozvržení a stylu nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a písmo a přitom si prohlížet náhled pro mobil i počítač.
WEMASY obsahuje Tvůrce webů s vizuální úpravou, takže změny zveřejníte, aniž byste u každé drobnosti čekali na vývojáře. Až budete chtít využít, co jste se naučili, otevřete Tvůrce webů.
Až změny zveřejníte, znovu si projděte design webu v souladu s ADA a inkluzivní design, ať si celý modul drží pohromadě.
Teď máte k souladu webu s ADA funkční optiku. Použijte ji, když kontrolujete web, schvalujete marketingové podklady nebo zadáváte práci designérovi. Pokračujte kapitolami inkluzivní design a prohlášení o přístupnosti webu, ať v tomto modulu neztratíte tempo.
Často kladené otázky
Jak dlouho trvá zajistit, aby web splňoval požadavky ADA?
Většina malých firem uvidí jasnější stránky během několika soustředěných sezení, jakmile uplatní základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak přeneste na stránky služeb a kontaktů.
Potřebujete designéra, aby web splňoval požadavky ADA?
Designér pomůže u složitých rebrandingů, ale řadu úprav kolem souladu s ADA zvládnete sami, jakmile víte, na co se dívat. Pro související rady použijte vedle této kapitoly design webu v souladu s ADA.
Může vám WEMASY pomoci s úpravami pro soulad s ADA na vašem webu?
WEMASY obsahuje v Tvůrci webů vizuální editor, takže rozvržení, barvy a písmo upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a zkontrolujte změny na mobilu.
Jaká je nejčastější chyba při snaze o soulad s ADA?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte si jednu prioritu, například čitelnost nebo kontrast, a pak se podívejte na inkluzivní design pro další zlepšení.
Jak souvisí soulad webu s ADA s SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Nejlepších výsledků dosáhnete, když úpravy designu spojíte s dobrou strukturou obsahu.
Co se učit dál po tématu souladu webu s ADA?
Pokračujte kapitolami design webu v souladu s ADA a inkluzivní design v této knize, abyste pro svou značku online vybudovali ucelený vizuální systém.