Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu Volksbank

• existuje zapamätateľná adresa “ibs.luba.sk”
• po prihlásení používateľ okamžite vidí stav svojho účtu
• povinné položky formulára sú zvýraznené červenou hviezdičkou, aj inou farbou pozadia
• nad formulárom sa viditeľne zobrazuje informácia o nesprávne vyplnených povinných položkách formulára
• v nesprávne vyplnenom formulári sú zvýraznené nesprávne vyplnené položky inou farbou pozadia
• pomocník sa automaticky “posunie” na požadovanú časť
• odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené

Negatíva Internet bankingu Volksbank

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písat https v URL adrese
• v menu nie je zvýraznená položka, ktorá predstavuje práve zobrazovanú stránku
• menu je rozbaľovacie, a teda je v mnohých prípadoch potrebné klikať dva krát, kým sa používateľ dostane k požadovanej službe

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri ďalšom videocaste Pizza SEO. Dnes sa pozrieme na Internet banking Volksbank, ktorý nájdete na URL adrese ibs.luba.sk. Opäť však nie je možné túto adresu zadať bez https. Bez toho https vám stránku nezobrazí.

[00:22] Hneď na úvodnej stránke sa nachádza prihlasovací formulár, v ktorom je dokonca možné si zvoliť jazyk: slovenský, anglický alebo nemecký.

[00:36] Hneď po prihlásení sa na stránke zobrazuje prehľad účtov, v ktorom má používateľ možnosť vidieť svoj aktuálny zostatok, ale tiež disponibilný zostatok. Po prejdení myšou cez danú sumu sa zobrazí táto suma prepočítaná na eurá.

[01:02] V ľavej časti stránky sa nachádza hlavné menu, ktoré je rozbaľovacie, čo znamená, že ak chce používateľ napríklad zadať nový platobný príkaz, tak potrebuje klikať dva krát, pretože najskôr musí rozbaliť položku “Nový platobný príkaz” a potom si musí vybrať buď “Tuzemský platobný príkaz”, “Zahraničný platobný príkaz”, “Príkaz na inkaso” a pod. Je škoda, že v tomto menu položka, ktorá predstavuje práve zobrazovanú stránku, nie je žiadnym spôsobom zvýraznená.

[01:38] Čo sa týka vypĺňania formulárov, tak povinné položky formulára sú zvýraznené červenou hviezdičkou a zároveň sú zvýraznené tieto polia inou farbou pozadia. Ak odošlem nesprávne vyplnený formulár, tak nad samotným formulárom sa zobrazí informácia o tom, že formulár obsahuje nesprávne zadané údaje a polia s nesprávne zadanými údajmi sú opäť zvýraznené inou farbou pozadia.

[02:13] Na stránke sa tiež nachádza pomocník, ktorý je síce všeobecný, ale automaticky sa posunie na to miesto, ktoré predstavuje práve zobrazovanú službu, ako v tomto prípade napríklad “Domáci platobný príkaz.

[02:32] Odkaz pre odhlásenie je zvýraznený inou farbou šípky vľavo od tohto odkazu a odhlásiť sa je možné na jedno kliknutie.

Ďakujem za pozornosť.

Aký je Váš názor? Máte skôr pozitívne, alebo negatívne skúsenosti s používaním Internet bankingu Volksbank?

V tvorbe kampane v systéme Google AdWords pre víťaza súťaže 30C pokračujeme ďalej. Minule sme začali s prípravami, teraz pre Tomášov Domainer.sk zanalyzujeme kľúčové slová.

Ak v PPC (pay per click) kampani zvolíme správne kľúčové slová, budeme cieliť tých správnych ľudí. Naše inzeráty sa zobrazia iba pri hľadaní vybraných slov a fráz. V prípade kontextovej reklamy sa inzeráty zobrazia na stránkach, ktoré súvisia s vybranými kľúčovými slovami. Voľba slov v kombinácii s dobre formulovaným odkazom a samozrejme skúsenosťou užívateľa po prekliku na stránku určuje efektivitu našej kampane. Vo všeobecnosti chceme zvoliť kľúčové slová, ktoré sú relevantné, indikujú zámery hľadajúceho, respektíve súvisia s témou našej stránky.

Analýza kľúčových slov

Pri pohľade na obsah webstránky Domainer.sk sa ako slová, ktoré by mohli ľudia pri hľadaní použiť na nájdenie obsahu s touto tématikou, núkajú slová (slovné spojenia) ako „predaj domén“, „doména“, „burza domén“ atď. Pomocou nástrojov ako Google Keyword Tool či OpenPhrases si vygenerujeme ich synonymá či podobné slová, aby sme mali k dispozícii viac slov. Tieto nástroje nám okrem ďalších slov „vypľujú“ aj údaje o hľadanosti a konkurenčnosti skúmaných slov (na obrázku). Z analyzovaných slov chceme vybrať mix tých najvhodnejších, ideálne veľmi často hľadaných a málo konkurenčných (málo konkurenčné sú také, na ktoré inzeruje málo inzerentov). Zároveň sa pri frázach snažíme zistiť aj úmysel - niekedy je možné odlíšiť v akej fáze nákupného procesu sa záujemca nachádza podľa slov, ktoré používa na hľadanie.

