12 tipů pro přístupnější web
Zpřístupnění vašeho webu všem není jen morální povinností, je to zákonná povinnost. Mnoho organizací, včetně Mezinárodního olympijského výboru, bylo žalováno za nedostatečné zpřístupnění svých webových stránek. Vzhledem k tomu, že 50 milionů Američanů trpí nějakým postižením nebo jiným, zlepšení přístupu na vaše stránky dává jasný komerční smysl.
Nejsou to jen ti, kteří jsou označeni jako „zdravotně postižení“. Výzkum naznačuje, že 57% dospělých uživatelů počítačů bude mít prospěch z vylepšené dostupnosti nějakého druhu. Pouze 19% webových stránek v současné době splňuje nejzákladnější požadavky na přístupnost, takže se můžete opravdu odlišit od konkurence provedením několika změn na svém webu.
V tomto článku prozkoumáme 12 způsobů, jak zlepšit přístupnost vašich stránek. Některé metody jsou velmi levné a rychlé implementace, jiné vyžadují trochu více času a finančních investic, ale měli byste je považovat za obchodní příležitosti. Vzhledem k tomu, že internet je v dnešní době tak důležitý pro všechny naše životy, je nespravedlivé, že někteří lidé zůstávají pozadu.
1. WAI-ARIA
Při zlepšování dostupnosti vašeho webu by měl být vaším prvním přístavem volání sada dokumentů publikovaných organizací Worldwide Web Consortium s názvem WAI-ARIA. Tyto dokumenty v zásadě stanoví způsoby, jak by vývojáři měli přidat metadata do HTML pro lepší přístupnost.
2. Progresivní vylepšení
Progresivní vylepšení znamená navrhování webových stránek vrstveným způsobem tak, aby každý měl přístup k nejzákladnějším funkcím a uživatelé s lepší šířkou pásma a pokročilé prohlížeče mohli vidět vylepšenou verzi. Weby vytvořené pomocí strategie progresivního vylepšení lze mnohem snadněji číst pomocí softwaru pro čtení z obrazovky, který používají lidé s různým postižením.
3. Alternativní obsah
Je naprosto nezbytné, abyste na svém webu poskytli textový ekvivalent pro netextový obsah. Značky obrázků a videí potřebují, aby lidé používající software pro čtení obrazovky mohli přesně zjistit, co je na stránce. Odkazy také vyžadují relevantní označení nadpisu.
4. Titulky
Stejně tak astagové, obrázky, zvukové a videoklipy potřebují titulky, aby zrakově postižení věděli přesně to, na co se dívají. Pokud nahráváte videa nebo podcasty, poskytněte odstavec textu shrnující jeho obsah, nebo ještě lépe, poskytněte úplný přepis. Nezapomeňte, titulky opravdu pomáhají se SEO taky.
5. Software pro čtení obrazovky
Většina nevidomých a slabozrakých lidí používá při prohlížení webových stránek software pro čtení obrazovky. Jedním z nejlepších způsobů, jak zajistit, aby jim váš web byl přístupný, je vyzkoušet si stejný software sami. Vypněte monitor a spusťte software, abyste zjistili, co přesně váš web říká těmto cenným čtenářům a potenciálním zákazníkům. Pokud software začne chrlit gibberish, víte, musíte provést nějaké změny!
6. Audit
Žádné množství testů přístupnosti, které sami provádíte, nelze srovnávat s tím, že skutečný odborník vrhá na vaše stránky své odborné oko. Existuje řada společností a jednotlivců, kteří pro vás provedou audit přístupnosti a řeknou vám přesně, jaké změny je třeba provést.
7. Testování použitelnosti
Testování použitelnosti je další cenný způsob, jak identifikovat potenciální problémy s přístupem k vašemu webu. Získejte skupinu lidí s řadou různých potřeb, abyste si mohli vyzkoušet své stránky na skutečné, navigační a prováděcí úkoly. Budou vám moci říct podrobně o všech problémech, se kterými se setkají, z nichž mnohé, které musíte najít, nebudou zahrnuty do pokynů WAI-ARIA.
8. Stylesové listy
Když stavíte nebo upravujete svůj web, ujistěte se, že vaše šablony stylů umožňují různé velikosti písma a nikdy nepoužívejte pevná písma. Byli byste ohromeni tím, kolik uživatelů, od starých lidí po ty, kteří mají slabý zrak, pravidelně mění velikost svých písem.
9. Ovládací prvky písma
Uživatelé prohlížečů Firefox a Internet Explorer mohou písma zvětšit, ale mnoho lidí si toho neuvědomuje a ostatní stále používají starší prohlížeče, které tuto schopnost nemají. U nich zvažte vložení ovládacích prvků pro změnu velikosti písma na váš web.
10. Konzistence
Konzistentnost v designu ze stránky na stránku je opravdu důležitá pro lidi, kteří nemohou vidět celou stránku na první pohled, a pro ty, kteří používají čtečky obrazovky. Pokud jste na webových stránkách konzistentní a na každé stránce se stejnými věcmi na stejném místě, budou se snadněji pohybovat po okolí. Pro zrakové uživatele je konzistence často přínosná.
11. Text pro navigaci
Vyhněte se použití obrázků pro navigaci na vašem webu za každou cenu. Místo toho použijte text. Čtečky obrazovky tomu rozumějí a je mnohem snazší změnit velikost. Pokud ovládací prvky navigace nelze zvětšit, ujistěte se, že jsou napsány jasným písmem o velikosti nejméně 16 bodů.
12. Barvy
Používání různých barev na webových stránkách je skvělé, ale musíte zvážit, jak spolupracují na vytvoření jasného obrazu. Barvy popředí a pozadí musí být dostatečně kontrastní a vy můžete zapomenout na použití světle šedého textu. Odkazy musí mít jinou barvu než zbývající část textu na vašem webu, pokud možno modrou a vždy podtrženou.
Závěr
Usnadnění přístupu je často přehlíženým aspektem webdesignu, ale je to něco, co by mělo být jádrem vašeho návrhového procesu hned od začátku, když provádíte rozvržení. Aniž by to znělo příliš samoobslužně, zajistit, aby váš web splňoval standard přístupnosti, znamená jednu věc: více spokojených zákazníků. A víte, co to znamená!
Pomocí níže uvedených komentářů nám sdělte, zda souhlasíte s výše uvedenými tipy a jak jste zpřístupnili svůj web.
