Poslepu.cz na novém URL

Od ledna 2014 najdete blog na adrese poslepu.cz.

čtvrtek 31. října 2013

Easy Chirp: přístupná alternativa webového rozhraní pro Twitter

Webová aplikace Easy Chirp (aktuálně v beta verzi) je přístupná alternativa webového rozhraní pro Twitter, vytvořena s maximálním zřetelem na přístupnost. Může být tedy zajímavou možností pro práci s Twitterem například pro uživatele asistivních technologií, těch, kteří ovládají PC pouze z klávesnice či další uživatele se specifickými potřebami. V roce 2009 ji vytvořili a od té doby ji spravují spravují vývojáři, kteří rovněž vedou web o přístupnosti WebAxe. V polovině roku 2013 byl projekt znovu oživen a kód přepsán tak, aby se přizpůsobil změnám v API Twitteru.

Přístupnostní funkce

  • Všechny odkazy a ovládací prvky jsou přístupné z klávesnice.
  • Rozhraní nabízí jednoduché a jednotné rozvržení obsahu a menu.
  • Nadpisy a titulky stránek jsou pečlivě zapracovány pro co nejlepší přístupnost.
  • V případě interakce je činnost zakončena upozorněním (JS nebo ARIA), které oznámí uživateli výsledek akce.
  • Velká výchozí velikost textu a dostatečný barevný kontrast.
  • Lze měnit velikost textu bez toho, aniž by došlo k rozsypání rozložení obsahu stránky či překrývání jednotlivých bloků s obsahem.

  • Přístupnost z klávesnice (nativní klávesové zkratky) k položkám hlavního menu.
  • Vyznačení formulářů a datových tabulek tak, aby byly co nejlépe přístupné.
  • Kód je sémantický, odlehčený, a snaží se zohledňovat webové standardy.
  • Rozhraní obsahu docela velkou implementaci funkcionalit z WAI-ARIA: oblasti stránek (landmarky), role pro upozornění a živé oblasti (live regions) pro aktualizuji hodnoty počitadla znaků.
  • Je k dispozici odkaz "skočit k přihlášení" (skip to sign in) a odkaz „skočit na hlavní obsah“ (skip to main content) na začátku hlavní stránky webového rozhraní.
  • Rozhraní funguje i s vypnutým Javascriptem.
  • Rozhraní lze používat se všemi typy asistivních technologií: odečítačů obrazovky, softwarových lup či zařízení s Braillským výstupem.

Hlavní funkce

  • Při psaní tweetu je dostupné počitadlo znaků a funkce Zkráceného URL (vyberte bit.ly nebo weba.im).
  • Kromě základního retweetu, citace tweetu, a odpovědi, může uživatel odpovědět všem a odeslat tweet e-mailem.
  • Náhled, odběr, a vytvoření Twitter listu.
  • Vyhledávání tweetů a uživatelů (a hledání doporučení).
  • Přidání, smazání, a spouštění uložených vyhledávání.
  • Úprava nastavení základního profilu včetně aktualizace avataru.
  • Snadný přesun na profil uživatele a časovou osu.
  • Návaznost tweetů; zobrazení odpovědi v konverzaci.
  • Tweety obsahují odkazy na hash tagy a jména uživatelů.
  • Při odpovídání nebo citování lze snadno prohlížet originální tweet.
  • Lze zjisti informace o tom, koho sledujete, a kdo sleduje vás.
  • Je podporováno blokování.
  • U každého tweetu se zobrazí počet retweetů (pokud je jich 1 nebo více).
  • Náhled retweetů.
  • Rychlé zjištění, zda vás nějaký uživatel sleduje.
  • Náhled aktuálních Twitter trendů (Twitter Trends).
  • K dispozici je odkaz na Twitter stránku „Náhled jednotlivého tweetu“ a pro vlastní a sledované seznamy.
  • Navrženo pro všechna rozlišení obrazovky, stolní PC, tablet a mobil.
  • Funguje ve všech hlavních prohlížečích: Internet Explorer 8 a výše, Firefox, Safari, Opera a Chrome.

Jak používat Easy Chirp se screen readerem JAWS?

Webové rozhraní používáte tak, že se ke svému Twitter účtu přihlásíte na stránce Easy Chirp. Pomocí odkazu „skip to sign in“, který je na začátku stránky přejdete k nadpisu Sign in, pod nímž je grafické tlačítko Sign in with Twitter; alternativní přístup k témuž tlačítku od začátku stránky je stisknout dvakrát klávesa G po přesun po grafických objektech (protože tlačítko Sign in with Twitter není standardní tlačítko, ale grafický objekt).

