Archiv štítku: Webdesign

Snídaně u Mastera: Jak na přístupný web?

Osvěty v oblasti přístupnosti webu není nikdy dost. Rád jsem proto přijal pozvání na únorovou Snídani u Mastera, na které společně s Romanem Kabelkou, webadministrátorem a nevidomým programátorem ze společnosti Master Internet, zájemcům představíme tématiku přístupnosti.

Chcete vědět, proč je přístupnost při návrhu digitálního produktu důležitá a jaké výhody přináší jeho uživatelům? Během přednášky Přístupnost jako důležitá součást digitálního designu vám prakticky ukážeme, jak přístupně navržené weby a aplikace nejen uživatelům s handicapem pomáhají při každodenních činnostech, jakými jsou například získávání informací, cestování či komunikace s přáteli.

Přednáška bude pojata nízkoprahově, tzn. bude přínosná především pro ty, kdo se zatím s tématikou přístupnosti nesetkali. Současně ale jistě platí, že prostor pro networking bude možné využít i k zodpovězením pokročilejších dotazů ať už na mě, či na Romana 🙂

Kdy a kde?

Ve středu 7. února od 9:00 v MasterDC Praha, Kodaňská 46, Praha 10.

Harmonogram akce

  • 9:00 – 9:20 přivítání a snídaně
  • 9:20 – 9:50 seznámení s přístupností
  • 9:50 – 10:10 přestávka
  • 10:10 – 10:30 novinky ze zákulisí Masteru
  • 10:30 – 11:00 networking a vzájemné představení

Pojedete na akci autem?

Místa na parkování jsou pro vás připravena na krytém dvoře budovy 4D Center. Z ulice Kodaňská pokračujte po Kavkazské, a zhruba po 200 metrech odbočte doprava k závoře s interkomem.

Nahlaste ostraze objektu, že jedete do Master Internet, a pokračujte podél zdi až na krytý dvůr. Jsou zde pro vás vyhrazena místa 6 – 10. Budeme vás očekávat v zasedací místnosti v jedenáctém patře s ohromujícím výhledem na Prahu. Pokud nás na místě nebudete moct najít, volejte Pavola Makela na čísle 773 919 300.

Registrace

Kapacita akce je omezená, v případě zájmu potvrďte prosím svou účast vyplněním registračního formuláře do konce ledna 2018.

Dress code: Business casual.

Pozvánka na akci ve formátu PDF (913 kB)

Děkujeme za zájem a těšíme se na setkání.

Jak na přístupnost (nejen) knihovních webů

V úterý 10. 10. 2017 od 10 hodin proběhl v Národní technické knihovně v Praze seminář Web knihovny jako nástroj k propagaci služeb a informací, na kterém jsem měl příležitost seznámit s tématikou přístupnosti a inkluzivního designu několik desítek účastníků z řad pracovníků knihoven.

Svou prezentaci jsem nazval Jak na přístupnost knihovních webů a mým cílem bylo ukázat pracovníkům knihoven výhody přístupnosti a její základní principy tak, aby na základě těchto znalostí pak mohli weby knihoven vylepšovat.

Kromě stručného shrnutí nabízím v tomto článku i komentované slajdy k mé prezentaci a odkazy na všechny materiály, které jsem ve svém příspěvku zmiňoval.

Děkuji za pozvání na seminář, organizátorům za perfektní organizaci a účastníkům za zájem, diskusi a ochotu podělit se o své zkušenosti.

Stručné shrnutí probíraných témat

  • Přístupnost pomáhá opravdu všem – některým cílovým skupinám více, jiným méně, ale bez nadsázky lze říci, že přístupnější web se lépe používá komukoliv.
  • Přístupnost je důležitá pro všechny uživatele. Na přístupném webu jsou při plnění úkolů rychlejší nejen nevidomí uživatelé, ale i ti, kteří žádné zdravotní postižení nemají.
  • Protože přístupnost si s sebou nese negativní konotace právě kvůli zužování tématiky přístupnosti pouze na některé nepříliš početné skupiny uživatelů, začínají se ve větší míře používat termíny jako design pro všechny nebo inkluzivní design.
  • Rychlý rozvoj informačních a komunikačních technologií, jejich zpřístupnění i možnosti, které uživatelům se specifickými potřebami nabízejí, umožnil těmto uživatelům samostatně vykonávat činnosti, u kterých byli ještě před několika lety plně závislí na pomoci okolí.
  • Přístupnost stojí na pěti základních pilířích, kterými jsou
    • Dostupnost
    • Ovladatelnost
    • Srozumitelnost
    • Orientace
    • Čas
  • Proč se věnovat přístupnosti?
    • Inspirace (vidíme přímý dopad naší práce na zlepšení života jiných)
    • Osvícení (děláme věci přístupné, protože nám to tak dává smysl)
    • Odměna (certifikace)
    • Požadavek (legislativa)
    • Trest (žaloba)
    • Pocit viny (nejhorší motivátor)
  • Přístupnost není černobílá. Jen málokdy lze o něčem jednoznačně říci, zda to je, nebo není přístupné.
  • Odstranění bariér přináší uživatelům
    • Přístup k informacím
    • Lepší uživatelský prožitek
    • Samostatnost
  • Provozovatelům webů pak přístupnost přináší uznání, ocenění a finanční zisk (či úsporu).
  • Přístupnost stojí přibližně 4 % nákladů na vytvoření webu.
  • Přístupnost jde ruku v ruce s kvalitně odvedenou prací.
  • S přístupností je při tvorbě webu ideální začít co nejdříve a brát ji jako nedílnou součást analýzy, vývoje designu i provozu.
  • Na co se zaměřit
    • Strukturování obsahu pomocí nadpisů a oblastí (landmarků)
    • Přístupnost a ovladatelnost z klávesnice
    • Textové alternativy grafických prvků
    • Přístupnost uživatelsky vkládaného obsahu
    • Barvy, kontrast a písmo
    • Responzivní design
  • Často stačí několik málo změn k tomu, aby byly nejvážnější bariéry odstraněny a uživatelé se tak dostali k informacím, které potřebují.
  • Přístupnost je úzce provázána i s dalšími obory webdesignu: UX, SEO…