Našim výberom nakoniec prešli tieto slová (a ich odvodeniny či verzie bez diakritiky): „doména“, „predaj domén“, „domény na predaj“, „kúpa domén“, „nákup domén“, „burza domén“, „aukcia domén“, „domainer“. Experimentovať chceme so slovami súvisiacimi s investíciami či investovaním. Odporučili sme vytvorenie obsahu (tzv. pristávacích stránok), na ktorých chceme domény prezentovať ako „investície 21. storočia“ a skúsiť tak na fórum pritiahnuť širšiu skupinu potenciálnych čitateľov.

Nabudúce vám ukážeme aj to, ako sme sa rozhodli štruktúrovať kampaň pre Domainer.sk.

Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu Slovenskej sporiteľne

• existuje zapamätateľná adresa “ib.slsp.sk”
• po prihlásení používateľ okamžite vidí stav svojho účtu
• hlavné menu je prehľadné
• povinné položky formulára sú zvýraznené žltým rámikom
• nad formulárom sa viditeľne zobrazuje zoznam nevyplnených/nesprávne vyplnených povinných položiek formulára
• v nesprávne vyplnenom formulári sú zvýraznené nesprávne vyplnené položky
• na každej stránke sa nachádza špecifický pomocník
• všetky dôležité odkazy (tlačiť, pomoc, odhlásiť) sú dobre viditeľné (zvýraznené červenou farbou)
• odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené (navyše sa nachádza na 2 miestach na stránke)

Negatíva Internet bankingu Slovenskej sporiteľne

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písat https v URL adrese
• používateľ, ktorý má zakázaný JavaScript v prehliadači sa nedokáže prihlásiť

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri ďalšom videocaste spoločnosti Pizza SEO, ktorý bude o použiteľnosti Internet bankingu Slovenskej sporiteľne.

