WordPress Usnadnění přístupu: Jak vytvořit přístupný web (+ Plugins za to)

Maddy Osman Naposledy aktualizováno na Říjen 19, 2020
12 min.
WordPress -Přístupnost
Naposledy aktualizováno na Říjen 19, 2020

Přístupnost (nebo přístupnost) v WordPress je důležitou součástí při vytváření webů, které ještě nejsou dostatečně diskutovány. Ale jak přístupný je populární CMS? Proč je přístupnost tak důležitá? A jak se vaše webové stránky stanou přístupnými všem?

Přístup pro všechny: Fakta o přístupnosti

WordPress více než 35 procent všech webových stránek funguje. Používání stránek elektronického obchodování, velkých online publikací, zpravodajských kanálů, blogů a obchodních webů WordPress protože se snadno používá.

A právě proto, že WordPress tak populární, že má velký dopad na přístupnost webu. Otázka přístupnosti však není vždy v popředí při vývoji a přepracování webových stránek. Místo toho chce mnoho uživatelů WP najít správné Theme zlepšit jejich SEO hodnocení a zajistit, aby se jejich webové stránky načítaly rychle. Na tom není nic špatného – ale mělo by být stejně důležité, aby vaše WordPress stránka je přístupná všem. 

Podle statistik interaktivní přístupnosti žije 56 milionů Američanů se zdravotním postižením. Pew Research Center navíc uvádí, že 54 procent dospělých se zdravotním postižením v USA používá internet pravidelně. A to jsou jen Spojené státy. Tato čísla celosvětověrostou.

Bez ohledu na problém s přístupností již vylučujete 20 procent světové populace z možnosti používat váš web. Stručně řečeno, zanedbávání přístupnosti není dobré pro vaše podnikání. Ještě důležitější je, že je hrozné vytvořit spravedlivější a spravedlivější svět. 

Takže pokud jste někdy přemýšleli, jak vytvořit přístupný web s WordPress tato příručka je pro vás ta pravá. Zodpovíme některé klíčové otázky, včetně:

  • Co je přístupnost webu?
  • Je WordPress "venku z krabice" bez bariéry?
  • Jaké nástroje a Plugins pomůžete vytvořit přístupnou stránku WP? 

Co je přístupnost webu?

Funkce Přístupnost webu odkazuje na nástroje, které umožňují osobám s postižením používat web a zpřístupnit jej. To je zvláště důležité pro postižení, která mohou ovlivnit způsob, jakým lidé přistupují k webu a používají jej, včetně:

  • Zrakové postižení
  • Akustické poruchy
  • Znehodnocení jazyka
  • Kognitivní postižení 
  • Neurologické postižení
  • Dočasné postižení (například zlomená ruka)

Tento seznam také zahrnuje postižení související s věkem – a dokonce i postižení vyplývající z pomalého připojení k Internetu. Jedním z hlavních důvodů, proč je přístupnost tak důležitá, je rostoucí role internetu v našem každodenním životě: od přístupu k informacím a nejnovějším zprávám, přes nakupování potravin až po udržování kontaktu s našimi blízkými.

Další důvody, proč je přístupnost na Internetu důležitá: 

Vzhledem k významu Internetu v moderním světě musí být web přístupný všem bez ohledu na stav nebo možnosti.

Je WordPress "venku z krabice" bez bariéry? 

WordPress nebylo vždy bezbariérové: ještě před několika lety měli uživatelé, kteří se spoléhali na asistenční technologie na webu, značné problémy s procházením řídicího panelu správce.

WordPress Usnadnění přístupu: Jak vytvořit přístupný web (+ Plugins za to)

Od té doby se toho hodně změnilo. Nejprve malá skupina dobrovolníků – tzv. Vytvořit WordPress Přístupný tým - přístupnost WordPress výrazně zlepšily.  

V důsledku jejich práce je administrativní oblast propojena s knihovnou médií a Theme Úpravce se stal mnohem přístupnějším. Kromě toho WordPress Core přidal řadu zkratek pro urychlení úprav a formátování příspěvků a stránek. 

