Přístupné webové stránky nás všechny využívají - přehled s praktickými tipy

Johannes Mairhofer (Fr.) Aktualizováno dne 8.května 2020
6 min.
Přístupné webové stránky

Přístupné webové stránky již nejsou předpokládaným problémem pro osoby se zdravotním postižením. Týká se nás všech a dokonce pomáhá SEO fanouškům mezi vámi - přehled s praktickými tipy od Johannes Mairhoferová.

Přístupnost v digitálním prostoru je ve skutečnosti nedílnou součástí internetu a je již stanovena v jeho standardizovaných pokynech. A samozřejmě hraje také v WordPress Kodex je důležitou roli. Všichni uživatelé by měli WordPress bez ohledu na to, jakým jazykem mluví, jakým ekonomickým postavením mají nebo jakými fyzickými omezeními podléhají. Nicméně, toto téma je obvykle ještě nedostává pozornost, kterou si zaslouží. Zejména s ohledem na demografický vývoj a touhu po začlenění musí být digitální přístupnost WordPress - WordPress projekty, ale jsou považovány za, říká Johannes Mairhoferová. Vzhledem k tomu, : Přístupnost je také důležité z podnikatel-bezpečné a SEO perspektivy.

Myšlenka bezbariérové webové stránky není nová

Za účelem standardizace techniky na World Wide Web, World Wide Web Consortium, zkratka pro krátké, W3CZaložena. Zvláště důležitými normami jsou:

  • HTML (stále základní rámec téměř každé webové stránky)
  • CSS (Kaskádové šablony stylů, např. WordPress v ypoužívání šablon)
  • Pokyny pro usnadnění přístupu k webovému obsahu (WCAG)

Pokyny wcag vyvinutá iniciativou WAI (Web Accessibility Initiative), 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

Webové stránky by měly být

  • Znatelné (např. textové alternativy pro obrázky)
  • Ovládatelné (např. ovládatelné pomocí klávesnice)
  • Srozumitelné (např. podle světlého jazyka)
  • Robustní (kompatibilní)

Bve.

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

Speciálně pro nové WordPress -Projekty platí: bezbariérové webové stránky mohou být realizovány s velmi malým úsilím

Jak by měla být webová stránka prováděna bezbariérově? Mnoho bodů není tak složité, jak by se mohlo myslet, a mohou být realizovány bez velkého úsilí.

Samozřejmě, že nejjednodušší způsob, jak to udělat, je pro stránku, která je právě znovu a přepracován. Stávající internetové stránky však lze také zpětně optimalizovat. Existuje několik jednoduchých základních pravidel, která je třeba dodržovat.

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

Název stránky je ve skutečnosti v názvu a nadpisy jsou logicky strukturovány a také formátovány jako nadpis, nejen tučně. Odrážky jsou realizovány s odrážky nebo tečky, ne s jednoduchým minus tah. Na 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 (např. h1 a H2 pro nadpisy) může být stránka hmatatelnější a splavnější pro nevidomé s čtečkou obrazovky nebo klávesnicí.

Přístupné webové stránky: Značka seznamu
Vedoucí přístupných webových stránek
Výňatky z textového editoru pro tento článek: Výše, můžete vidět, že výčty byly definovány jako takové. Mezilehlé položky jsou rovněž definovány jako H3.

2) Do bez JavaScriptu a Flash při navrhování

Pro návrh, nejlépe použít HTML a CSS. Javascript a Flash by neměly být používány. Javascript, jak název napovídá, je skriptovací jazyk. Bez ohledu na to, že je to nebezpečné, ne každé zařízení a prohlížeč může kód zpracovat. Vzhledem k tomu, že webová stránka by měla být k dispozici na tolika 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é. Různé varianty CSS mohou například upravit kontrast stránky nebo změnit barvy jednoduchým kliknutím uživatele. Tímto způsobem mohou pomoci lidé se zrakovým postižením nebo barevnou slepotou. To je také to, co velké společnosti, jako jsou Pfizer.

V zásadě se jedná o WordPress Automaticky. Šablonu lze například změnit, aniž by bylo třeba měnit obsah. Při přístupu na webovou stránku pomocí chytrého telefonu nebo tabletu je rozložení také automaticky upraveno.

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 lze webové stránky zažít bez velkého úsilí pro co nejvíce lidí. Například následující opatření:

  • obrázky s popisem obrazu (jde přímo přes WordPress Redakce)
  • Nižší videa s titulky (např. aby Youtube částečně automatické)
  • Uspořádání textu pomocí struktury a nadpisů (přejde do editoru)

Můj tip pro lepší pochopení přístupné webové stránky: získat zkušenosti sami