[00:08] Opäť začnem tým, že existuje celkom zapamätateľná adresa ib.slsp.sk. Neexistuje však bohužiaľ presmerovanie z http na https, čiže je potrebné to vpisovať celé. Táto adresa (https://ib.slsp.sk/main/start.do) vyzerá trošku zložitejšie, je tu ešte main/start.do, ale stačí zadať iba ib.slsp.sk, samozrejmä, aj s https a automaticky ste presmerovaní na túto adresu. Je škoda teda, že neexistuje aj presmerovanie z http na https.

[00:46] V ľavej časti stránky je hneď na úvodnej stránke prihlasovací formulár. Bohužiaľ, ak má používateľ zakázaný JavaScript vo svojom prehliadači, tak sa nesá prihlásiť.

[01:03] Po prihlásení používateľ okamžite si môže vybrať zo svojich účtov a zároveň má v hornej časti stránky zobrazený disponibilný zostatok k vybranému účtu. Po prejdení myšou cez túto sumu sa mu zobrazí suma prepočítaná na eurá. Zároveň stav svojho účtu vidí aj v hlavnej časti stránky, kde má okrem iného zoznam štatistík pre daný účet, napríklad počet obratov od posledného prihlásenia, zrealizované príkazy z EB a pod.

[01:40] V ľavej časti stránky sa nachádza hlavné menu. Toto je podľa mňa celkom prehľadné, je rozdelené na nejaké tri kategórie - operácie nad účtom, údaje o účte, nastavenia.

[01:56] Pri zadávaní nejakej platby je potrebné vyplniť formulár, v ktorom sú všetky povinné polia zvýraznené žltým rámikom. Ak používateľ odošle nesprávne vyplnený formulár, tak nad samotným formulárom sa mu zobrazí zoznam chybne vyplnených údajov. Tento zoznam je zvýraznený červenou farbou a zároveň všetky nesprávne vyplnené polia sú označené červeným rámikom.

[02:28] Na každej stránke sa riež nachádza pomocník, ktorý je určený pre danú stránku. Tento pomocník sa dá takisto vytlačiť. Zároveň je celkom dobrá vec, že všetky dôležité odkazy/tlačidlá sú zvýraznené červenou farbou, čiže sú hneď viditeľné. Sú to napríklad odkazy vytlačiť, pomoc, odhlásiť a pod.

[03:00] Odhlásiť sa je možné cez odkaz v pravej hornej časti stránky, alebo cez tlačidlo v ľavom menu. Odhlásenie je možné na jedno kliknutie.

Ďakujem za pozornosť.

Vyjadrite sa k Internet bankingu Slovenskej sporiteľne!

Cenu od Pizza SEO v súťaži 30C – tvorbu kampane v systéme Google AdWords alebo Etarget spolu s kreditom vo výške 5000 Sk – vyhral najprv Vladimír Pavlík (Vladooo), vymenil ju však za webhosting s Tomášom Svoradom (alias Tom@S) - majiteľom stránky Domainer.sk.

Jednou z podmienok výhry je, že sa o niektoré podrobnosti z tvorby kampane môžeme podeliť na blogu. Veríme, že Tomáš bude z výsledkami kampane spokojný a ostatní ocenia možnosť nakuknúť do zákulisia tvorby reklamnej kampane.

Tvorba reklamnej kampane – ako začať?

Tomáš si z PPC systémov vybral Google AdWords. Následne sme sa zoznámili s webom Domainer.sk, ktorý sa bude v kampani propagovať. Ide o diskusné fórum, v ktorom sa používatelia zaoberajú predajom a nákupom domén či celých webových stránok, hodnotením domén a rôznymi inými „internetovými“ témami. Pozorne sme sa snažili absorbovať niektoré špecifické „domainerské“ pojmy, ktoré neskôr využijeme pri analýze kľúčových slov.

Za cieľ kampane sme si určili získať nových používateľov fóra a zvýšiť počet pravidelných návštevníkov. Google AdWords umožňuje zaznamenávať konverzie (konverzia - používateľom špecifikovaná akcia, ktorá hovorí o efektivite kampane, napríklad objednávka, nákup, registrácia…) a pri tejto kampani ich určite využijeme. Konverziou pre nás bude registrácia používateľa v diskusnom fóre.

Nakoniec sme zaregistrovali pre túto kampaň v Google AdWords nové konto.

Nabudúce sa pozrieme aj na to, ako prebiehala analýza kľúčových slov pre Domainer.sk.

Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu UniCredit Bank

• existuje zapamätateľná adresa “unibanking.sk”
• existuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ nemusí písat https v URL adrese
• hlavné menu je prehľadné
• dôležité údaje je možné vytlačiť alebo uložiť
• v nesprávne vyplnenom formulári je zvýraznená nevyplnená položka (žiaľ len jedna)
• na stránke sa nachádza prehľadný pomocník “Návod na obsluhu”
• odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené

Negatíva Internet bankingu UniCredit Bank

• po prihlásení sa zobrazuje “neužitočná” informácia (namiesto napríklad zostatku na účte)
• hlavné menu je rozbaľovacie - používateľ musí klikať dva krát, aby sa dostal na stránku, ktorú potrebuje
• v menu nie je zvýraznená práve zobrazovaná stránka
• v nesprávne vyplnenom formulári nie sú zvýraznené všetky nevyplnené položky
• pri odkaze na obchodné podmienky nie je uvedené, že sa jedná o PDF dokument

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Ahojte, je tu ďalší videocast spoločnosti Pizza SEO, tentokrát o použiteľnosti Internet bankingu UniCredit banky.

[00:08] Táto služba sa nachádza na jednoduchej URL adrese “unibanking.sk”. Čo je dôležité, nie je potrebné vpisovať https. Je možné zadať len http://unibanking.sk, alebo len unibanking.sk a automaticky budete presmerovaný na zabezpečenú adresu https://unibanking.sk.

[00:38] Po prihlásení sa ám zobrazí podľa mňa dosť “neužitočná” stránka, ktorá Vás len informuje o úspešnom prihlásení a víta Vás v systéme Internet bankingu.

[00:49] V ľavej časti stránky sa nachádza hlavné menu, ktoré si myslím, že je celkom prehľadné. Je však rozbaľovacie, čo znamená, že k prístupu k jednotlivým informáciám je potrebné klikať dva krát. Takisto mohla byť položka, ktorá predstavuje aktuálne zobrazovanú stránku nejakým spôsobom zvýraznená. To tu chýba.

[01:13] V informáciách o účtoch sa nachádza odkaz na detail účtu, ktorý však nevyzerá ako odkaz. Číslo účtu, ktoré predstavuje tento odkaz, si myslím, že malo byť štandardne podčiarknuté, aby používateľ okamžite videl, že to je odkaz k detailu jeho účtu. Pri týchto detailoch je možné stránku vytlačiť, resp. exportovať, uložiť do nejakého súboru. Pod stránkou sa tiež nachádzajú informácie. Keď však k aktuálnej stránke žiadne informácie nie sú, tak si myslím, že samotné slovo “informácie” mohlo byť vynechané, prípadne pod ním mohla byť nejaká stručná informácia o tom, že k danej položke sa žiadne informácie nevzťahujú.

[02:04] Pri platobných operáciách ak odošlem prázdny formulár, tak sa správne zvýrazní červenou farbou pozadia nevyplnená, resp. zle vyplnená položka. Škoda, že vždy je to len jedna položka. To znamená, že keď som nevyplnil ani číslo účtu, ani kód banky, tak sa zvýraznilo len pole pre číslo účtu a až keď by som zadal číslo účtu, až vtedy by ma to upozornilo, že som nezadal kód banky. Myslím si, že toto mohlo byť riešené v jednom kroku. Pod samotným formulárom sa ešte nachádza červenou farbou zvýraznená informácia o tejto chybe, čo je správne. Myslím si však, že táto informácia mohla byť buď nad samotným formulárom, alebo nad tou časťou formulára, ktorej sa táto informácia priamo týka.

[03:00] Na stránke sa tiež nachádza pomocník, ktorý je nazvaný “Návod na obsluhu”. Ten sa otvára v novom okne a myslím si, že je celkom prehľadný. V jednotlivých častiach je možné kliknúť na ďalšiu časť atď.

[03:23] Čo som si všimol je, že odkaz na obchodné podmienky je odkaz na súbor PDF, čo ale nie je pri samotnom odkaze žiadnym spôsobom označené a používateľ nie je upozornený na to, že tento odkaz otvorí PDF súbor.

[03:48] Odhlásenie je možné na jedno kliknutie a čo je výborné, že tento odkaz je jasne zvýraznený červenou farbou pozadia.

Ďakujem za pozornosť.

Používate Internet banking UniCredit Bank? Čo si o ňom myslíte?

Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu ČSOB

• existuje zapamätateľná adresa “ib24.csob.sk”
• na stránke je bezpečnostný časový limit pre automatické odhlásenie používateľa
• odkazy v menu majú nastavené užitočné titulky
• na každej stránke je možnosť tlačiť, alebo exportovať do .txt alebo .slk
• na každej stránke je špecifický pomocník. ale je možné zobraziť aj všeobecný pomocník (”Užívateľská príručka”)
• veľa možností nastavenia
• odhlásenie dostupné na 1 kliknutie

Negatíva Internet bankingu ČSOB

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písat https v URL adrese
• problém s bezpečnostným certifikátom
• bezpečnostný časový limit nie je možné zmeniť (viď. komentáre pod článkom)
• po odoslaní nesprávne vyplneného formulára sa zobrazí vyskakovacie okno popisujúce len 1 chybu
• v užívateľskej príručke chýba prepojenie medzi jednotlivými časťami
• keď používateľ obnoví stránku, systém ho odhlási

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Zdravím Vás pri ďalšom videocaste Pizza SEO, ktorý bude o použiteľnosti Internet bankingu ČSOB banky.

[00:08] Opäť začnem s tým, že existuje celkom jednoduchá URL adresa ib24.csob.sk. Neexistuje však presmerovanie nezabezpečenej http adresy na zabezpečenú https. Používateľ teda musí vpisovať aj https. Zároveň, ak však aj zadá celú adresu https://ib24.csob.sk, tak sa mu zobrazí informácia o tom, že táto stránka používa nejaký neplatný certifikát a používateľ musí udeliť výnimku, ak chce túto službu používať. Myslím si, že toto nie je veľmi dobrá vizitka elektronického bankovníctva.

[01:00] Keď sa prihlásim, tak na úvodnej stránke sa mi zobrazí zostatok na účte, čo však, ako o chvíľku ukážem, nemusí platiť pre každého používateľa. Na stránke sa taktiež nachádza tzv. bezpečnostný limit, ktorý je nastavený na 20 min., po uplynutí ktorých je používateľ automaticky odhlásený. Tento limit je možné reštartovať, nie je však možné ho zmeniť napr. na 15, alebo 10 min. a podobne.

[01:27] V hornej časti stránky sa nachádza hlavné menu, ktoré si myslím, že je celkom prehľadné a pri jednotlivých položkách sa tiež nachádzajú titulky, napr. “Zadanie tuzemského príkazu v SKK”, “Zadanie tuzemského hromadného príkazu v SKK” a pod.

[01:44] Ak chcem vykonať nejakú platobnú operáciu, tak ak nevyplním správne príslušný formulár, zobrazí sa mi vyskakovacie okno o tom, ktorú položku som nevyplnil správne. Vždy je to však len k jednej položke, teda, ak ja ju vyplním a iné zas nevyplním, zobrazí sa mi ďalšie takéto vyskakovacie okno. Myslím si, že užitočnejšie by bolo, keby sa naraz zobrazovali všetky takéto informácie niekde nad týmto formulárom a zároveň tieto položky by boli zvýraznené.

[02:19] Stránku je možné vytlačiť, alebo je možné ju exportovať do súboru pre MS Excel, alebo do textového súboru. Takisto sa na každej stránke nachádza špecifický pomocník, ktorý je vždy určený pre danú službu, ktorú mám zobrazenú, napríklad tuzemský platobný príkaz a pod. Taktiež je možné zobraziť všeobecný pomocník, ktorý je nazvaný užívateľská príručka. Ten sa zobrazí v novom okne. Chýba mi tu prepojenie medzi jednotlivými časťami. Ak si zobrazím prvú časť, nie je tu odkaz prejsť na ďalšiu, ale len prejsť späť.

[03:04] Na tomto Internet bankingu je celkom zaujímavé, že má pomerne veľa možností nastavenia, cez tzv. “Vlastné nastavenia služby”. Je možné napr. nastaviť jazyk aplikáce z ponuky slovenčiny, češtiny, angličtiny, nemčiny a maďarčiny. Je možné nastaviť, aký má byť výstup po vykonaní nejakej akcie - či sa má informácia len zobraziť na stránke, alebo má byť odoslaná SMS-kou, alebo e-mailom. Ako som už spomínal, každý používateľ si môže nastaviť, čo sa mu má zobrazovať na úvodnej stránke, teda, či prázdna stránka, zostatok na účte, pohyby na účte a pod. Pri filtrovaní pohybov na účte je možné napr. nastaviť počet položiek na stránke, či chcem, aby sa mi zobrazovalo 10, alebo všetky naraz a pod. Taktiež je možné nastaviť tzv. alias účtu, ktorý sa potom zobrazuje v tomto systéme. Ja som si nastavil “ucet pizza seo” a keď si zobrazím hlavnú stránku, tak tam mam alias účtu “ucet pizza seo”.

[04:30] Možnosť odhlásenia je na dvoch miestach. Je tam button “Odhlásiť”, ktorý je celkom viditeľný, prípadne sa v hornej časti nachádza ikona, ktorá už je menej viditeľná. V každom prípade, odhlásenie je možné na jedno kliknutie.

Ďakujem Vám za pozornosť.

Máte vlastné skúsenosti s používaním Internet bankingu ČSOB? Vyjadrite sa k nemu v komentároch.

Depiho aktivita sa nám páči – elegantne ukazuje, ako sa návštevnosť blogu (ale aj iných stránok) buduje aktívnou tvorbou zaujímavého obsahu, šikovným link baitom, aktívnou komunikáciou s návštevníkmi.

Depiho čitatelia súťažia o hodnotné ceny informovaním o 30C, prispievaním do diskusie a sledovaním postupných zmien na stránke. V Pizza SEO sme využili možnosť stať sa jedným zo sponzorov súťaže (štvrtým po webhostingovej firme inet.sk, internetovom obchode novypocitac.sk a bloggerovi eMDIm).

Ako cenu ponúkame jednu z našich najrýchlejšie rastúcich služieb – tvorbu kampane v systéme AdWords, resp. Etarget spolu s reklamným kreditom vo výške 5000,- Sk. Tešíme sa aj, že sa na blogu budeme môcť podeliť o podrobnosti o kampani, ktorú pre výhercu zrealizujeme.

Čo je prístupnosť?

Prístupná webová stránka je taká stránka, ktorú si môže prezerať každý užívateľ - bez ohľadu na to, či je zrakovo postihnutý, trpí motorickými poruchami alebo používa na prezeranie stránok napríklad mobilný telefón.

Aké sú povinnosti správcov webových stránok verejnej správy?

Výnos vychádza v oblasti prístupnosti z Web Content Accessibility Guidelines verzia 1 a ďalších doplňujúcich textov. Prejdime si konkrétne povinnosti tvorcov webstránok bod po bode:

(1) Povinnými požiadavkami sú:

a) dodržiavanie pravidiel prístupného webu s prioritou 1 z dokumentu “Web Content
Accessibility Guidelines 1.0″, a to nasledovných bodov: 1.1, 1.2, 1.3, 1.4, 2.1, 2.2, 3.5, 3.6, 4.3, 5.1, 5.2, 6.1, 6.2, 6.3, 7.1, 9.1, 10.4, 11.4, 12.1, 12.4, 13.6, 14.1 a bodu 8.1 v prípade, ak je funkčnosť dôležitá a zároveň nie je prezentovaná aj na nejakom inom mieste,