Normy kódování pro přístupnost WordPress byly předloženy v březnu 2016 WordPress Přidána základní příručka. Od té doby, Themes A Plugins projít přísnou zkouškou přístupnosti, aby byla vůbec klasifikována jako bezbariérová.

Co je příručka pro hlavní přispěvatele?

Příručka definuje standardy kódování, které musí vývojáři WP splňovat, když přispívají WordPress Přidat jádro a Themes A Plugins do oficiálního úložiště.

Přestože byly provedeny významné změny a zlepšení, WordPress v oblasti přístupnosti je ještě třeba vykonát mnoho práce. I když je pravda, že WordPress usilovat o dodržování pokynů pro usnadnění přístupu k nástrojům pro vytváření (ATAG) 2.0, existují však i jiné problémy, které brání 100% přístupnosti: 

  • Theme - a Plugin vývojáři třetích stran ne vždy dodržují pokyny pro usnadnění přístupu. V důsledku toho je většina problémů s přístupností WordPress k nepřístupným Themes A Plugins Připsat.
  • Nové Gutenberg -Editor měl v době vydání 90 problémů s přístupností. (V době vydání tohoto článku zůstalo nevyřešeno pouze 22 problémů.)
WordPress Usnadnění přístupu: Jak vytvořit přístupný web (+ Plugins za to)

Tipy pro vytvoření přístupné stránky WP

Při vytváření přístupného webu existují určité zásady, které jsou stanoveny v pokynech pro usnadnění přístupu k webovému obsahu. Určitě byste je měli použít, abyste se ujistili, že každý může používat vaše webové stránky. 

Kontrolní seznam pro přístupnost webových stránek

  • Znatelné :Všichni uživatelé musí být schopni vnímat komponenty informací a uživatelského rozhraní.
  • Ovladatelné: Bez ohledu na to, které zařízení uživatelé používají pro přístup na váš web, musí být komponenty uživatelského rozhraní a navigace ovladatelné.
  • Pochopitelné: Všichni uživatelé musí být schopni porozumět informacím i uživatelskému rozhraní.
  • Robustní: Uživatelé i různí uživatelskí agenti (včetně asistenčních technologií) musí být schopni číst a rozumět obsahu webových stránek. 

Na základě těchto čtyř klíčových zásad jsou zde některé z pokynů, které budete dodržovat při vytváření přístupných webových stránek WordPress musí následovat. 

Zásady, které zajistí, že vaše webové stránky budou vnímatelné

  • Odkazy a tlačítka by se neměly lišit od zbytku obsahu jednoduše barevným schématem.
  • Nabídněte podporu Braillova písma a poskytněte textové alternativy pro vizuální a sluchový obsah, jako jsou obrázky a videa.
  • Nastavte šířku textu a tloušťku čáry na velikosti, které maximalizují čitelnost.
  • Zkontrolujte, zda je mezi textem a pozadím dostatečný kontrast. Jinými slovy, nepoužívejte jasně červený text na černém pozadí.
  • Zvukový a video obsah by měl obsahovat přepisy, titulky nebo znakovou řeč.
  • Je třeba se vyhnout animovaným GIFům, blikajícím animacím a dalšímu obsahu, který by mohl způsobit záchvaty a fyzické reakce.

Zásady, které zajistí, že váš web bude použitelný

  • Zdržet se používání CAPTCHA nebo nabídnout několik způsobů, jak to vyřešit, protože mohou způsobit problémy mnoha lidem.
  • Odkazy by neměly otevírat obsah v novém okně bez upozornění uživatelů nebo bez předchozí interakce uživatelů.
  • Ujistěte se, že uživatelé mají přístup k tlačítkům a položkám nabídky (stejně jako k rozevírací nabídce) pomocí klávesnice a myši. 
  • Mediální prvky, jako je video, zvuk, karusely nebo posuvníky, by neměly být nastaveny na automatické přehrávání nebo změny bez interakce uživatele.

