10 nástrojů pro zlepšení dostupnosti vašeho webu

dostupnost stránek

Příliš mnoho lidí se domnívá, že přístupnost webu spadá do kategorie různé, když jde o funkce, které web musí mít. Bez ohledu na použité CMS jsou odezva a rychlost pro většinu uživatelů podstatně důležitější než dostupnost.

Je zcela pochopitelné, že hledáte responzivní a rychlostně optimalizovaná témata , ale není přijatelné ignorovat dostupnost vašeho webu. Podle W3.org se přístupnost webu týká způsobů vytváření webů a aplikací, které mohou používat lidé s postižením.

Každý oceňuje skutečnou empatii a přístupná stránka dokazuje, že vám záleží na každém návštěvníkovi stránek. Následující nástroje poskytují spolehlivá data o dostupnosti vašeho webu. Použijte je k návrhu webu pro každého!

Přístup NV

nv přístup

NV Access je dojemný příběh dvou nevidomých podnikatelů, kteří vyvinuli open source čtečku obrazovky s názvem NVDA (NonVisual Desktop Access). Na základě skutečnosti, že software pro čtení obrazovky je pro většinu lidí drahý, rozhodli se vyvinout alternativu s otevřeným zdrojovým kódem. Stáhněte si tedy zdarma čtečku obrazovky NVDA a otestujte svůj web.

Tímto způsobem otestujete dostupnost svého webu pro nevidomé a zrakově postižené osoby. Kromě toho můžete přinést svůj vlastní příspěvek k vývoji NVDA. Je to projekt s otevřeným zdrojovým kódem, takže se zapojte tím, že jej přeložíte do svého jazyka, nebo nabídnete návrhy na zlepšení.

VLNA

vlna

WebAIM je přední nezisková organizace zaměřená na poskytování řešení pro přístupnost webu . Organizace vytvořila jeden z nejužitečnějších nástrojů pro kontrolu přístupnosti webových stránek – WAVE. Vše, co musíte udělat, je přidat adresu odkazu do formuláře, stisknout tlačítko Odeslat a budete mít úplnou analýzu této webové stránky. Návrhy WAVE jsou stručné a praktické, takže kontrolované webové stránky můžete snadno vylepšit.

AChecker

achecker

Existuje několik oficiálních pokynů pro přístupnost; bohužel v tomto ohledu neexistuje žádný celosvětově uznávaný dokument. Rozdíly však nejsou podstatné. Webmasteři, kteří chtějí respektovat konkrétní pokyny (například paragraf 508 vydaný úřady USA nebo zákon Stanca vytvořený italskou vládou ), mohou zkontrolovat své stránky pomocí AChecker. Tento nástroj je vhodný pro ověřování webových stránek, ale i souborů HTML nebo jednoduchých úryvků.

Test uživatelského rozhraní

ui test

UI Test je vynikající zdroj, který by měl být na liště záložek každého vývojáře. Testuje váš web proti 70 nástrojům a poskytuje hodnocení prvního dojmu. Nástroje pokrývají velkou oblast, jako je analýza reputace, síť, bezpečnost, výkon a samozřejmě dostupnost. UI Test je rozhodně Swish armádní nůž pro vývojáře a odborníky na přístupnost.  

Bez kávy

nocoffee

No Coffee je rozšíření pro Chrome, které nefunguje na všech webech – věřím, že by v tomto ohledu měli vývojáři něco udělat. Funguje však na většině webů (vyzkoušel jsem to sám) a ukazuje, jak frustrující může být procházení internetu pro osoby se zdravotním postižením.

NoCoffee je prakticky simulátor vidění. K dispozici máte posuvníky pro různé stupně rozostření, ztráty kontrastu, oblačnosti nebo flutteru. Kromě toho toto rozšíření simuluje řadu nedostatků, jako je makulární degenerace, diabetická retinopatie nebo hemianopie.

ColorSafe

barevně bezpečný

Zatímco NoCoffee odhaluje potenciální problémy související s použitými barvami, ColorSafe vám pomůže při výběru barevných schémat dostupných pro každého. Je to jednoduchá webová aplikace, velmi užitečná pro designéry . Color Safe zajišťuje, že kontrastní poměr vašeho barevného schématu je v souladu s doporučeními WebAIM.

FAE

fae

FAE je zkratka pro Functional Accessibility Evaluator a tento nástroj testuje váš web podle pokynů W3C Web Content Accessibility Guidelines . Musíte se přihlásit k úplnému hodnocení webových stránek a pokud si nechcete vytvořit účet, získáte pouze hodnocení webové stránky.

Bez ohledu na vaši volbu získáte obrovský objem dat a kompletní návrhy na vytvoření dostupnějšího webu. Zobrazuje chyby, varování a testy, které prošly u každého problému, spolu s tipy, jak je vyřešit.

Později upravit: tento nástroj již není k dispozici.

W3C Validator

validátor w3c

Jedná se o další jednoduchý, ale účinný nástroj pro zlepšení dostupnosti webu kontrolou platnosti kódu. Stačí přidat adresu URL do vyhledávacího pole a získat kompletní zprávu s potenciálními problémy s kódem. Mějte na paměti, že W3C Validator je probíhající projekt; může se v budoucnu změnit.

Funkify

funfikovat

Funkify má dvě možnosti; bezplatný a prémiový plán. Jeho cílem je poukázat na to, jak lidé s postižením vnímají stránky. Za doživotní předplatné vás to vyjde na 119 $ nebo 4,99 $ za měsíční předplatné.

Funkify je rozšíření Google Chrome, které funguje podobně jako simulátory dyslexie, kognice, motoriky a zraku. Vžijete se tak do situace osob se zdravotním postižením.

Dostupnost WP

wp přístupnost

Tento plugin je zdarma ke stažení z úložiště WordPress a poskytuje užitečné tipy, jak zpřístupnit váš web. Mimo jiné dělá následující:

  • Identifikujte obrázky bez atributu alt a přidejte popisy obrázků;
  • Přidejte textovou náhradu za odkazy „číst více“;
  • Přidejte štítky do polí formulářů WordPress;
  • Vyzkoušejte barevný kontrast;
  • Odstraňte nadbytečné atributy názvu.

Později upravit:

EXPERTE.com vyvinul kontrolu přístupnosti, která vám umožňuje automaticky testovat stovky adres URL. Po zadání URL projde nástroj webovou stránku a určí přístupnost pro každou podstránku v 8 kategoriích. Některé z kategorií jsou např. správné označení, kontrast nebo atributy ARIA. Nástroj je zdarma a lze jej používat bez registrace na https://www.experte.com/accessibility .

Zabalit se

Přístupnost stránek je často ignorována, ale nemělo by tomu tak být. Ukazuje to, jak moc si vážíte návštěvníků webu. Přístupný web je navíc něco, co můžete zpřístupnit lidem, kteří mají funkční potřeby. Zlepšení přístupnosti webu skutečně vyžaduje čas a mnoho testování. Výše uvedené nástroje vám však pomohou zpřístupnit váš web v kratším časovém horizontu.

Komentáře

Zanechat odpověď

Vaše emailová adresa nebude zveřejněna. Povinná pole jsou označena *

angličtina