1.1: Poskytnite textovú alternatvu ku každému netextovému elementu (obrázky, skripty, zvuky a pod.) cez atribúty alt, longdesc a iné.
1.2: Poskytnite redundantné textové odkazy pre každú aktívnu oblasť obrázkovej mapy na strane servera.
1.3: Poskytnite zvukový popis dôležitých informácií vo vizuálnej stope multimediálneho záznamu. Táto podmienka platí len, ak prehliadač užívateľa nedokáže čítať nahlas textový ekvivalent vizuálneho záznamu.
1.4: Synchronizujte alternatívy (titulky alebo zvukové popisy vizuálnej stopy) s prezentáciou. Táto podmienka platí pre multimediálne prezentácie založené na čase (napr. film).
2.1: Zabezpečte, aby akékoľvek informácie zobrazené vo farbe boli prístupné aj bez farby. Môže ísť o použitie textového zvýraznenia alebo zvýraznenie pomocou kontextu.
2.2: Zabezpečte, aby kombinácie farieb popredia a pozadia poskytovali dostatočný kontrast pre ľudí, ktorí trpia jednou z foriem farbosleposti alebo v prípade zobrazenia v čiernobielom prevedení.
3.5: Použite elementy nadpisov (h1 až h6) na vyjadrenie štruktúry dokumentu v súlade so špecifikáciou.
3.6: Správne označte zoznamy a položky zoznamov (napr. elementy ol, ul, dl a li).
4.3: Identifikujte hlavný prirodzený jazyk dokumentu (napr. cez lang atribút v elemente html, podobne pre xml:lang pre XML).
5.1: Identifikujte nadpisy riadkov a stĺpcov pre dátové tabuľky (napr. element th).
5.2: Pre dátové tabuľky, ktoré majú jeden alebo viac logických úrovní nadpisov riadkov alebo stĺpcov, použite značky pre prepojenie dátových buniek s bunkami nadpisov (elementy thead, tfoot, tbody, col, colgroup, atribúty axis, scope, headers).
6.1: Štrukturujte dokumenty tak, aby mohli byť čítané bez priradených štýlov. Ak by si užívateľ dal zobraziť iba HTML bez priradeného CSS, dokument musí byť čitateľný.
6.2: Zabezpečte, aby ekvivalenty pre dymanický obsah boli aktualizované pri zmene dynamického obsahu.
6.3: Zabezpečte, aby stránky boli použiteľné, keď sú skripty, applety alebo iné programatické objekty vypnuté alebo nepodporované. Ak to nie je možné, poskytnite informáciu na alternatívnej, prístupnej stránke.
7.1: Vyhnite sa blikaniu obrazovky. Táto požiadavka platí pokiaľ užívateľ nevie ovládať blikanie v prehliadači.
8.1 (doplnkový, viď vyššie): Urobte programatické elementy ako skripty a applety priamo prístupné alebo kompatibilné s asistívnymi technológiami.
9.1: Poskytnite obrázkové mapy na strane klienta namiesto tých na strane servera, s výnimkou, keď regióny nemôžu byť definované cez dostupný geometrický útvar.
10.4: Umiestnite predvolené znaky na vyplnenie miesta do formulárových prvkov. Táto podmienka platí len ak rozšírené prehliadače nedokážu správne spracovať prázdne formulárové prvky (elementy input, textarea).
11.4: Ak napriek maximálnej snahe nedokážete vytvoriť prístupnú stránku, poskytnite odkazy na alternatívnu stránku, ktorá používa technológie W3C, je prístupná, obsahuje ekvivalentnú informáciu (alebo funkcionalitu) a je aktualizovaná tak často, ako neprístupná stránka.
12.1: Označte každý rámec (frame) nadpisom na umožnenie identifikácie a navigácie v rámcoch (title atribút).
12.4: Prepojte popisy (labels) s ich formulárovými prvkami (element label, atribút for).
13.6: Spojte podobné odkazy do skupiny, identifikujte skupinu a ak prehliadače neumožňujú preskočiť ich, poskytnite spôsob na ich preskočenie.
14.1: Použite najzrozumiteľnejší a najjednoduchší jazyk vhodný pre obsah stránok.

