WordPress Přístupnost: Jak vytvořit přístupné webové stránky (+ Plugins za to)

Maddy Osmanová Naposledy aktualizováno 19.
12 min.
WordPress -Usnadnění přístupu
Naposledy aktualizováno 19.

Přístupnost (nebo usnadnění přístupu) 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žívejte stránky elektronického obchodu, velké online publikace, zpravodajské kanály, blogy a obchodní weby WordPress protože se snadno používá.

A právě proto, že WordPress tak populární, že má velký vliv na přístupnost webových stránek. 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, mnoho uživatelů WP chtějí najít správné Theme zlepšit jejich SEO pořadí a zajistit, aby jejich webové stránky zatížení 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í usnadnění přístupu 56 milionů Američanů se zdravotním postižením. Kromě toho Pew Výzkumné centrum 54 procent dospělých se zdravotním postižením v USA používat internet pravidelně. A to jsou jen Spojené státy. Po celém světě tato čísla se zvyšují.

Když ignorujete problém s přístupností, již vylučujete 20 procent světové populace ze schopnosti používat vaše webové stránky. 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é webové stránky 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 "po vybalení z krabice" bezbariérový?
  • Jaké nástroje a nástroje Plugins vám pomohou vytvořit přístupné WP stránku? 

Co je přístupnost webu?

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

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

Tento seznam zahrnuje také zdravotní 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 dostupnost tak důležitá, je rostoucí úloha 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í, udržování kontaktu s našimi blízkými.

Další důvody, proč je dostupnost 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 schopnosti.

Je WordPress "po vybalení z krabice" bezbariérový? 

WordPress nebyl vždy bezbariérový: před několika lety měli uživatelé, kteří se spoléhali na asistenční technologie na webu, značné problémy s navigací na řídicím panelu admin.

WordPress Přístupnost: Jak vytvořit přístupné webové stránky (+ Plugins za to)

Od té doby se hodně změnilo. Za prvé, malá skupina dobrovolníků – tzv. Vytvořit WordPress Přístupný tým - dostupnost WordPress výrazně zlepšila.  

V důsledku své práce Oblast správce spolu s Knihovnou médií a Theme Úpravce se stala mnohem přístupnější. Kromě toho WordPress Core přidal mnoho 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 Základní příručka Přidány. Od té doby Themes A Plugins projít přísnou zkouškou přístupnosti, aby mohla být vůbec klasifikována jako bezbariérová.

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

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

I když byly provedeny významné změny a zlepšení, WordPress v oblasti přístupnosti je ještě třeba vykonat ještě mnoho práce. I když je pravda, že WordPress usiluje o to, aby Pokyny pro usnadnění vytváření nástrojů (ATAG) 2.0 existují však i další problémy, které brání 100% dostupnosti: 

  • 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 v době zveřejnění 90 otázek přístupnosti. (V době tohoto článku 22 Problémy nevyřešené.)
WordPress Přístupnost: Jak vytvořit přístupné webové stránky (+ Plugins za to)

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

Když vytváříte přístupné webové stránky, existují určité zásady, které jsou Pokyny pro usnadnění přístupu k webovému obsahu jsou pevné. Měli byste určitě použít, aby se ujistil, každý může používat vaše webové stránky. 