Zásady, které zajistí, že váš web bude srozumitelný

  • Při navrhování přemýšlejte o různých výřezech a odpovídajícím způsobem změňte polohu a vzhled hlavních prvků.
  • Nadpisy slouží k definování různých podsekcí stránky.
  • Vyhněte se použití žargonu, obtížných termínů a zkratek. Místo toho se ujistěte, že je váš obsah napsán jasným a výstižně.
  • Odkazy musí být popisné a musí dávat smysl i bez kontextu. Například je lepší mít tlačítko nebo odkaz s textem "Dozvědět se více o našich službách" než jen "dozvědět se více".

Zásady, které zajistí, že váš web bude robustní

  • V horní části každé stránky vložte přeskočit odkazy.
  • Zkontrolujte, zda pole formuláře mají příslušné popisky. Formuláře by také měly obsahovat varovné a potvrzovací zprávy, které lze snadno rozpoznat i pro nevidomé.
  • Pomocí tabindexuvytvořte prvek, který obvykle neobdrží fokus, například
    nebo , v navigačním pořadí při použití pro interakci.
  • Média ke stažení, jako jsou dokumenty PDF, audio nebo video obsah, by měla mít popis označující, že stahování se stahuje.
  • Nestandardní interaktivní prvky, jako jsou akordeony nebo karty, by měly mít význam podle rolí WAI-ARIA.

Nejlepší WordPress Usnadnění Plugins a nástroje

Pokud budete postupovat podle výše uvedených pokynů, vaše webové stránky budou přístupné. Není však vždy tak snadné sledovat všechna tato pravidla a politiky.

Naštěstí existuje řada Plugins a nástroje pro více informací WordPress vám pomůže rychleji vytvářet přístupné webové stránky, aniž byste zapomněli na důležité kroky. 

Přístupnost WP

Přístupnost WP

Přístupnost WP je jednou z nejlepších přístupnosti WordPresss Plugins od úředníka WordPress Plugin Úložiště. Má 5hvězdičkové hodnocení a více než 30 000 aktivních instalací. Tá Plugin a řeší obecné problémy s přístupností ve WP- Themes . 

Klíčové vlastnosti usnadnění WP:

  • Přidání přeskočení odkazů s vlastními cíli
  • Přidání osnovy do stavu fokusu klávesnice
  • Karta Odebrat index zaostřitelných položek
  • Přidání dlouhých popisů do obrázků
  • Vynutit atributy alt pro obrazy v klasickém editoru

WP Accessibility také řeší problémy s usnadněním v WordPress Jádro, například odebrání nadbytečných atributů nadpisu ze seznamů stránek, seznamů kategorií a nabídek archivu.

Nejlepší WordPress Usnadnění Plugin pro: Společnosti se stávajícími webovými stránkami, které chtějí zlepšit svou přístupnost.

Cena: 10 00 WP Accessibility si můžete zdarma stáhnout z oficiálního úložiště. 

Panel nástrojů AccessibleWP

Panel nástrojů WPAccessible

Panel nástrojů AccessibleWP, dříve známý jako Přístupná poezie, má hodnocení 4,5 hvězdičky a více než 4 000 aktivních instalací. Tá WordPress Plugin usnadňuje povolování určitých funkcí a zpřístupňuje váš web. 

Klíčové vlastnosti panelu nástrojů AccessibleWP:

  • Povolte navigaci pomocí klávesnice, aby uživatelé mohli procházet váš web pomocí klávesnice,
  • Uživatelé mohou zakázat animace CSS3
  • Uživatelé mohou změnit barvy webových stránek na barvy s lepším kontrastem
  • Uživatelé mohou změnit barvy webu na barvy ve stupních šedi
  • Uživatelé mohou zvětšit nebo zmenšit velikost písma na vašem webu

Nejlepší WordPress Usnadnění Plugin pro: Společnosti, které chtějí mít přístupnější web, ale chtějí zachovat barevné schéma specifické pro značku a celkovou estetiku. 