b) dodržiavanie zásad prístupného webu z materiálu “Dokumentácia zásad prístupnosti webových stránok pre používateľov s ťažkým zrakovým postihnutím”, a to nasledovných bodov: 5, 7, 9, 10, 11, 13, 14.

5: Obsah www stránky sa mení len keď používateľ aktivuje nejaký prvok. K obnoveniu stránky môže dôjsť len v prípade, keď užívateľ aktivuje prvok, ktorý je na tento účel určený.
7: Označenie každého odkazu výstižne popisuje jeho cieľ nezávisle na okolitom kontexte. Klasickým zakázaným príkladom je text odkazu “kliknite sem”, prípadne len “tu”.
9: Farby popredia a pozadia sú dostatočne kontrastné. Na pozadí nie je vzorka znižujúca čitateľnosť. (podobne ako WCAG, bod 2.2)
10: Predpisy určujúce veľkosť písma nepoužívajú absolútne jednotky. Povolené sú relatívne jednotky ako kľúčové slová (napr. small, large a pod.), percentá, jednotky em a ex. Je zakázané používať jednotku px (pixel), ktorá znemožňuje zväčšenie písma v prehliadači Internet Explorer.
11: Kód web stránok zodpovedá niektorej zverejnenej finálnej špecifikácii jazyka HTML alebo XHTML. Neobsahuje syntaktické chyby, ktoré je schopný správca web stránok odstrániť. Preklad: Kód stránok musí byť validný podľa štandardov W3C.
13: Prvky tvoriace nadpisy a zoznamy sú korektne vyznačené v zdrojovom kóde. Prvky, ktoré netvoria nadpisy alebo zoznamy nie sú takto vyznačené. (podobne ako WCAG, body 3.5 a 3.6)
14: Každému formulárovému prvku je priradený výstižný názov. Pre meno napríklad “name” alebo “meno”. Taktiež je dôležité zabezpečiť previazanie formulárových prvkov s elementom popisu label. (podobne ako WCAG, bod 12.4).

