Archiv rubriky: Přístupnost webu

WebAIM: probíhá 7. průzkum mezi uživateli odečítačů obrazovky

Americký WebAIM minulý týden spustil další ze svých průzkumů mezi uživateli screen readerů (odečítačů obrazovky): Screen Reader User Survey #7. Tento je již v pořadí sedmý, obsahuje 30 jednoduchých otázek a jeho vyplnění by nemělo zabrat více než 15 minut. Průzkum opět probíhá formou webového dotazníku a je otevřen všem zájemcům, kteří z jakéhokoliv důvodu používají při práci s webem odečítač obrazovky.

Cílem průzkumu je zjistit informace o aktuálních požadavcích a problémech uživatelů screenreaderů a sledovat změny oproti výsledkům předchozích průzkumů. Oproti předchozím průzkumům přibylo otázek týkajících se používání mobilních zařízení s odečítačem obrazovky – nově jsou respondenti dotazováni, zda každodenní činnosti raději provádějí v mobilních aplikacích či na webu nebo zda na mobilu pro psaní textu používají externí klávesnici.

Průzkum bude k dispozici do 1. listopadu 2017, výsledky by měly být zveřejněny ke konci roku 2017.

Pro zájemce, kteří by se rádi průzkumu zúčastnili, ale mohla by pro ně být překážkou angličtina, jsem opět připravil překlad všech otázek a odpovědí do češtiny (txt; 4 kB).

Pokud používáte odečítač obrazovky – ať už proto, že musíte, či jen k testování přístupnosti webů – najděte si chvilku a dotazník vyplňte. Pomůžete tím lépe poznat potřeby uživatelů odečítačů obrazovek při práci na webu.

Přístupnost a inkluzivní design na WebExpo 2017

Když jsem se v roce 2014 loučil v článku Jaké bylo WebExpo 2014 pohledem speakera a vystavovatele větou Za rok na WebExpu zase ahoj, tak jsem ještě netušil, že ten rok bude trvat „trochu“ déle. Po dvouleté, zdravotními obtížemi vynucené pauze, jsem se na WebExpo vydal až letos. A stejně jako na všech předchozích ročnících, kterých jsem se zúčastnil, i letos jsem nabídl do programu příspěvek, související s přístupností a inkluzivním designem.

A ani tentokrát jsem na to nebyl sám. Společně s Martinem Míchálkem ze Vzhůru dolů jsme připravili čtyřicetiminutový blok, věnovaný právě této tématice. Martinovi bych rád při této příležitosti moc poděkoval za skvělou spolupráci i za to, že se této tématice v rámci svých aktivit věnuje.

O čem to bylo?

Já svou část pojal spíše motivačně (co si budeme nalhávat, přístupnost i přes veškerou snahu a osvětu stále pro mnoho lidí není atraktivní téma) a na konkrétních příkladech velkých webů jsem se snažil ukázat, že přístupnost je pro ně aktrativní, provozovatele po finanční stránce nezruinuje a dává smysl se jí věnovat, protože přístupný web se lépe používá nejen uživatelům se zdravotním postižením.

Poděkování za spolupráci a poskytnutí informací, bez kterých by moje přednáška nemohla vzniknout, míří tvůrcům či provozovatelům následujících webů: cd.cz, irozhlas.cz, Monster.com, muni.cz, Seznam.cz a volby.cz.

Martin svou přednášku zacílil primárně na kodéry. Ukázal jim několik správně nakódovaných návrhových vzorů – strukturování stránky, tlačítka, schovávání obsahu, klávesnice či našeptávač a také to, jak přístupnost webu testovat.

Aktualizace 5. 10. 2017 – videa z WebExpo 2017 už jsou venku, najdete je pod odkazy/nadpisy níže.

Jak a proč řeší velké weby přístupnost

Anotace přednášky