Cena: 10 00 Panel nástrojů AccessibleWP si můžete zdarma stáhnout z oficiálního úložiště. 

Usnadnění přístupu jedním kliknutím

Usnadnění přístupu jedním kliknutím

Populární WordPress - Plugin pro usnadnění přístupu byla aplikace One Click Accessibilitypůvodně vyvinuta pro rozhraní Pojo Framework a nyní je k dispozici se všemi WordPress - Themes Kompatibilní. Tá Plugin má hodnocení 4,5 hvězdiček a více než 30 000 aktivních instalací. 

Klíčové funkce usnadnění přístupu jedním kliknutím: 

  • Uživatelé mohou povolit nebo řídit velikost písma, kontrast, podtržení odkazů, čitelná písma pomocí panelu nástrojů usnadnění
  • Povolit přeskočení odkazů
  • Přidání fokusu osnovy pro zaostřitelné prvky
  • Odebrání cílových atributů z odkazů a přidání rolí orientačních bodů

Nejlepší WordPress Usnadnění Plugin pro: Webové stránky, které byly původně vytvořeny jako součást rámce Pojo.

Cena: Přístupnost jedním kliknutím si můžete zdarma stáhnout z oficiálního úložiště. 

WordPress Pomocník pro usnadnění přístupu

WordPress -Pomocník pro usnadnění přístupu

WordPress Pomocník pro usnadnění přístupu má 5hvězdičkové hodnocení a více než 10 000 aktivních instalací. Tá Plugin nabízí bezplatnou verzi s komplexní sadou funkcí. Prémiová verze nabízí ještě více funkcí, včetně možnosti ovládat modální okna a automaticky otevíraná okna, přidávat akordeony a přizpůsobovat loga.

Hlavní rysy WordPress Pomocník pro usnadnění přístupu: 

  • Přidání přeskočení odkazů
  • Nastavení velikosti písma podle vašich představ
  • Kontrola chyb usnadnění na stránkách a příspěvcích
  • Nastavení vlastních barev pro lepší/tmavší kontrast
  • Podtržení nebo označení všech odkazů

Nejlepší WordPress Usnadnění Plugin pro: Společnosti, které mají robustní Plugin aby se přístupnost byla klíčovým prvkem jejich webových stránek a podnikání. 

Cena: WordPress Pomocníka pro usnadnění přístupu si můžete stáhnout zdarma. Verzi Pro si můžete zakoupit za 80 USD, kterou můžete použít Plugin na webových stránkách a získat podporu po dobu tří měsíců. 

Základní kontrola dodržování předpisů WP ADA

WP-ADA Kontrola dodržování předpisů-Základní

WP ADA Compliance Check Basic zkontroluje váš web, zda obsahuje otázky týkající se přístupnosti webu, a poskytne vám podrobnou zprávu. Posouzení je založeno na standardech přístupnosti webu podle oddílů 508 a WCAG 2.1 LEVEL A/AA. 

Klíčové vlastnosti WP ADA Compliance Check Basic: 

  • Vyhodnocení dotazů týkajících se usnadnění webu na webu
  • Spuštění sestav usnadnění přístupu
  • Získejte srozumitelné pokyny k řešení problémů s usnadněním přístupu
  • Automatická oprava problémů s přístupností (pouze prémiová verze)
  • Problémy, ve kterých Theme -Identifikovat soubory (pouze prémiová verze)

Nejlepší WordPress Usnadnění Plugin pro: Společnosti, které se chtějí zaměřit především na právní pokyny webové přístupnosti, nebo společnosti, které mají zájem o funkci úspory času automatické opravy s prémiovou verzí.

Cena: WP ADA Compliance Check Basic lze stáhnout zdarma a je omezena na 25 příspěvků nebo stránek. Prémiová verze začíná na 165 USD za web a poskytuje vám jeden rok podpory a aktualizací. 

Monitor přístupu

Monitor přístupu