(2) Odporúčanou požiadavkou je:

dodržiavanie pravidiel prístupného webu s prioritou 2 a s prioritou 3 z dokumentu “Web Content Accessibility Guidelines 1.0″, a to nasledovných bodov: 1.5, 3.1, 3.2, 3.3, 3.4, 3.7, 4.1, 4.2, 5.3, 5.4, 5.5, 5.6, 6.4, 6.5, 7.2, 7.3, 7.4, 7.5, 8.1, 9.2, 9.3, 9.4, 9.5, 10.1, 10.2, 10.3, 10.5, 11.1, 11.2, 11.3, 12.2, 12.3, 13.1, 13.2, 13.3, 13.4, 13.5, 13.7, 13.8, 13.9, 13.10, 14.2, 14.3.

Odporúčané pravidlá, ktoré by mali weby spĺňať. Patrí sem napríklad odporúčanie používať text (resp. HTML) namiesto obrázkov, používanie relatívnych jednotiek, nastavenie poradia tabulácie alebo používanie najnovších technológií W3C.

(3) Odkazy na iné štandardy, číselníky, právne normy a predpisy a iné zdroje

a) slovenský preklad “Web Content Accessibility Guidelines 1.0″, ktorý je uvedený na verejne prístupnej webovej stránke,

Slovenský preklad WCAG 1.0:
http://www.informatizacia.sk/ext_dok-wai_smernice/2551c

