Archiv rubriky: Přístupnost webu

Proč je „Mobile First“ přístup dobrý i pro přístupnost

Weby, dobře navržené v duchu „Mobile First“, jsou i lépe přístupné.

V článku Co je to „Mobile First“? Ale doopravdy popsal Martin Michálek výhody, které přináší „Mobile First“ přístup při vývoji webu. Martin mimo jiné píše:

Mobile First má, kromě jiného, potenciál vylepšit desktopové verze webů třeba tím, že designéry nutí více se zaměřovat na jádro problému.

Jedním z dalších argumentů, které dle mého názoru a zkušeností hrají do karet Mobile First přístupu při návrhu webu a o kterém je dobré vědět, je i lepší přístupnost. Proč?

Když se na přístupnost podíváme optikou řešení v technické rovině, máme dnes robustní nástroje jak na straně uživatelů (například screen reader JAWS), tak vývojářů (například metodika WAI ARIA). A pokud jsou tyto nástroje vhodně používány na obou stranách, pak by uživatelé webu neměli při práci s webem narážet v technické rovině na nějaké problémy.

Kdy a kde tedy může „Mobile First“ přístup z hlediska přístupnosti pomoci?

První oblastí je srozumitelnost a přehlednost. Aniž bych chtěl jakkoliv snižovat přístupnostní faktory na úrovní kódu (například přístupnost z klávesnice), orientace ve velkém množství informací je to, co dnes celé řadě uživatelů při práci s webem komplikuje život více, než menší či větší nedostatky v přístupnosti v technické rovině.

Pokud je ale třeba web uzpůsobit i displejům mobilních zařízení, pak už na něj není možné bez ladu a skladu dát vše, co si kdo poručí (a že se toho na velký displej s vysokým rozlišením vejde opravdu hodně, o tom není sporu). V případě malého displeje už je třeba zamyslet se nad tím, které informace jsou opravdu důležité a v jakém pořadí by měly být uživateli prezentovány. Což pochopitelně přispěje k jejich přehlednosti a srozumitelnosti, protože na webu je jen to, co tam má být a co uživatel opravdu potřebuje.

Dalším faktorem, který hraje do karet přístupnosti, je více méně lineární způsob konzumování informací na malém displeji. Ten odpovídá tomu, jak s webem pracují nevidomí či slabozrací uživatelé. Pro tuto skupinu uživatelů je tedy práce s dobře navrženým „Mobile First“ webem mnohem přívětivější, protože nemusí bloudit po displeji a informace složitě hledat, ale jsou jim postupně nabízeny v logickém pořadí.

Lepší přístupnosti také napomáhá velikost ovládacích prvků, která při „Mobile First“ respektuje velikost displeje a specifika ovládání. Na menších displejích mají tlačítka a další ovládací prvky větší rozměry, aby se uživatelům webové rozhraní na menším displeji snadno ovládalo a například při vyplňování formuláře omylem nepotvrdili jiné tlačítko. Což by se v případě, kdy rozhraní není uzpůsobeno velikosti displeje, mohlo velmi snadno stát.

S velikostí ovládacích prvků velmi úzce souvisí velikost písma. Pro tu platí to samé, co pro ovládací tlačítka. Písmo je při „Mobile First“ přístupu zpravidla dostatečně velké a snadno čitelné. A když už jsme u písma a velikosti prvků – pokud může přístupnost webů na mobilních zařízeních něco opravdu zkomplikovat, pak je to zakázání zoomování/přiblížení obsahu. Proto se velmi přimlouvám za to, abyste u svých webů toto nezakazovali a ponechali uživatelům možnost si obsah stránky v případě potřeby přiblížit. Děkuji.

Weby, dobře navržené v duchu „Mobile First“, jsou tedy už ze své podstaty lépe přístupné. Takže pokud na základě výše uvedených faktů budeme na „Mobile First“ nahlížet jako na „Mobile and Accessibility First“, tak tím určitě nic nepokazíme 🙂

Související odkazy

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.

Probíhá už 6. průzkum mezi uživateli screen readerů

Americký WebAIM spustil další ze svých průzkumů mezi uživateli screen readerů (odečítačů obrazovky): Screen Reader User Survey #6. Tento je již v pořadí šestý, opět obsahuje 24 jednoduchých otázek a jeho vyplnění by nemělo zabrat více než 10 minut.

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

Průzkum bude k dispozici do 24. července 2015 a výsledky by měly být zveřejněny už na konci července.

Pro ty, 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ť proto, že musíte, či jen k testování přístupnosti webů – najděte si chvilku a dotazník vyplňte.

Související odkazy