Tá Plugin Access Monitor má 5hvězdičkové hodnocení a 400 instalací. Tá Plugin nepřidá na váš web funkce usnadnění, ale umožňuje zkontrolovat, jak přístupná je vaše stránka právě teď. Také automaticky kontroluje přístupnost vašeho webu, který je řízen Webovou službou přístupnosti Tenon.io. 

Klíčové funkce monitoru přístupu: 

  • Plánování týdenních nebo měsíčních zpráv o přístupnosti
  • Testování konkrétní sady stránek
  • Informace o problémech s přístupností, které lze definitivně určit počítačem

Nejlepší WordPress Usnadnění Plugin pro: Společnosti, které chtějí jednoduchý a bezplatný způsob, jak identifikovat problémy s přístupností podle pravidelného plánu. 

Cena: Access Monitor si můžete zdarma stáhnout z oficiálního úložiště. 

Poznámka k WordPress Plugins a usnadnění přístupu

Je důležité zmínit, že Plugins stejně jako WordPress Themes všechny a během procesu kontroly se podrobí volitelné kontrole přístupnosti. V důsledku toho mnoho WordPress Plugins zásady digitální přístupnosti – a jejich používání může učinit váš web nepřístupným. 

Běžné příklady takových Plugins jsou posuvníky nebo kolotoče Plugins nastavte na Automatické přehrávání nebo Pozastavit s interakcí s klávesnicí. Dalším příkladem je formulář Plugin která nemají správně označená pole. V tomto smyslu byste měli stránku používat při každém vytvoření nového Plugin nainstalovat, znovu otestovat dostupnost. 

WordPress Themes a usnadnění přístupu

Pokud jdete do oficiálního úložiště WordPress a vaše hledání přístupných Themes filtru, bohužel zjistíte, že existují pouze 108 Themes , které jsou označeny jako bezbariérové. 

WordPress - Themes

Jak již bylo zmíněno, Theme díky úsilí výrobce Vytvořit WordPress Přístupný tým ji Theme během procesu přezkumu pro nepovinný audit přístupnosti. 

Chcete-li obdržet značku "Accessibility Ready", Theme v souladu se souborem pokynů pro digitální přístupnost, které jsou Theme Příručka k recenzi a v oficiálním WordPress V seznamu jsou uvedeny kodexy. 

Rozvoj bezbariérového WordPress Stránky

Buďme upřímní: Většina uživatelů WP se zaregistruje na prémii Theme tržiště třetích stran nebo zcela vlastní design. 

Pokud jste vývojář, který se podílí na vytvoření přístupného WordPress existuje několik témat, která můžete použít jako výchozí bod.

Podtržítka

Podtržítka

Podtržítka byla vyvinuta společností Automattic a je výchozím bodem pro většinu WordPress .com K dispozici Themes . Tá Theme obsahuje několik přístupných funkcí. 

Genesis podle StudioPress

Genesis

Genesis by StudioPress je populární prémiový rámec, který se používá k vývoji vlastního dostupného Genesis Child Theme lze použít. Případně můžete použít jednu z existujících podřízených Themes s přístupnými funkcemi.  

GenerovatPress

GenerovatPress

GeneratePress je další populární Theme , který je přístupný a lze jej použít jako výchozí bod pro váš návrh.

Wcag Theme

WCAG- Theme

Wcag Theme byl speciálně vyvinut s ohledem na přístupnost a odpovídá oddílu 508 & WCAG 2.0 AA. Kromě toho má plnou podporu klávesnice. 

Astra

Astra

Astra je populární Theme s bezplatnými a prémiovými verzemi, které se vyznačují přístupnou značkou, kompatibilitou s populárními Tvůrce stránek Plugins a rychlé doby načítání.

Astra vám poskytuje přístupný základ pro vaši stránku WP a urychlí vývojový čas a vývojový proces. 

Další zdroje usnadnění v WordPress