b) “Pravidlá tvorby prístupného webu”, ktoré sú uvedené na verejne prístupnej webovej stránke,

Slovenský preklad Pravidiel:
http://sietook.druskova.sk/?ukaz=pravidla-pristupnosti-webu

c) “Dokumentácia zásad prístupnosti webových stránok pre používateľov s ťažkým zrakovým postihnutím”, ktorá je uvedená na verejne prístupnej webovej stránke.

Slovenský preklad Dokumentácie (pozor, DOC formát!, aká to irónia):
http://www.blindfriendly.sk/download/bfw23_sk.doc

Stav prístupnosti stránok verejnej správy? Na zaplakanie.

Ministerstvo financií SR spolu s Úniou nevidiacich a slabozrakých uskutočnilo v roku 2007 hodnotenie prístupnosti stránok verejnej správy. Iba štyri stránky splnili všetky vyžadované pravidlá prístupnosti. Do správy sa nejakou záhadou dostala aj stránka PizzaSEO.com, ktorá splnila štandardy prístupnosti. Pozrieť si môžete aj kompletné hodnotenie v PDF formáte.

Ste správcom webových stránok verejnej správy?

1. júna ste prešvihli termín. Áno, hovoríme aj o vás, Vláda SR, Ministerstvo vnútra, Ministerstvo financií, Ministerstvo spravodlivosti, systém JASPI, Daňový úrad, Agentúra SARIO, Slovenská agentúra pre cestovný ruch. A dokonca aj o vás, Ministerstvo dopravy, pôšt a telekomunikácií, čo ste priamo zodpovední za dodržiavanie zákona vyžadujúceho prístupnosť a sami máte stránky neprístupné!

Opäť opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu OTP banky

• existuje zapamätateľná adresa “www.otpdirekt.sk”
• existuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ nemusí písat https v URL adrese
• po odoslaní nesprávne vyplneného formulára sa nad ním zobrazí viditeľná chybová hláška
• nesprávne vyplnené položky formulára sú taktiež zvýraznené
• pomocník je dostupný na 1 kliknutie

Negatíva Internet bankingu OTP banky

• keď používateľ obnoví stránku, systém ho odhlási
• hlavné položky navigačného menu sú po prihlásení tvorené len obrázkami
• pre odkazy na pomocník, odhlásenie a pod. sú použité len obrázky (presnejšie obrázková mapa - AREA tagy)
• v menu chýba zvýraznenie aktuálne zobrazovanej stránky
• pomocník je len všeobecný, chýba ku každej službe samostatný pomocník určený práve pre danú službu
• v pomocníku sa (v prehliadači Mozilla Firefox) nezobrazuje rolovacia lišta a používateľ musí použiť šípky na klávesnici
• odhlásenie je potrebné ešte potvrdiť

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri ďalšom videocaste spoločnosti Pizza SEO. Moje meno je Juraj Kerhát a dnes Vám predstavím Internet banking OTP banky.

[00:10] Táto služba je dostupná na vlastnej doméne otpdirekt.sk a používateľ dokonca ani nemusí vpisovať https. Stačí mu napísať www.otpdirekt.sk a automaticky je presmerovaný na zabezpečenú adresu aj s https.

[00:31] Po prihlásení sa používateľovi ihneď zobrazí prehľad jeho účtov. Čo je zaujímavé v tomto systéme je, že ak dám obnoviť stránku, zrazu sa stratí informácia o tom, že som bol prihlásený a musím sa teda prihlásiť znovu. Keď už ma to odhlásilo, rád by som poukázal na to, že navigačné menu je pred prihlásením riešené ako textové odkazy, čiže keď zakážem obrázky, tak toto menu je stále viditeľné. Keď sa však prihlásim, tak toto menu už nie je viditeľné, pretože jeho hlavné položky sú riešené ako obrázky a nie je pri nich žiadny alternatívny text. Až po rozbalení sa zobrazia textové odkazy.

[01:33] Tiež je celkom zaujímavé, že v pravej hornej časti sa nachádzajú odkazy na odhlásenie, pomocník a podobne, ktoré sú však riešené len ako obrázky a teda pri zakázaných obrázkoch používateľ vôbec nemá možnosť vidieť, kde sa môže odhlásiť. Znovu povolím obrázky vo svojom prehliadači. Keďže musím obnoviť stránku, som opäť odhlásený a opäť sa musím prihlásiť.

[02:10] Ďalšia vec, ktorá mi v navigačnom menu chýba je zvýraznenie stránky, na ktorej sa práve používateľ nachádza. Ak napríklad kliknem na “nové príkazy” a “jednorazový” príkaz, tak v navigačnom menu to vôbec nie je zvýraznené.

[02:26] Ak odošlem prázdny formulár, tak nad týmto formulárom sa zobrazí zvýraznená chybová hláška o tom, že som niečo nevyplnil správne, a takisto priamo vo formulári sa zvýrazní červenou farbou pole, ktoré nie je správne vyplnené.

[02:47] Na stránke sa nachádza aj pomocník, ktorý je dostupný na jedno kliknutie. Je to však len všeobecný pomocník a musím sa v ňom preklikať pre konkrétnu službu. Zároveň v prehliadači Mozilla Firefox chýba tomuto pomocníku rolovacia lišta a teda používateľ musí použiť šípky na klávesnici, čo si nie každý môže domyslieť.

[03:17] Takisto možnosť odhlásenia je dostupná na jedno kliknutie. Ako som už spomínal, je to však len ikona, nejaký obrázok a chýba mu textový popis. Odhlásenie je potrebné ešte raz potvrdiť.

Ďakujem za pozornosť.

Máte vlastné skúsenosti s používaním Internet bankingu OTP banky? Napíšte, čo si o ňom myslíte.

Päťčlenný riešiteľský tím skúmal 98 stránok verejného sektora, 37 stránok v oblasti školstva a 65 stránok súkromných subjektov. Z 200 stránok 41 bolo prístupných bez výrazného porušenia kontrolných bodov alebo zásad.

Stránka Pizza SEO splnila všetky kontrolné body a pravidlá prístupnosti v plnom rozsahu spolu so stránkami miest Ilava (www.ilava.sk) a Nová Dubnica (www.novadubnica.sk) a webom Slovenskej knižnice pre nevidiacich Mateja Hrebendu v Levoči (www.skn.sk).

Zákon o informačných systémoch verejnej správy prikazuje všetkým orgánom štátnej správy i samosprávam do začiatku júna 2008 zabezpečiť, aby ich informačné systémy spĺňali štandardy prístupnosti definované vo výnose č. 1706/M-2006 o štandardoch pre informačné systémy verejnej správy (pdf) - za ich nedodržanie hrozia miliónové pokuty.

Komerčné subjekty, ktoré zanedbávajú prístupnosť, prichádzajú o množstvo klientov: popri užívateľoch s postihnutiami sa k ich službám často na neprístupnom webe nedostanú starší užívatelia či rastúci počet používateľov internetu na mobilných zariadeniach.

Správa z prieskumu zverejnená na stránke Informatizacia.sk obsahuje podrobné výsledky hodnotenia a postupy používané pre overenie prístupnosti webovej stránky.

Aj my v Pizza SEO ponúkame audit prístupnosti a konzultácie v oblasti prístupnosti webových stránok. Všetkým našim klientom odporúčame zohľadniť aspoň základné zásady prístupnosti a vždy sa im venujeme aj v rámci nášho najpopulárnejšieho vstupného produktu, Effective Web Auditu.