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

Johannes Mairhofer Naposledy aktualizováno 22. března 2021
6 min.
Přístupná webová stránka

Přístupné webové stránky již nejsou pro osoby se zdravotním postižením domnělým problémem. 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ě to také hraje v WordPress Kodex je důležitou rolí. Všichni uživatelé, měli by WordPress bez ohledu na to, jakým jazykem mluví, jaký ekonomický status mají nebo jakým fyzickým omezením podléhají. Subjektu se však obvykle ještě nevěnuje pozornost, kterou si zaslouží. Zejména pokud jde o demografický vývoj a touhu po začlenění, musí být digitální přístupnost WordPress projekty, říká však Johannes Mairhoferová. Protože: Přístupnost je důležitá také z hlediska bezpečného pro podnikatele a SEO.

Myšlenka bezbariérového webu není nová

Za účelem standardizace technik na webu bylo v roce 1994 založeno konsorcium World Wide Web Consortium neboli W3C. Obzvláště důležité normy jsou:

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

Pokyny WCAG jsou vyvíjeny 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ů
  • Design nezávislý na zařízení

WCAG 2.0

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

  • Vnímatelné (.B. textové alternativy obrázků)
  • Ovladitelné (.B. ovladitelné pomocí klávesnice)
  • Srozumitelné (.B. lehkým jazykem)
  • Robustní (kompatibilní)

Bve.

Myšlenka bezbariérového webu 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ň webové stránky orgánů veřejné moci povinny nabízet přístupný obsah.

Zejména pro nové WordPress Platí projekty: Bezbariérový web lze implementovat s velmi malým úsilím

Jak by měla být webová stránka implementována bezbariérová? Mnoho bodů není tak složitých, jak by se mohlo myslet, a lze je implementovat bez většího úsilí.

Nejjednodušší způsob, jak to udělat, je samozřejmě pro stránku, která je právě znovu vytvořena a přepracována. Stávající webové stránky však mohou být optimalizovány i zpětně. 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, nikoli pouze tučně. Kulky jsou realizovány kulkami nebo tečkami, ne jednoduchým mínusovým tahem. Na WordPress to lze zadat přímo v editoru. V závislosti na použité šabloně a použitém editoru je zde k dispozici několik tříd nadpisů. Pomocí značek (např.B H1 a H2 pro nadpisy) může být stránka hmatatelnější a splavnější pro nevidomé se čtečkou obrazovky nebo klávesnicí.

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

2) Při navrhování se obeděláte bez JavaScriptu a Flashe

Pro návrh nejlépe používejte 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 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 co nejvíce zařízeních, Javascript se nedoporučuje.

3) Samostatný obsah a design

Obsah (text) a návrh (rozvržení) by měly být považovány za zcela oddělené. Různé varianty CSS .B upravit kontrast stránky nebo změnit barvy jednoduchým kliknutím uživatele. Tímto způsobem lze pomoci lidem se zrakovým postižením nebo barevnou slepotou. To je to, co velké společnosti jako Pfizerdělají.

V zásadě se jedná o WordPress Automaticky. Například .B šablonu lze také změnit, aniž byste museli měnit obsah. Když je webová stránka přístupná pomocí smartphonu nebo tabletu, rozvržení se také automaticky upraví.

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 web zažít bez většího úsilí pro co nejvíce lidí. Například následující opatření:

  • obrázky s popisem obrázku (jde přímo přes WordPress Editor)
  • Podřadná videa s titulky (dělá e.B. YouTube částečně automatickým)
  • Uspořádání textu se strukturou a nadpisy (přejde do editoru)

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

Teoreticky není předmět vždy tak snadno pochopitelný. O bezbariérových webových stránkách jsem hovořil s Heiko Kunertovou, výkonnou ředitelkou Asociace pro nevidomé a zrakově postižené. Heiko je slepý a surfuje po síti pomocí čtečky 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 síti se svým smartphonem a braillskou linkou.

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

bezbariérová linie internetových stránek a Braillova písma
Braillleova linka - Zdroj: Wikimedia Commons. Licence: https://creativecommons.org/licenses/by-sa/3.0/

Screenreader a Braillovo písmo jsou dvě nejběžnější pomůcky pro surfování

Čtečka obrazovky je software, který rozpoznává text a čte ho nahlas. Pro navigaci na 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 web pomocí čtečky obrazovky a klávesnice nebo linie Braillova písma.

Variantou čtečky obrazovky je e.B. NVDA. Tato varianta je zdarma software a zdarma. Doporučuji to ochutnát a jít na váš web s vypnutým monitorem a snažit se procházet nabídky.

Čára Braillova písma překládá aktuální řádek na obrazovce do Braillova písma. Tato linka je skutečný hardware, který je připojen k počítači. Linie Braillova písma funguje v kombinaci se čtečkou obrazovky.

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

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

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

Síť je skvělá. A síť je pro všechny!

Síť a trvalá dostupnost již nejsou novým územím, ale z hlediska generace je stále nová. Generace dnešních 30letých, ale nejpozději následující generace, je zvyklá znát síť dostupnou kdykoli a kdekoli. Nechceme se obcháznout bez možností informací a komunikace, které síť zahrnuje, a to ani ve stáří.

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

Skutečnost, že je to stále důležitější, je patrná také 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 .B. možnost přidat popis obrázku k obrázkům po určitou dobu, Microsoft se podrobně dívá na toto téma a mnoho dalších se postupně pohybuje. Podrobný přehled kladně přístupných webových stránek si můžete prohlédnout zde .B.

Přístupná webová stránka je nakonec také lepší pro Google

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

Jen WordPress již umožňuje vytvořit 80% bezbariérový web velmi rychle a snadno

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

Použitím značek pro nadpisy a obrázky a zejména popis obrázků bylo již mnoho dosaženo s malým využitím. Jakmile použijete textový prohlížeč k surfování na svém vlastním webu, dává vám pocit, které šrouby se mají za zapnuty a lze je zahodět.

Pokud provozujete web pro společnost, vždy vám doporučujeme, abyste si ho otestovali nevidomí, abyste získali profesionální zpětnou vazbu a tipy.

Johannes je velmi zvědavý a ve své kariéře již dosáhl různých stanic. 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 fotografování. [Fotografie: Dennis White Coat]

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