Když je WordPress a přístupnosti, existuje na internetu velké množství informací. Pokud se chcete dozvědět více o přístupnosti, zde je několik dobrých míst, kde můžete začít s výzkumem:

  • Zpřístupnění WordPress Themes : Prezentace Josepha Karra O'Connora ze WordCampu 2013 v Montrealu. Prezentace se zabývá přístupností obecně a její aplikací v WordPress , včetně vytvoření přístupných Plugins , Themes widgety a usnadňuje přístup k obsahu.
  • WordPress Vývojové nástroje a přístupnost Plugins : Seznam nástrojů a zdrojů, které lze Vytvořit WordPress Přístupný tým a pomůže vám testovat a vylepšovat funkce usnadnění na vašich webových stránkách.
  • Vytvořit WordPress Přístupnádomovská stránka : Oficiální blog Vytvořit WordPress Přístupné Týmy, kde si můžete přečíst nejnovější zprávy a pomoci vám WordPress přístupnější.
  • Nástroj WAVE Pro vyhodnocení přístupnostiwebu : Tento nástroj použijte k testování přístupnosti webu. Po naskenování vám nástroj zobrazí problémy, které je třeba opravit, abyste splnili pokyny pro usnadnění přístupu. 
  • Silný: Když začnete vytvářet své webové stránky ve Skice nebo Adobe XD, pomůže vám to Plugin zajistit, aby vaše webové projekty byly přístupné od začátku. 
  • Barevné kolo přístupnosti: Tento nástroj použijte k výběru barev, které jsou dostatečně kontrastní a splňují pokyny pro usnadnění přístupu. Můžete také vidět, jak lidé, kteří trpí barevnou slepotou, uvidí barvy, které si vyberete. 
  • Rozšíření Axe Chrome: Pokud používáte Chrome, toto rozšíření umožňuje zkontrolovat problémy s přístupností na jakémkoli webu jediným kliknutím.
  • Stroj A11y :Stroj A11y si můžete stáhnout z GitHubu. Tento nástroj slouží jako automatizovaný testovací nástroj pro usnadnění přístupu. To znamená, že zkontrolujete dostupnost jakéhokoli webu. Nástroj pak vytvoří podrobnou sestavu, kterou pak můžete použít ke zlepšení přístupnosti vašeho webu.

Závěr: Jak zajistit přístupnost stránky WP

WordPress jako platforma vám nabízí některé funkce přístupnosti – ale stále není zcela přístupný. Pokud používáte přístupné webové stránky WordPress rozvíjet, musíte zvážit několik věcí: 

  • Dodržujte oficiální pokyny pro usnadnění přístupu k webovému obsahu a WordPress Pokyny pro přístupnost, které jsou Theme Zkontrolujte příručku. 
  • Začněte bezbariérovým WordPress Theme zkrátit dobu vývoje a vytvořit pevný základ pro přístupnou webovou stránku. 
  • Použít WordPress Usnadnění Plugins a nástroje pro testování dokončených webových stránek a ujistěte se, že jsou přístupné všem.

Pokud implementujete výše uvedené tipy, jste na dobré cestě k vytváření přístupných webových stránek a k tomu, aby byl internet přístupnější a přístupnější všem.  A pokud chcete rychlou a bezpečnou WordPress hostingu pro všechny přístupné webové stránky, které se chystáte vytvořit, neváhejte se zaregistrovat bezplatná zkušební verze RAIDBOXES k registraci. 

Vaše otázky: WordPress Přístupnost a přístupné webové stránky

Jaké máte otázky na Maddy? Použijte funkci komentáře. Chcete další tipy na návrh a vývoj webu? Pak nás sledujte na Twitteru, Facebooku nebo prostřednictvím našeho zpravodaje.

Obrázek příspěvku: Unsplash

Maddy Osman je SEO Content Strategist. Spolupracuje s vybranými zákazníky v WordPress a webhostingu. Vzhledem k jejich pozadí v oblasti webového designu a WordPress má hluboké znalosti SEO – a přesně ví, jak propojit značky s obsahem relevantním pro SEO.

Podobné výrobky

Komentáře k tomuto článku

Napsat komentář

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