Autor Téma: ajax aplikacie a citac obrazovky  (Přečteno 4157 krát)

peter

  • Reset Staff
  • Newbie
  • *
  • Příspěvků: 345
    • Zobrazit profil
ajax aplikacie a citac obrazovky
« kdy: 9. Únor 2011, 18:15:16 »
Ahojte,
Tento text by mohol byt uzitocny tym z vas, co pouzivate (alebo chcete pouzivat) citace obrazovky v kombinacii s modernymi ajax webovimi aplikaciami. Pokusa sa ozrejmit co su to za aplikacie a ako s nimi (v pripade ze bola na ich spristupnenie pouzita technologia aria) pracovat.

V sucasnosti mozno na internete nadabit na 2 typy stranok.
O starom dobrom klasickom webe asi viete, ze citace obrazovky ho "linearizuju" a serviruju v akomsi specialnom prostredi v ktorom sa nam javi ako klasicky dokument s linkami, nadpismi, zoznamami, formularovymi prvkami,...
Linearizaciou mam na mysli to, ze ak je konkretna stranka vizualne rozlozena vo viacerych stlpcoch, tak sa citac obrazovky postara o to, aby mohol pouzivatel stranku citat v jednom rozmere (len sipkou hore a dolu) a aby ta stranka pri takomto citani davala zmysel. Teda napriklad trojstlpcovu stranku upravi tak, ze v "dokumente" ktory si prezerate sipkami je "zobrazeny" najprv prvy, pod nim druhy a nakoniec treti stlpec. Zobrazeny davam do uvodzoviek, pretoze zobrazeny znamena "pocutelny" ak si prezerate stranku sipkami ako to bezne robite. Teda na obrazovke je stranka v povodnom "tvare" a v specialnom prostredi ktore generuje citac obrazovky je linearna verzia. Sucastou linearizacie je aj oddelenie odkazov, tlacidiel, formularovych prvkov,... tak, aby boli vzdy na samostatnom riadku (opat nam to umoznuje prezerat si stranku len hornou a dolnou sipkou).
Pri takychto strankach mozno niektorym castiam priradit akysi vyznam. Vacsina stranok ma napriklad navigaciu (akesi menu stranky), hlavicku (nazov stranky), nastroj na vyhladavanie, cosi co by sa dalo nazvat hlavnym obsahom (ak si na strankach oblubeneho casopisu kliknete na konkretny clanok, potom miesto, na ktorom sa objavi text clanku, nazyvame hlavnym obsahom stranky), ...
V sucasnosti mozu tvorcovia stranok pri takychto "vyznamnych" castiach stranky citacu obrazovky povedat, o aku cast stranky ide a pouzivaju sa na to tzv ARIA Landmarks. Mozete ich vidiet napriklad na strankach skn:
http://www.skn.sk
Vsimnite si, ze jaws aj nvda vam pri prechode strankou tieto znacky hlasia. okrem toho ze ich oznamuju po nich mozno aj skakat rovnako ako napriklad po nadpisoch, zoznamoch,... V jawse pouzite pismenko ô a nvda hlada nasledujucu znacku po stlaceni pismenka d a predchadzajucu po stlaceni shift+d. Vyborne na tychto "znackach" je to, ze vizualne su na stranke neviditelne (vidiacich pouzivatelov teda vobec nerusia), zapracovat ich do stranky je pre vyvojara stranky velmi jednoduche a pouzivatelom s citacom obrazovky umoznuju rychlo najst tu cast zobrazenej stranky, ktora je pre nich prave dolezita.

Co raz castejsie sa ale na internete mozno stretnut s modernymi strankami, ktore sa snazia vizerat tak, ako bezne pocitacove programy. Teda niesu to len odkazy, text a formularove prvky, ale okna, v nich podokna, tie obsahuju tlacidla, zobrazenia zoznamov, zaciarkavacie policka, a vsetko to vizera vizualne pekne (teda nie ako internetova stranka ale ako iny bezny software). Typickym prikladom je napriklad mnohym vysokoskolskym studentom na Slovenskych skolach dobre znamy system ais2 (9.02.2011 je pre pouzivatelov odkazanych na citac obrazovky takmer nepouzitelny) alebo prostredie google docs (pristupne len ciastocne). Taketo stranky uz nemozno linearizovat, pretoze su dynamicke (ak napriklad napisete pismenko v textovom editore, prejavi sa to na stavovom riadku kde sa zobrazuje pozicia kurzora - stranka sa teda casto meni) a interakcia pouzivatela z linearizovanou aplikaciou takehoto typu je velmi zdlhava. Ak ste niekedy mali moznost pouzivat s citacom obrazovky lubovolny webmail a vyskusali ste si aj nejaky program na pracu s elektronickou postou (thunderbird, outlook, windows mail,...) tak rozdiel medzi beznou aplikaciou a linearizovanou aplikaciou poznate.

Aj moderne aplikacie vsak mozno pouzivat s citacom obrazovky. Je to vsak mozne len za predpokladu, ze vyvojary aplikacie pocitaju s tym, ze ich aplikaciu budu pouzivat nevidiaci pouzivatelia a samozrejme je potrebne mat aj aktualizovany citac obrazovky (jaws od verzie 10.0 a nvda od verzie 2010.1). Vyskusajte si pracu s takouto aplikaciou na konkretnom priklade:
Na stranke
http://cezap.sk/~lecky/acc_docs/nice_projects/sedma
sa nachadza hra sedma urobena ako pristupna aplikacia. Zobrazuje sa ako stranka, ktora vsak okrem bezneho obsahu (text s navodom,...) obsahuje aj "objekt" ktory funguje ako bezna aplikacia. Stranka je teda zaujimava tym, ze kombinuje oba typy obsahu. Prezrite si ju napriklad skakanim po nadpisoch.
- Nadpis "plocha pocitaca" oznacuje plochu, na ktorej vidno karty (samozrejme nie hodnoty) pocitaca,
- Nadpis "plocha hry" oznacuje oblast, kde sa zobrazuju vyhodene karty,
- Plocha hraca oznacuje plochu na ktorej sa nachadzaju vase karty.
Vsetky 3 plochy su vizualne a na to aby sa dali ovladat musime pouzit specialny rezim citaca obrazovky, v ktorom stranku nebude linearizovat, ale s nou bude pracovat ako s aplikaciou.

nvda:
- do rezimu pre pracu s aplikaciou sa prepne ihned po tom, ako kurzorom pridete na nejaky ovladaci prvok v oblasti oznacenej ako aplikacia (v tomto pripade je to sekcia za nadpisom "plocha hraca", pretoze na nej su karty ktore potrebujeme ovladat)
- V tomto rezime prestanu fungovat sipky ako nastroj na prezeranie celej stranky a budu fungovat tak ako im to diktuje konkretna aplikacia (v tejto hre nefunguju nijako). Prezrite si navod k hre a vyskusajte si zahrat.
- ak chcete rezim aplikacie vypnut a stranku si opat prezerat napriklad po nadpisoch, tak pouzite prikaz na presun do nadradeneho dokumentu (ctrl+nvda+medzera) cim rezim aplikacie vypnete.

jaws:
- aby ste mohli pracovat s aplikaciou, musite vypnut rychle klavesy jawsu. Stlacte teda jaws+y (pravy malicek dolu pod a, pracujeme so Slovenskou  qwertz klavesnicou)
- opatovnym aktivovanim rychlich klavesov jawsu sa dostanete do rezimu v ktorom si mozete aplikaciu prezerat ako stranku (teda napriklad po nadpisoch)
- po ukonceni prace s modernou aplikaciou si nezabudnite rychle klavesy zapnut, pouzivatelom jawsu prave za budanie na tuto malickost pomerne casto sposobuje traumy :).
Peter Lecký, Stopka n.o.