V úterý pozdě večer obnovíte svou úvodní stránku. Nadpis je v pořádku, fotky jsou v pořádku, a přesto návštěvníci během pár vteřin odejdou. Začnete přemýšlet, jestli přístupný design webu není to, co jste přehlíželi. Často je. Drobná vizuální rozhodnutí utvářejí první dojem rychleji, než většina podnikatelů čeká.
Přístupný design webu zajišťuje, aby lidé s postižením mohli váš web vnímat, procházet a používat. 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á design webu v souladu s ADA. Projděme si to krok za krokem.
Co je přístupný design webu
Přístupný design webu zajišťuje, aby lidé s postižením mohli váš web vnímat, procházet a používat.
V praxi se přístupný design webu projevuje v záhlavích webu, na stránkách služeb, v grafice pro sociální sítě i v tištěných materiálech. Když ho správně pojmenujete, zadáte práci designérům rychleji a návrhy posoudíte s jistotou.
Příbuzné oblasti, například design webu v souladu s ADA, na něj přímo navazují. Mějte je na paměti, když budete číst zbytek tohoto modulu.
Přístupnost rozšiřuje vaše publikum a snižuje právní riziko.
Proč je přístupný design webu pro vaše podnikání důležitý?
Zákazníci posuzují důvěryhodnost podle rozvržení dřív, než si přečtou každé slovo. Jasná vizuální struktura snižuje tření a usnadňuje pochopení nabídky.
Inkluzivní design počítá s trvalými i dočasnými rozdíly ve schopnostech.
Nejdřív zkontrolujte barevný kontrast a zaměření klávesnice u formulářů a nabídek.
Chcete-li vidět souvislosti se sousedními tématy, přečtěte si dál jak zajistit, aby web splňoval požadavky ADA a design webu v souladu s ADA.
Praktický kontrolní seznam na dnešek
Nejdřív zkontrolujte barevný kontrast a zaměření klávesnice u formulářů a nabídek.
Když procházíte jakoukoli stránku, ptejte se, zda je přístupný design webu 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 přístupného designu webu.
Sdílejte tento kontrolní seznam s každým, kdo váš web upravuje, aby design webu v souladu s ADA 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. Inkluzivní design počítá s trvalými i dočasnými rozdíly ve schopnostech.
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 inkluzivní design a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Přístupnost rozšiřuje vaše publikum a snižuje právní riziko.
Časté otázky, které lidé přehlížejí
Vedlejší pojmy jako design webu v souladu s ADA a inkluzivní design vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Inkluzivní design počítá s trvalými i dočasnými rozdíly ve schopnostech.
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 přístupném designu webu, 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 jak zajistit, aby web splňoval požadavky ADA a design webu v souladu s ADA, ať si celý modul drží pohromadě.
Teď máte k přístupnému designu webu funkční optiku. Použijte ji, když kontrolujete web, schvalujete marketingové podklady nebo zadáváte práci designérovi. Pokračujte kapitolami design webu v souladu s ADA a inkluzivní design, ať v tomto modulu neztratíte tempo.
Často kladené otázky
Jak dlouho trvá zlepšit přístupný design webu?
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 pro přístupný design webu?
Designér pomůže u složitých rebrandingů, ale řadu úprav kolem přístupného designu webu zvládnete sami, jakmile víte, na co se dívat. Pro související rady použijte vedle této kapitoly jak zajistit, aby web splňoval požadavky ADA.
Může vám WEMASY pomoci uplatnit přístupný design 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 v přístupném designu webu?
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 design webu v souladu s ADA pro další zlepšení.
Jak souvisí přístupný design webu 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 přístupném designu webu?
Pokračujte kapitolami jak zajistit, aby web splňoval požadavky ADA a design webu v souladu s ADA v této knize, abyste pro svou značku online vybudovali ucelený vizuální systém.