Kontrolní seznam pro usnadnění přístupu k webu

  • Znatelné: Všichni uživatelé musí být schopni vnímat součásti informací a uživatelského rozhraní.
  • Provozuschopnost: Bez ohledu na to, které zařízení uživatelé používají pro přístup k vašemu webu, musí být součásti uživatelského rozhraní a navigace funkční.
  • Srozumitelné: Všichni uživatelé musí být schopni porozumět informacím i uživatelskému rozhraní.
  • Robustní: Uživatelé i různí uživatelé (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é pokyny, kterými se budete řídit při vytváření přístupných WordPress musí následovat. 

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

  • Odkazy a tlačítka by se neměly lišit od zbytku obsahu jednoduše podle barevného schématu.
  • 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.
  • Ujistěte se, že je dostatečný kontrast mezi textem a pozadím. Jinými slovy, nepoužívejte jasně červený text na černém pozadí.
  • Obsah zvuku a videa by měl obsahovat přepisy, titulky nebo znakovou řeč.
  • Je třeba se vyhnout animovaným souborům GIF, blikajícím animacím animacím a dalšímu obsahu, který by mohl způsobit záchvaty a fyzické reakce.

Zásady, které zajistí, že vaše webové stránky jsou použitelné

  • Zdržet se používání CAPTCHA nebo nabídnout několik způsobů, jak ji 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ídek (stejně jako rozevíracím nabídkám) pomocí klávesnice a myši. 
  • Prvky médií, jako je video, zvuk, rotovač nebo posuvníky, by neměly být nastaveny na automatické přehrávání nebo změny bez interakce s uživatelem.

Zásady, které zajistí, že vaše webové stránky budou 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ů.
  • Pomocí nadpisů můžete definovat různé podsekce stránky.
  • Vyhněte se použití žargonu, obtížné termíny a zkratky. Místo toho se ujistěte, že je váš obsah napsán jasným a stručným způsobem.
  • Odkazy musí být popisné a musí mít 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 vaše webové stránky budou robustní

  • Vložte přeskočit odkazy v horní části každé stránky.
  • Zkontrolujte, zda mají pole formuláře příslušné popisky. Formuláře by měly také obsahovat varovné a potvrzovací zprávy, které lze snadno rozpoznat i pro osoby, které jsou nevidomé k barvě.
  • Použijte tabindexk vytvoření prvku, 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, zvuk nebo videoobsah, by měla mít popis označující, že stahování začíná.
  • Nestandardníinteraktivní interaktivní prvky, jako jsou akordeony nebo karty, by měly mít význam podle WAI-ARIA Role mají.

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 pluginy a nástroje pro více WordPress vám pomohou vytvářet přístupné webové stránky rychleji, aniž byste zapomněli na důležité kroky. 

Přístupnost WP

Přístupnost WP

Přístupnost WP je jedním z nejlepších WordPresss Přístupnost Plugins od oficiálního WordPress Plugin Úložiště. Má hodnocení 5 hvězdiček a více než 30 000 aktivních instalací. Tá Plugin a řeší obecné otázky přístupnosti v oblasti Themes . 

Klíčové vlastnosti WP Accessibility:

  • Přidání přesných 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ů k obrázkům
  • Vynutit atributy alt pro obrazy v klasickém editoru

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

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: Zde si můžete stáhnout WP Accessibility zdarma z oficiálního úložiště. 

Panel nástrojů AccessibleWP

Panel nástrojů WPAccessible

Panel nástrojů AccessibleWP, dříve známý jako Accessible Poetry, má hodnocení 4,5 hvězdiček a více než 4000 aktivních instalací. Tá WordPress Plugin usnadňuje povolení určitých funkcí a zpřístupňuje vaše webové stránky. 

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

  • Povolit navigaci pomocí klávesnice, aby uživatelé mohli procházet vaše webové stránky pomocí klávesnice,
  • Uživatelé mohou zakázat CSS3 animace
  • 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ší webové stránky, ale chtějí zachovat barevné schéma specifické pro značku a celkovou estetiku. 

Cena: Panel nástrojů AccessibleWP si můžete zdarma stáhnout z oficiálního repozitáře. 

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, Usnadnění přístupu jedním kliknutím, byl původně vyvinut pro rámec Pojo a nyní je WordPress - Themes Kompatibilní. Tá Plugin má hodnocení 4,5 hvězdiček a více než 30 000 aktivních instalací. 

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

  • Uživatelé mohou povolit nebo ovládat velikost písma, kontrast, podtržení odkazů, čitelná písma pomocí panelu nástrojů usnadnění přístupu
  • Povolení přeskočení odkazů
  • Přidání fokusu osnovy pro zaostřovatelné 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 -Usnadnění Pomocník

WordPress Pomocník pro usnadnění přístupu má hodnocení 5 hvězdiček 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í odkazů pro přeskočení
  • Nastavte velikost písma podle vašich přání
  • Kontrola chyb přístupnosti na stránkách a v 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 přístupnost klíčovou vlastností jejich webových stránek a podnikání. 

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

Wp ADA Kontrola shody Základní

Kontrola shody WP-ADA -Basic

Wp ADA Kontrola shody Základní zkontrolujte, zda vaše webové stránky pro otázky přístupnosti webu a poskytnout vám podrobnou zprávu. Posouzení je založeno na standardech přístupnosti webových stránek podle § 508 a WCAG 2.1 LEVEL A/AA. 

Klíčové vlastnosti wp ada compliance check basic: 

  • Vyhodnocení otázek týkající se usnadnění přístupu k webu na webu
  • Spuštění sestav usnadnění
  • 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, při nichž Theme -Identifikujte 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 pro přístupnost webu, nebo společnosti, které se zajímají o časově úspornou funkci automatické opravy s prémiovou verzí.

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

Sledování přístupu

Sledování přístupu

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

Klíčové vlastnosti nástroje Access Monitor: 

  • Plánování týdenních nebo měsíčních přehledů usnadnění
  • Testování konkrétní sady stránek
  • Informace o problémech s usnadněním přístupu, které lze s konečnou platností určit strojem

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

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

Poznámka k WordPress Plugins a přístupnost

Je důležité zmínit, že Plugins stejně jako WordPress Themes a během procesu přezkumu podrobí nepovinnou kontrolu přístupnosti. V důsledku toho mnoho WordPress Plugins zásady usnadnění přístupu k digitálním technologiím – a jejich používání může způsobit, že váš web bude nepřístupný. 

Běžné příklady takových Plugins jsou posuvník nebo karusel Plugins nastavena na automatické přehrávání nebo Pozastavit s interakcí klávesnice. Dalším příkladem je formulář Plugin která nemá 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 instalaci, přezkoušet přístupnost. 

WordPress Themes a přístupnost

Pokud se dostanete do oficiálního úložiště WordPress a vaše hledání přístupných Themes filtr, 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 výrobce díky úsilí výrobce Vytvořit WordPress Přístupný tým ji Theme v průběhu procesu přezkumu pro nepovinný audit přístupnosti. 

Chcete-li získat značku "Připravenost k usnadnění", Theme řada Pokyny pro digitální usnadnění setkat se s těmi, kteří jsou Theme Příručka pro recenze a v oficiálním WordPress Codex Uvedeny. 

Rozvoj bezbariérových 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 vytvář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 byl vyvinut 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 podle StudioPress je populární prémiový rámec, který se používá k rozvoji vlastní bariéry-free Genesis child Theme lze použít. Případně můžete použít jedno ze stávajících podřízených Themes s přístupnými funkcemi.  

GenerovatPress

GenerovatPress

GenerovatPress je další populární Theme , který je přístupný a může být použit jako výchozí bod pro váš návrh.

Wcag Theme

WCAG- Theme

Wcag Theme byla speciálně vyvinuta 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 oblíbený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 urychluje vývojový čas a proces vývoje. 

Další zdroje informací o usnadnění v WordPress

Když je WordPress a dostupnost, existuje velké množství informací na internetu. 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 z WordCampu 2013 v Montrealu. Prezentace se vztahuje na přístupnost obecně a její použití WordPress , včetně vytvoření přístupných Plugins , Themes widgety a usnadnit 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 otestovat a zlepšit 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 pro vyhodnocení přístupnosti webu WAVE: Tento nástroj slouží k testování přístupnosti webu. Po skenování vám nástroj ukáže 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, to vám pomůže Plugin zajistit, aby vaše webové projekty byly přístupné od začátku. 
  • Kolečko barev přístupu: Tento nástroj slouží k výběru barev, které jsou dostatečně vysoké kontrastní a jsou v souladu s pokyny pro usnadnění přístupu. Můžete také vidět, jak lidé, kteří trpí barevnou slepotou, uvidí barvy, které si vyberete. 
  • Rozšíření sekery Chrome: Pokud používáte Chrome, toto rozšíření umožňuje jediným kliknutím zkontrolovat problémy s přístupností na všech webových stránkách.
  • 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 všechny webové stránky pro jeho přístupnost. Nástroj pak vytvoří podrobnou sestavu, kterou pak můžete použít ke zlepšení přístupnosti webu.

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

WordPress jako platforma, po vybalení z krabice 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 přístupnost obsahu webu a WordPress přístupnosti, které jsou Theme Přečtěte si příručku. 
  • Začněte s bezbariérovým WordPress Theme zkrátit dobu vývoje a vytvořit pevný základ pro přístupné webové stránky. 
  • Použít WordPress Usnadnění Plugins a nástroje pro testování dokončených webových stránek a ujistěte se, že je 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 rychlé a bezpečné WordPress hosting pro všechny přístupné webové stránky, které se chystáte vytvořit, neváhejte se zaregistrovat na bezplatná zkušební verze RAIDBOXES zaregistrovat. 

Vaše dotazy: 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 web design a vývoj? Pak nás následujte na TwitterFacebook nebo přes náš Bulletin.

Obrázek příspěvku: Unsplash

Maddy Osman je SEO obsah stratég. Spolupracuje s vybranými zákazníky WordPress a webhostingové oblasti. Vzhledem k jejich zázemí v podobě webových WordPress má hluboké pochopení SEO - a přesně ví, jak propojit značky s OBSAHEM RELEVANTNÍM PRO SEO.

Podobné články

Komentáře k tomuto článku

Napsat komentář

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