Komentované slajdy k mé prezentaci

Články

Nástroje pro testování přístupnosti

Toolbary, rozšíření pro prohlížeče

On-line validátory

Asistivní technologie

WAI ARIA – praktické příklady

Metodiky přístupnosti

Videa o přístupnosti

HTML5 a WAI-ARIA jako snadná cesta k lepší přístupnosti webu (Radek Pavlíček)

Jak testovat přístupnost (Rob Dodson)

Jak a proč řeší velké weby přístupnost (Radek Pavlíček)


Přístupnost v kódu: ukázky a návrhové vzory (Martin Michálek)


Přístupnost webů knihoven – příklady dobré a špatné praxe (Radek Pavlíček)

Knihy

Na koho se obrátit, když si chci nechat vytvořit skvěle přístupný web

Žádostí o doporučení webdeveloperského studia či freelancera, který umí vytvořit přístupný web, jsem dostal v poslední době několik. Své tipy jsem sepsal, a protože by mohly posloužit i někomu dalšímu, dávám je veřejně k dispozici.

Tak pojďme na to 🙂

Kdybych si chtěl nechat vytvořit přístupný e-shop, oslovil byl buď PeckaDesign, nebo w3w.cz. Co jsem měl možnost seznámit se (a používat) výsledky jejich práce, tak v obou případech se jednalo z hlediska přístupnosti o velmi povedené e-shopy.

Pokud bych potřeboval schopného frontendistu, obrátil bych se buď na Martina Michálka, Dana Střelce nebo na Superkodéry, protože je považuju za naprostou špičku v oboru.

Kdybych sháněl webového grafika, který nenahlíží na web jako na sadu plakátů propojených odkazy a neulétává na titěrném a obtížně čitelném písmu, určitě bych oslovil Pavla Kouta z WEBface nebo Filipa Košnara. S Pavlem jsme se potkali u několika projektů a Filip je autorem grafického návrhu vzdělávacího portálu Pélion.

Kdybych byl zastupitel obce nebo města a sháněl dodavatele, který by mi vytvořil přístupný obecní nebo městský web, určitě bych kontaktoval WEBHOUSE. Přístupnosti se věnují dlouhodobě a s jejich redakčním systémem lze bez obtíží vytvořit přístupný web.

Přípravu nového webu (nebo redesign toho stávajícího) bych se určitě nebál svěřit Pixymu, Plaváčkovi, Vítkovi Dlouhému z Nuvio, Michalu Malénkovi nebo Janu Brblovi Bažantovi. Pixy je mimo jiné spoluautorem Dogma W4 i původních českých Pravidel přístupnosti, která vznikla ještě na Ministerstvu informatiky. S Plaváčkem jsme spolupracovali na zpřístupnění webu obce Třebihošť, který dodnes používám na školeních jako příklad toho, jak se to má dělat, s Vítkem na zpřístupnění webu ČÚZK, no a Michal je autorem stávající podoby Blind Friendly Webu (která mimochodem vychází z šablony od Nuvio Templates). S Brblou jsme pak svého času velmi intenzivně spolupracovali na co nejlepším zpřístupnění webu Knihovny digitálních dokumentů.

No a kdybych hledal nějaké open source řešení, jednoznačně bych sáhnul po WordPressu. Přijde mi, že má nejpropracovanější přístupnostní ekosystém (hodně wordpressích vzhledů/themes je accessibility ready) a má přístupný nejen frontend, ale i backend. No a když na něm běží i POSLEPU, tak to určitě nebude špatná volba 🙂

Výčet výše určitě není úplný a je skoro jisté, že jsem na někoho se zkušenostmi v oblasti přístupnosti zapomněl 🙁 Tvoříte weby a berete při tom přístupnost na zřetel? Nenašli jste se v tomto seznamu a chtěli byste v něm být? Připomeňte se mi prosím v komentářích a něco s tím provedeme 🙂

Děkuji.