Teoreticky, toto téma není vždy tak snadné pochopit. Mluvil jsem s Heiko Kunert, generální ředitel Asociace pro nevidomé a zrakově postižené, o bezbariérové webové stránky. Heiko je slepý sám a surfuje na internetu s čtečkou obrazovky. Heiko informuje o svých zkušenostech s webovými stránkami a sociálními sítěmi a o tom, jak cestuje po internetu se svým smartphonem a braillským písmem.

Mnoho věcí, které jsou řešeny zde teoreticky lze vyzkoušet bez velkého úsilí. Takže můžete získat představu o tom, jak je vaše stránka skutečně vnímána.

bezbariérová webová linka-Braillovo písmo
Braillle line - Zdroj: Wikimedia Commons. Licence: https://creativecommons.org/licenses/by-sa/3.0/

Screenreader a Braillovo písmo linka jsou dva nejčastější surfování pomůcky

Program pro čtení z obrazovky je software, který rozpozná text a nahlas jej přečte. Pro navigaci po webových stránkách a dokumentech je proto důležité, aby se značky používaly pro nadpisy a obrázky. To umožňuje uživatelům procházet webové stránky pomocí čtečky obrazovky a klávesnice nebo braillského písma linky.

Varianta čtečky obrazovky je např. NVDA. Tato varianta je svobodný software a zdarma. Doporučuji to vyzkoušet a jít na vaše webové stránky s vypnutým monitorem a snaží se procházet nabídkami.

A Braillovo písmo přeloží aktuální řádek na obrazovce do Braillova písma. Tato linka je skutečný hardware, který je připojen k počítači. Braillovo písmo funguje v kombinaci se čtečkou obrazovky.

Responsivitiät je vše a konec-vše pro přístupné webové stránky

Počítače, notebooky, smartphony, tablety, chytré hodinky a textový prohlížeč. Počet zařízení, pomocí kterých je přístupná webová stránka, je obrovský. Jedním z důležitých bodů WCAG 2.0 je dostupnost webových stránek na tolika zařízeních, jak je to možné.

Většina WordPress Šablony jsou nyní více či méně citlivé a umožňují přístup k webovým stránkám alespoň na počítačích a smartphonech. V závislosti na šabloně jsou nabídky přizpůsobeny, postranní panely jsou zobrazeny a skryté, ale také návrhy jsou zcela přizpůsobeny. To se nazývá responzivní web design. Přístup k vlastním webovým stránkách na jiném zařízení je jednoduchý a odhalující.

Síť je skvělá. A síť je pro každého!

Síť a trvalá dostupnost již nejsou novým územím, ale z hlediska generace je stále nová. Generace dnešních 30-rok-olds, ale nejpozději v následujících generacích, jsou zvyklí vědět, čisté k dispozici kdykoliv a kdekoliv. Nechceme se obejít bez možností informací a komunikace, které síť zahrnuje, a to ani ve stáří.

Potřeba dostupných internetových stránek se proto rok od roku zvyšuje a roste. S pomocí dostupných možností a WordPress integrované nástroje (např. popis obrázku, nadpisy, CSS) je možné, aby webové stránky byly bez velkého úsilí alespoň bezbariérové.

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

V konečném důsledku je přístupná webová stránka také lepší pro Google

Bohužel, mám zkušenosti příliš často, že SEO je důležitější než dobrý obsah, takže nejsem velký fanoušek SEO argumentů. Ale pokud webové stránky mohou být lépe čteny a interpretovány programy pro čtení z obrazovky, je také pro robota Google jednodušší správně klasifikovat navštívenou stránku.

Jen WordPress již umožňuje vytvořit 80% bezbariérové webové stránky velmi rychle a snadno

Před 100% dostupností je ještě dlouhá cesta. A to pravděpodobně není možné pro mnoho malých společností a soukromých blogů.  Vzhledem k tomu, že WordPress je však snadné dosáhnout asi 80 procent přístupnosti.

Použitím značek pro nadpisy a obrázky a zejména popisu obrázků již bylo dosaženo mnoha s malým využitím. Jakmile použijete textový prohlížeč pro surfování na vlastních webových stránkách, dává vám pocit, pro které šrouby, které mají být zapnuty a mohou být zapnuty.

Pokud provozujete stránky pro společnost, vždy se doporučuje, aby ji testovali nevidomí lidé, aby odborná zpětná vazba a tipy získat.

Johannes je velmi zvědavý a již dosáhl různých stanic ve své kariéře. Od vyškoleného IT specialisty až po fotografa na volné noze cestuje mnoha způsoby a může tak nastavit různé "brýle" svých zákazníků. Dnes pracuje jako fotograf na volné noze a konzultant pro WordPress a fotografie. [Foto: Dennis Bílý kabát]

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