Načte se stránka s formulářem pro přihlášení, do kterého zadáte své údaje pro přihlášení na Twitter a potvrdíte tlačítkem Autorizovat aplikaci, které už je standardním tlačítkem.

Následně můžete využít standardní navigační prostředky odečítače pro pohyb po oblastech stránky, nadpisech a seznamech. Na začátku stránky je několik odkazů pro přesun k hlavnímu obsahu, odhlášení, a také odkazy following, followers, a tweets s údajem o počtu, které potvrzením zobrazí buď sledované, sledující či možnost napsat tweet.

Dále následuje dvojí menu, pro které jsou k dispozici také klávesové zkratky pro rychlý přístup k jeho položkám (Více viz níže). Na stránce se zobrazením Timeline je po přechodu navigací (od začátku stránky) tlačítko (B) Write Tweet (Napsat Tweet). Pod ním se pak nacházejí vlastní tweety, po nichž se lze nejrychleji pohybovat pomocí navigace po nadpisech druhé úrovně a obsah tweetu lze přečíst přechodem na odstavec (P).

Ke každému tweetu se pojí dvě tlačítka Tweet option a User option. Po jejich aktivování mezerníkem se rozbalí další tlačítka, po kterých se lze pohybovat tabulátorem. K opuštění této skupiny tlačítek nelze použít Escape, je potřeba se buď vrátit na výchozí tlačítko (tabulátorem), nebo přejít na další výchozí tlačítko User option klávesou B, nebo přejít na další tweet.

Pod tlačítkem Tweet option se skrývají tlačítka Označit jako oblíbený (Make favorite), Odpovědět (Reply), Odpovědět všem (Reply to all), Retweet, Citovat tweet (Quote Tweet) a E-mail tweet.

Tlačítko User option obsahuje tlačítka Timeline (zobrazí se tweety konkrétního uživatele), Direct message (pro napsání přímé zprávy danému uživateli), Tweet message (napsat tweet přímo k danému tweetu, zobrazí se editační pole s už vloženým uživatelským jménem autora tweetu, na který reagujete), zobrazení seznamů uživatele (Lists), a tlačítko pro označení přispěvatele jako spammera (Report spammer).

Klávesové zkratky pro rychlý přístup k položkám menu

Jak je uvedeno výše, na stránce je dvojí menu: App menu (Menu webové aplikace Easy Chirp) a Tweet menu.

Menu aplikace Easy Chirp
  • Home (Hlavní stránka) Alt + Shitf + ´ (znak dlouhé hlásky („čárka“) na alfanumerické klávesnici)
Menu Twitteru
  • Timeline 1 (Alt + Shift + + při českém rozložení klávesnice)
  • Mentions 2 (Alt + Shift + ě při českém rozložení klávesnice)
  • Favorites 3 (Alt + Shift + š při českém rozložení klávesnice)
  • Retweets 4 (Alt + Shift + č při českém rozložení klávesnice)
  • Lists 5 (Alt + Shift + ř při českém rozložení klávesnice)
  • DM (Direct Messages) 6 (Alt + Shift + ž při českém rozložení klávesnice)
  • Tools 7 (Alt + Shift + ý při českém rozložení klávesnice)

Zajímavou možností je volba barevného schématu (vzhledu) stránky v patičce - Dark theme a Light theme.

Závěr

Uživatelé aktuálně mají k dispozici dvě možnosti přístupu k Twitteru a práci v něm. Prostřednictvím standardního Twitter rozhraní, kde jsou k dispozici nativní klávesové zkratky, které je ale nutno používat při vypnutém virtuálním kurzoru odečítače, takže v praxi je pak nutné se přepínat mezi těmito režimy. Na druhou stranu lze tyto klávesové zkratky používat nezávisle na tom, zda uživatel má či nemá aktivní asistivní technologii, a tyto zkratky také umožňují velmi snadný a rychlý přístup k nejčastějším činnostem (například napsání tweetu či procházení mezi tweety). A alternativní rozhraní Easy Chirp, které je v rámci HTML (popř. AJAX) kódu propracovanější a umožňuje lépe využívat funkce a klávesovou navigaci odečítače.

Testováno s odečítačem obrazovky JAWS 14 v Internet Exploreru 10 na Windows 7.

Spoluautorem článku je pan Martin Klein.

Související odkazy

Žádné komentáře: