Přístupné webové stránky již nejsou domnělým tématem pro osoby se zdravotním postižením. Týká se nás všech a pomáhá i fanouškům SEO mezi vámi.

Přístupnost v digitálním prostoru je vlastně nedílnou součástí internetu a je již uvedena v jeho standardizovaných pokynech. A samozřejmě hraje důležitou roli i v Kodexu WordPressu. Každý by měl mít možnost používat WordPress bez ohledu na to, jakým jazykem mluví, jaké má ekonomické postavení nebo jakým fyzickým omezením podléhá. Přesto se tomuto tématu zatím obvykle nevěnuje taková pozornost, jakou by si zasloužilo. Zejména s ohledem na demografický vývoj a snahu o inkluzi je třeba digitální přístupnost zohlednit v projektech WordPress, říká Johannes Mairhofer. Protože přístupnost začíná být důležitá i z obchodního hlediska a z hlediska SEO.

Přístupné webové stránky nejsou nové

Za účelem standardizace technik na World Wide Web bylo v roce 1994 založeno Konsorcium World Wide Web Consortium, zkráceně W3C. Zvláště důležité normy zde jsou:

• HTML (stále základní rámec téměř každého webu)
• CSS (kaskádové styly, e.B. používané pro šablony WordPress)
• WCAG (Pokyny pro přístupnost webového obsahu)

Pokyny WCAG vypracovala Iniciativa pro přístupnost webu (WAI), která je součástí W3C. V současné době existují dvě verze.

WCAG 1,0

• Použití značek a šablon stylů
• Konstrukce nezávislá na zařízení

WCAG 2,0

Přístupný web by měl splňovat následující kritéria:

• Vnímatelné (e.B. textové alternativy pro obrázky)
• Ovladatelný (e.B. ovladatelný klávesnicí)
• Srozumitelné (e.B. jednoduchým jazykem)
• Robustní (kompatibilní)

Myšlenka bezbariérového webu proto není nová a od roku 2002 je dokonce zakotvena ve vyhlášce o bezbariérových informačních technologiích (BITV). V důsledku toho jsou alespoň webové stránky orgánů veřejné moci povinny nabízet bezbariérový obsah.

Vytvoření přístupného webu

Jak by měly být webové stránky implementovány bezbariérově? Mnoho bodů není tak komplikovaných, jak byste si mohli myslet, a lze je realizovat bez velkého úsilí. Zvláště pro nové WordPress projekty: Bezbariérový web lze implementovat s velmi malým úsilím.

Nejjednodušší je to samozřejmě u právě vytvářených a navrhovaných webových stránek. Stávající webové stránky však lze optimalizovat i dodatečně. Je třeba dodržet několik jednoduchých základních pravidel.

1) Používejte názvy stránek, navigaci a značky správně

Název stránky je skutečně v nadpisu a nadpisy jsou logicky strukturované a také formátované jako nadpisy, nikoli pouze tučné. Seznamy s odrážkami jsou realizovány odrážkami nebo body, nikoliv prostým minuskováním. Ve WordPressu to lze zadat přímo v editoru. V závislosti na použité šabloně a editoru je zde k dispozici několik tříd nadpisů. Pomocí značek (např. H1 a H2 pro nadpisy) lze usnadnit prohlížení a navigaci na webových stránkách nevidomým osobám, které používají čtečku obrazovky nebo klávesnici.

2) Bez JavaScriptu a Flashe při navrhování

Pro návrh je nejlepší použít HTML a CSS. Javascript a Flash by neměly být používány. Javascript je, jak název napovídá, skriptovací jazyk. Bez ohledu na skutečnost, že je nezabezpečený, ne každé zařízení a každý prohlížeč může kód zpracovat. Vzhledem k tomu, že webové stránky by měly být k dispozici na co nejvíce zařízeních, Javascript se nedoporučuje.

3) Samostatný obsah a design

Obsah (text) a design (rozvržení) by měly být považovány za zcela oddělené. Prostřednictvím různých variant CSS lze například jednoduchým kliknutím upravit kontrast webové stránky nebo změnit barvy. To může pomoci lidem se zrakovým postižením nebo barvoslepým. Takto postupují i velké společnosti, jako je například Pfizer.

V zásadě je to již možné automaticky s WordPress. Například .B šablonu lze změnit, aniž by bylo nutné měnit obsah. Pokud je webová stránka přístupná pomocí smartphonu nebo tabletu, automaticky se upraví i rozvržení.

4) Dodržujte zásadu dvou smyslů.

Obsah by měl být v zásadě připraven tak, aby mohl být vnímán dvěma různými smysly. Tímto způsobem může webové stránky zažít co nejvíce lidí bez velkého úsilí. Toho lze dosáhnout například pomocí následujících opatření:

• Obrázky s popisem obrázku (jde přímo přes WordPress editor)
• Videa s titulky (dělá e.B Youtube částečně automaticky)
• Strukturovat text se strukturou a nadpisy (lze provést v editoru)

Bezbariérový web: získávání zkušeností

Teoreticky není téma vždy tak snadné pochopit. Mluvil jsem s Heiko Kunertem, výkonným ředitelem Asociace nevidomých a zrakově postižených, o bezbariérových webových stránkách. Heiko je sám slepý a surfuje po internetu pomocí čtečky obrazovky. Heiko mluví o svých zkušenostech s webovými stránkami a sociálními sítěmi a informuje o tom, jak je na internetu se svým smartphonem a braillským řádkem.

Mnoho věcí, které jsou zde teoreticky popsány, si můžete bez větší námahy vyzkoušet i sami. Můžete tak získat představu o tom, jak jsou vaše webové stránky skutečně vnímány.

Nápověda pro čtečky obrazovky a braillské písmo

Čtečka obrazovky je software, který rozpoznává text a čte ho nahlas. Pro navigaci mezi webovými stránkami a dokumenty je proto důležité, aby se pro nadpisy a obrázky používaly značky. To umožňuje uživatelům procházet web pomocí čtečky obrazovky a klávesnice nebo braillského řádku.

Variantou čtečky obrazovky je e.B. NVDA. Tato varianta je svobodný software a svobodná. Doporučuji to jednou vyzkoušet a vyvolat vlastní webové stránky s vypnutým monitorem a pokusit se procházet nabídkami.

Braillův řádek převádí aktuální řádek na obrazovce do Braillova písma. Tento řádek je skutečný hardware, který je připojen k počítači. Braillův řádek funguje v kombinaci se čtečkou obrazovky.

Odezva pro přístupné webové stránky

Počítače, notebooky, chytré telefony, tablety, chytré hodinky a textové prohlížeče. Počet zařízení, kterými lze k webovým stránkám přistupovat, je obrovský. Jedním z důležitých bodů WCAG 2.0 je dostupnost webových stránek na co největším počtu zařízení.

Většina šablon WordPress je nyní více či méně responzivní a umožňuje přístup k webovým stránkám alespoň na počítačích a smartphonech. V závislosti na šabloně jsou upraveny nabídky e.B, zobrazeny a skryty postranní panely, ale také návrhy jsou zcela přizpůsobeny. Tomu se říká responzivní web design. Přechod na vaše webové stránky na jiném zařízení je snadný a zasvěcený.

Závěr: Web je pro každého!

Síť a stálá dostupnost již nejsou novým územím, ale z pohledu jedné generace jsou stále nové. Generace dnešních třicátníků, ale nejpozději následující generace jsou zvyklé na to, že síť je dostupná vždy a všude. Bez možností informací a komunikace, které s sebou síť přináší, se nechceme obejít ani ve vyšším věku.

Potřeba přístupných internetových stránek se proto zvyšuje a rok od roku roste. S pomocí dostupných možností a nástrojů integrovaných ve WordPressu (e.B popis obrázků, nadpisy, CSS) je možné bez velkého úsilí vytvořit webové stránky alespoň bezbariérové.

O tom, že je to stále důležitější, svědčí i to, že stále více velkých společností přikládá digitální účasti stále větší význam. Kromě výše zmíněného příkladu společnosti Pfizer například Twitter již nějakou dobu nabízí možnost přidávat k obrázkům popisek, Microsoft se tímto tématem hojně zabývá a řada dalších jej postupně následuje.

Přístupný web je také lepší pro Google

Bohužel se až příliš často setkávám s tím, že je kladen větší důraz na SEO než na kvalitní obsah, takže nejsem velkým příznivcem argumentů SEO. Pokud však lze webové stránky lépe číst a interpretovat pomocí čteček obrazovky, je pro bota Google také snazší správně klasifikovat navštívené webové stránky.

Vytvoření přístupné webové stránky pomocí WordPressu

Je před námi ještě dlouhá cesta, než bude dosaženo 100% dostupnosti. A to pravděpodobně není proveditelné pro mnoho malých společností a soukromých blogů.  Vzhledem k možnostem, které nabízí WordPress, je však snadné dosáhnout přibližně 80% dostupnosti.

Použitím značek pro nadpisy a obrázky a především popisem obrázků již bylo dosaženo mnohého s malým přínosem. Surfování na vlastních webových stránkách pomocí textového prohlížeče vám dává pocit, pro které šrouby by měly a stále mohou být otočeny.

Každému, kdo provozuje webové stránky pro firmu, se vždy doporučuje nechat je jednou otestovat nevidomými, aby získal odbornou zpětnou vazbu a tipy.