Přístupnost se stále více začíná dostávat do popředí zájmu i provozovatelů a tvůrců velkých webů. Co je k tomu vede? Potřeby a zpětná vazba uživatelů? Altruismus? Připravovaná evropská legislativa? Nebo všechno dohromady? Na konkrétních příkladech (irozhlas.cz, volby.cz a některých dalších) si ukážeme, jak při zpřístupnění velkých webů postupovat, na co si dát pozor a na co naopak nezapomenout.

Komentované slajdy

Jak a proč řeší velké weby přístupnost od Radka Pavlíčka

Přístupnost v kódu: ukázky a návrhové vzory

Anotace přednášky

Podíváme se na časté chyby, které kodéři a designéři sekají jako slepý Baťa cvičky. Pak si ukážeme pár jednoduchých tipů, jak bez velké námahy pomoci nevidomým uživatelům vašich webů. A hlavně se podíváme na několik správně nakódovaných návrhových vzorů. Víte jak navrhout například přístupný našeptávač?

Komentované slajdy

WebExpo 2017 – Přístupnost v kódu: ukázky a návrhové vzory od Martina Michálka

Co nás potěšilo

Velký zájem účastníků o tuto tématiku

Pozitivní zpětná vazba

Děkujeme!

Nebyli jsme na to sami 🙂

Na WebExpo jsme nebyli jediní, kdo se tématikou přístupnosti zabýval. Ať už nechtěně – jako třeba Honza Řezáč…

…nebo cíleně – například Emanuela Damiani.

Poděkování závěrem

Kromě Martina a „mých“ respondentů si poděkování určitě zaslouží Šárka Štrossová nejen za poskytnutí prostoru v programu této tématice a Pavlína Louženská za skvělé moderování programu v Divadle ABC.

Tak zase někdy příště ahoj. A ještě jednou děkujeme za zájem 🙂

Vyhlášení výsledků soutěže o e-book Vzhůru do respozivního webdesignu

Včera jsem při příležitosti Světového dne přístupnosti vyhlásil soutěž o e-book Vzhůru do respozivního webdesignu.

Cílem soutěže bylo správně zodpovědět tři otázky, které se týkaly přístupnosti webu. Ač jsem se zpočátku obával, zda jsem soutěž neudělal moc lehkou, její průběh ukázal, že tomu tak nebylo. Správně na všechny tři otázky odpověděly 2/3 soutěžících.

Jaké byly správné odpovědi?

Nejlepší způsob, jak vytvořit strukturu webové stránky, je

  • vyznačit všechny texty, které mají být nadpisy, pomocí hvězdiček.
  • použít odpovídající HTML elementy a role pro definování oblastí stránky.
  • vyznačit ty texty, které jsou nadpisy, pouze vizuálně.
  • definovat si vlastní CSS třídy pro vyznačení nadpisů.

Zdůvodnění viz Jak přístupně strukturovat webovou stránku pomocí nadpisů – praktický návod či Přístupnost HTML5: strukturování obsahu.

Doporučená kombinace screen readeru a webového prohlížeče pro testování přístupnosti webu NENÍ

  • VoiceOver + Safari.
  • WindowEyes + Opera.
  • JAWS + Internet Explorer.
  • NVDA + Mozilla Firefox.

Zdůvodnění viz Testování přístupnosti webu: doporučené kombinace screen readeru a prohlížeče.

Minimální kontrastní poměr pro běžné písmo do velikosti 18 bodů nebo tučné písmo do velikosti 14 bodů dle WCAG 2.0 je

  • 50:1.
  • 2:1.
  • 4,5:1.
  • 18 :1.

Zdůvodnění viz Jak vybrat barvy pro grafický návrh s ohledem na přístupnost.

Vítězem soutěže se stává…

Ze správných odpovědí jsem nechal generátor náhodných čísel vylosovat vítěze, kterým se stal soutěžící s e-mailovou adresou lubomir.m…a@gmail.com. Srdečně gratuluji.

Všem soutěžícím děkuji za účasti i za zájem o tématiku přístupnosti, Martinu Michálkovi pak za poskytnutí licence e-booku Vzhůru do responzivního designu.