Přístupný web

Přístupné webové stránky prospívají nám všem: Tipy pro přístupnost

Přístupné webové stránky již nejsou předpokládaným tématem pro osoby se zdravotním postižením. Týká se nás všech a dokonce pomáhá seMO fanouškům mezi vámi – přehled s praktickými tipy od Johannese Mairhofera.

Přístupnost v digitálním prostoru je ve skutečnosti nedílnou součástí internetu a je již stanovena v jeho standardizovaných směrnicích. A samozřejmě také hraje důležitou roli v kodexu WordPress. Všichni uživatelé by měli být schopni používat WordPress, bez ohledu na to, jakým jazykem mluví, jaký mají ekonomický status nebo jakým fyzickým omezením podléhají. Téma však obvykle ještě nedostává pozornost, kterou si zaslouží. Zejména s ohledem na demografický vývoj a vůli k inkluzi musí být digitální dostupnost zohledněna v projektech WordPress, říká Johannes Mairhofer. Protože: Přístupnost se také stává důležitou z podnikatelského a SEO hlediska.

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 jsou vypracovány iniciativou Web Accessibility Initiative (WAI), která je zase skupinou W3C. Nyní jsou zde 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

Přístupné webové stránky prospívají nám všem: Tipy pro přístupnost
Když navrhujete přístupný web, optimalizujete uživatelské prostředí pro všechny.

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.

To je samozřejmě nejjednodušší se stránkou, která je právě znovu vytvořena a navržena. Ale i stávající webové stránky mohou být následně optimalizovány. Existuje několik jednoduchých základních pravidel, která je třeba dodržovat.

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

Název stránky je také opravdu v názvu a nadpisy jsou logicky strukturované a také formátované jako nadpis, nejen tučné. Kulky jsou realizovány s odrážkami nebo odrážkami, nikoli s jednoduchou mínusovou pomlčkou. S WordPress 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 (e.B. H1 a H2 pro nadpisy) může být stránka hmatatelnější a splavnější pro nevidomé pomocí čtečky obrazovky nebo klávesnice.

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 posuzovány zcela odděleně od sebe. Prostřednictvím různých variant CSS lze upravit kontrast stránky nebo změnit barvy, např.B. jednoduchým kliknutím uživatele. Tak lze pomoci lidem se zrakovým postižením nebo barevnou slepotou. To dělají také velké společnosti, jako je 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 princip 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)

WordPress Accessibility: Jak vytvořit přístupný web (+ k tomu pluginy)

Přístupnost (nebo přístupnost) ve WordPressu je důležitou součástí při vytváření webových stránek. Proč je přístupnost tak důležitá? A jak se vaše webové stránky stanou přístupnými všem? Řekneme vám to a více v našem článku o přístupnosti WordPress.

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 zpracovány, lze také vyzkoušet bez velkého úsilí. To vám umožní získat pocit, jak jsou vaše 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é weby

Počítače, notebooky, smartphony, tablety, chytré hodinky a textové prohlížeče. Počet zařízení, pomocí kterých lze přistupovat k webovým stránkám, 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ý.

Souhlas*
Toto pole slouží k ověření a nemělo by se měnit.

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

Ačkoli síť a trvalá dostupnost již nejsou novým územím, jsou stále nové z hlediska generace. Generace dnešních 30letých, ale nejpozději následující generace, je zvyklá vědět, že síť je vždy a všude k dispozici. Nechceme se obejít bez možností informací a komunikace, které s sebou síť přináší, a to i ve stáří.

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é.

Skutečnost, že se to stává stále důležitějším, lze také vidět ve skutečnosti, že stále více velkých korporací klade stále větší důraz na digitální účast. Kromě výše zmíněného příkladu od společnosti Pfizer nabízí Twitter e.B. již nějakou dobu možnost přidat k obrázkům popis obrázku, Microsoft se tématem intenzivně zabývá a mnoho dalších se s ním postupně pohybuje. Podrobný přehled pozitivních bezbariérových webových stránek si můžete prohlédnout zde.B.

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

Bohužel se příliš často setkávám s tím, že je kladen větší důraz na SEO než na dobrý obsah, takže nejsem velkým fanouškem seO argumentů. Pokud však mohou být webové stránky lépe čteny a interpretovány čtečkami obrazovky, je pro robota Google také snazší správně klasifikovat navštívenou stránku.

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 web pro společnost, se vždy doporučuje, aby jej otestoval nevidomými lidmi, aby získal profesionální zpětnou vazbu a tipy .

Vaše dotazy týkající se přístupných webových stránek

Jaké otázky máte pro Johannese ohledně přístupnosti? Neváhejte použít funkci komentáře. Chcete být informováni o nových příspěvcích na téma online marketingu? Pak nás sledujte na Twitteru, Facebooku,LinkedInnebo prostřednictvím našeho newsletteru.

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.