2026-02-16

Aktualizace 16. 2. 2026: Toto je aktualizovaná verze článku, jenž původně vyšel 10. 4. 2019. Tento nový článek reflektuje zásadní zlepšení v přístupnosti vývojářských nástrojů jak v odečítači Google Chrome, tak Mozilla Firefox.

Abychom při testování webových stránek mohli popsat příčiny špatné přístupnosti a případně i navrhnout možné řešení, musíme mít možnost i s odečítačem obrazovky nahlédnout do HTML kódu a CSS stylů vybraného webového prvku a editovat je. K tomuto účelu se používá nástroj nazvaný inspektor HTML kódu, který je v rámci dalších nástrojů pro vývojáře zabudovanou součástí webového prohlížeče.

Verze použitých technologií

V článku popsané poznatky vycházejí z používání následujících verzí webových prohlížečů a odečítačů obrazovky a jsou platné k datu 6. 2. 2026:

  • Mozilla Firefox 147;
  • Google Chrome 144;
  • NVDA 2025.3.2;
  • JAWS 2026.2512.50.

Postup čtení a editace HTML kódu

  1. HTML kód pro určitý webový prvek si v inspektoru zobrazíme přes kontextové menu k danému prvku. Jak z klávesnice za pomoci odečítače správně vyvolat kontextové menu k prvku webové stránky závisí na tom, zda je prvek fokusovatelný, či nikoli.

    1. Je-li prvek fokusovatelný (nejčastěji v případě formulářového prvku či odkazu), přejdeme na prvek tabulátorem, aby měl fokus, a stiskneme klávesu kontextového menu.

    2. Jestliže prvek fokusovatelný není, například jde o odstavec běžného textu, liší se postup mírně v závislosti na odečítači.

      1. Používáme-li odečítač NVDA, tak pravděpodobně budeme muset využít dovednosti odečítače manipulovat s myší. V prohlížecím režimu přejdeme na požadovaný prvek. K prvku přivoláme kurzor myši (klávesa NVDA + numerické lomeno) a nasimulujeme kliknutí pravým tlačítkem myši (numerická hvězdička), čímž na této pozici vyvoláme kontextové menu.

      2. Pokud používáme odečítač JAWS, tak někdy nemusíme s kurzorem myši manipulovat a stačí na tomto prvku stisknout klávesu kontextového menu. V případě, že tento postup nevyvolává kontextové menu na správném HTML elementu, tak musíme stejně jako u NVDA přesunout myš k pozici virtuálního kurzoru (JAWSKey + numerické minus) a simulujeme stisk pravého tlačítka myši (numerická hvězdička).

  2. Z kontextového menu zvolíme položku „Prozkoumat prvek“ v případě prohlížeče Mozilla Firefox, případně „Prozkoumat“ v případě Google Chrome, čímž se fokus přesune do podokna nástrojů pro vývojáře, konkrétně do nástroje inspektor HTML kódu. Tento nástroj je v podstatě stromové zobrazení HTML elementů, ve kterém se lze po uzlech pohybovat šipkou nahoru a dolů a rozbalovat a sbalovat vybrané uzly šipkou doprava respektive doleva. Po přesunutí do inspektoru HTML kódu by kurzor měl být na elementu odpovídajícím místu na stránce, na němž jsme před tím vyvolali kontextové menu.

  3. Nyní existují dva režimy, jak HTML kód vybraného elementu editovat.

    1. Jestliže chceme editovat najednou celý řádek HTML kódu vybraného elementu, tak na tomto elementu vyvoláme kontextové menu a zvolíme položku „Upravit jako HTML“. Případně je možné tento režim editace aktivovat také stisknutím klávesy F2 . Po editaci HTML kódu uložíme provedené změny stisknutím kláves Control + Enter nebo F2 a tyto změny se ihned projeví na webové stránce. V námi testované verzi prohlížeče Mozilla Firefox je však chyba, kdy je poté nutné ještě stisknout tabulátor, abyste se dostali zpět do stromového seznamu HTML elementů.

    2. Druhý (alternativní) režim editace HTML kódu vybraného elementu aktivujeme stisknutím klávesy Enter na tomto elementu. Další postup tohoto režimu s odečítačem JAWS či NVDA závisí na tom, jestli používáme prohlížeč Mozilla Firefox nebo Google Chrome.

      1. V případě prohlížeče Mozilla Firefox se ocitneme ve stavu, v němž se lze tabulátorem cyklicky pohybovat mezi názvem elementu a jeho atributy. Když pak chceme nějaký atribut nebo název elementu editovat, tak na něm stiskneme mezerník nebo Enter. Případně lze přidat atribut nový pomocí tlačítka „Nový atribut“, které se nachází za všemi atributy. Po provedení požadovaných změn tento režim editace ukončíme klávesou Escape.

      2. V případě prohlížeče Google Chrome se rovněž ocitneme ve stavu, v němž se lze tabulátorem cyklicky pohybovat mezi názvem elementu a jeho atributy, nicméně zde se rovnou dostaneme do editace názvu daného elementu nebo jeho atributu, takže není nutný ještě další stisk mezerníku či Enteru jako v případě prohlížeče Mozilla Firefox. Podobně i zde se za atributy nachází prázdné editační pole, kam lze vepsat nový atribut. Po provedení požadovaných změn tento režim ukončíme klávesou Escape nebo Enter.

Postup čtení a editace CSS stylů

Máme-li otevřený inspektor HTML kódu a v něm umístěný fokus, tak se do oblasti, kde lze CSS číst a editovat, přesuneme několikerým stisknutím tabulátoru. Název položky, kterou tabulátorem hledáme, záleží na použitém prohlížeči.

Mozilla Firefox

Pokud chceme přidat jednu nebo více CSS vlastností inline jen pro právě zaměřený element, tak tabulátorem najedeme na tlačítko, které odečítač přečte jako „}“ (pravá složená závorka). Stisknutím Enteru na tomto tlačítku se dostaneme do editačního pole pro zadání názvu nově přidávané CSS vlastnosti, po zadání názvu další stisk tabulátoru přesune fokus do editačního pole pro zadání její hodnoty. Po zadání hodnoty následovný stisk tabulátoru přesune fokus do editačního pole pro zadání názvu další nové CSS vlastnosti a takto pořád dokola. Klávesou Escape editační režim ukončíme.

Přes tabulátor a Shift + tabulátor pak můžeme postupně procházet všechny selektory vztahující se k aktuálnímu elementu dle jejich priority, názvy CSS vlastností a jejich hodnoty. Chceme-li vybraný selektor nebo název či hodnotu CSS vlastnosti editovat, tak na ní stiskneme klávesu Enter, provedeme úpravy a editaci ukončíme klávesou Escape.

Google Chrome

Před prací s CSS styly nejprve v případě odečítače NVDA vypneme prohlížecí režim přes NVDA + mezerník, v případě odečítače JAWS vypneme virtuální režim přes JAWSKey + Y.

Pokud chceme přidat jednu nebo více CSS vlastností inline jen pro právě zaměřený element, tak tabulátorem najedeme na položku, kterou odečítač přečte jako „element.style, css selector“. Stisknutím Enteru na této položce se dostaneme do editačního pole pro zadání názvu nově přidávané CSS vlastnosti, po zadání názvu další stisk tabulátoru přesune fokus do editačního pole pro zadání její hodnoty. Po zadání hodnoty následovný stisk tabulátoru přesune fokus do editačního pole pro zadání názvu další nové CSS vlastnosti a takto pořád dokola. Klávesou Escape editační režim ukončíme.

Jestliže chceme upravit existující CSS selektory vztahující se k právě zaměřenému elementu nebo jim příslušné CSS vlastnosti, tak nejprve dle předchozího postupu najedeme na položku čtenou jako „element.style, css selector“, a poté šipkou dolů nebo nahoru vybereme požadovaný selektor, přičemž tato položka „element.style, css selector“ představuje inline styly pro právě zaměřený element. Tyto selektory takto můžeme procházet v pořadí dle jejich priority. Až najdeme požadovaný selektor, tak přejdeme do režimu editace tohoto selektoru pomocí klávesy Enter, tím se dostaneme do editačního pole pro přepsání tohoto selektoru. Přes tabulátor a Shift + tabulátor pak můžeme postupně procházet jednotlivá editační pole názvů všech CSS vlastností a jejich hodnot pro aktuální selektor. Po provedení úprav režim editace ukončíme klávesou Escape.

Přepínání fokusu mezi inspektorem HTML kódu a webovou stránkou

Při čtení a editaci HTML kódu nebo CSS stylů a sledování provedených změn na webové stránce se hodí možnost rychle přepínat fokus mezi otevřeným inspektorem HTML kódu a webovou stránkou. To můžeme provést standardně pomocí klávesy F6, případně Shift + F6, praktičtější však může být odepnout nástroje pro vývojáře do samostatného okna, do kterého se pak můžeme přepínat jednoduše přes Alt + tabulátor.

Mezi odepnutím nástrojů pro vývojáře do samostatného okna a jejich připnutím do hlavního okna je možné se kdykoliv přepínat klávesovou zkratkou Control + Shift + D, jestliže je fokus klávesnice v nástrojích pro vývojáře. Tato klávesová zkratka funguje jak pro prohlížeč Mozilla Firefox, tak Google Chrome, avšak při prvním použití v Mozilla Firefox nám tato zkratka nefungovala.

Pro jistotu si ještě uveďme, jak odepnout nástroje pro vývojáře do samostatného okna bez použití klávesové zkratky.

Mozilla Firefox

  1. Přes Shift + tabulátor se přesuňte až do panelu nástrojů pojmenovaného jako „Nástroje pro vývojáře“.

  2. Pomocí šipky doprava se přesuňte na tlačítko nazvané „Přizpůsobení nástrojů a získání pomoci“ a aktivujte jej.

  3. Šipkou dolů zvolte položku „Samostatné okno“ a aktivujte ji.

Google Chrome

  1. Přes Shift + tabulátor se přesuňte až na tlačítko nazvané „Přizpůsobení a ovládání nástrojů DevTools“ a aktivujte jej.

  2. Mělo by se otevřít menu a zaměřena by měla být první položka, kterou odečítač přečte anglicky jako „Dock side, Use left and right arrow keys to navigate the options“. Stiskněte jednou šipku doprava, čímž byste měli zaměřit přepínací tlačítko „nazvané „Otevřít v samostatném neukotveném okně“ a toto tlačítko aktivujte.

Otevření a zavření nástrojů pro vývojáře

Ještě dodejme, že jak v prohlížeči Mozilla Firefox, tak Google Chrome můžeme nástroje pro vývojáře kdykoliv rychle otevřít nebo zavřít klávesou F12, avšak mějte na paměti, že nástroje pro vývojáře se takto neotevřou přímo v inspektoru kódu na právě zaměřeném elementu, k tomu musíme následovat postup uvedený na začátku tohoto článku.

Závěr

Na závěr lze konstatovat, že se přístupnost nástrojů pro vývojáře za poslední roky poměrně zlepšila. Z výše uvedeného vyplývá, že v prohlížečích Mozilla Firefox i Google Chrome je i pro testery pracující s odečítačem obrazovky natolik dostačující, že mohou samostatně zvládnout jak prohlížení, tak dynamickou úpravu HTML i CSS kódu přímo na stránce.

2025-11-28

Při používání mobilního zařízení pracují nevidomí a jiní těžce zrakově postižení uživatelé se speciálním zprostředkujícím a zpřístupňujícím softwarem, kterému se česky říká „odečítač obrazovky“, anglicky „screen reader“. Pro zařízení značky Apple existuje pouze jediný odečítač, jenž nese jméno VoiceOver. V případě zařízení s operačním systémem Android je nejrozšířenějším odečítačem TalkBack.

V tomto článku určeném především vývojářům a testerům mobilních aplikací se budeme věnovat odečítači VoiceOver, nicméně základní principy ovládání jsou totožné i pro odečítače v systému Android.

Terminologie týkající se gest

Než přistoupíme k popisu principů ovládání mobilního zařízení se zapnutým odečítačem VoiceOver v systému iOS, je záhodno si ujasnit několik pojmů týkajících se možných gest, která k tomuto ovládání budeme potřebovat:

  • Švihnutí jedním nebo více prsty: Jedná se o rychlý přímočarý pohyb jedním nebo více prsty přes obrazovku zařízení směrem doprava, doleva, dolů nebo nahoru.

  • Klouzání prstem: Jde o dotyk a následný pomalý pohyb jedním prstem po obrazovce po libovolné cestě, aniž byste prst z obrazovky zvedali.

  • Poklepání: Jedná se o rychlé klepnutí dvakrát za sebou jedním nebo více prsty kamkoliv na obrazovku. V případě poklepání více prsty je nutné poklep provést současně všemi těmito prsty v jeden okamžik, což nejsnáze provedeme tak, že patřičný počet prstů sevřeme v řadě vedle sebe a uskutečníme poklep.

  • Práce s rotorem: Položením dvou prstů kamkoliv na obrazovku a jejich pootočením po nebo proti směru hodinových ručiček můžeme vybírat volbu takzvaného rotoru. Odečítač po provedení tohoto gesta ohlásí název aktuální volby rotoru. Po výběru požadované volby rotoru můžeme měnit její aktuální hodnotu švihnutím jedním prstem dolů nebo nahoru a odečítač opět posléze aktuální hodnotu ohlásí.

Zapnutí a vypnutí odečítače VoiceOver

Odečítač VoiceOver lze na mobilních zařízeních značky Apple zapnout nebo vypnout v sekci Nastavení > Zpřístupnění > VoiceOver přes tlačítko VoiceOver. Pro snadné zapínání a vypínání VoiceOveru však doporučujeme nastavit si takzvanou „Zkratku zpřístupnění“ tak, že přejdete do sekce Nastavení > Zpřístupnění > Zkratka zpřístupnění a vyberete pouze tlačítko VoiceOver. Zapnutí i vypnutí VoiceOveru pak bude kdykoliv možné provést následovně:

  • Na zařízeních s Face ID stisknutím postranního zamykacího tlačítka třikrát rychle za sebou.

  • Na zařízeních s tlačítkem Plochy stisknutím tohoto tlačítka třikrát rychle za sebou.

Nastavení českého jazyka pro hlas VoiceOveru

Jestliže po zapnutí VoiceOveru na vás odečítač mluví jiným než českým hlasem, tak je možné následujícím postupem přidat a aktivovat český hlas:

  1. Přejděte do Nastavení > Zpřístupnění > VoiceOver > Čtení.

  2. Aktivujte tlačítko „Přidat hlas na rotor“ a poté tlačítko „Čeština“.

  3. Aktivujte tlačítko „Stáhnout Zuzana (vylepšená verze)“. Po stažení hlasu aktivujte tlačítko „Zuzana (vylepšená verze)“, které vás přesune na obrazovku přizpůsobení řeči pro tento hlas.

  4. Tlačítkem v levém horním rohu se vraťte zpět na obrazovku řeči. Právě přidaný hlas by měl přibýt pod nadpisem „Primární hlas“ nebo „Další hlasy“.

  5. Jestliže VoiceOver nově přidaným hlasem ještě nemluví, tak použijte gesto pro práci s rotorem a zvolte pomocí rotoru volbu „Hlasy“. Poté použijte gesto švihnutí jedním prstem dolů, dokud na rotoru nevyberete hodnotu „Zuzana (vylepšená verze)“.

Kurzor VoiceOveru

Ovládání zařízení se zapnutým odečítačem VoiceOver probíhá tak, že uživatel pohybuje pomocí gest takzvaným kurzorem VoiceOveru, který zaměřuje vždy právě jednu položku uživatelského rozhraní systému nebo aplikace. V daný moment může uživatel provádět akce právě pouze s položkou, která je zaměřena kurzorem VoiceOveru, například ji aktivovat, případně vyvolat další akce s ní.

Techniky zaměření položky kurzorem VoiceOveru

Odečítač obrazovky VoiceOver nabízí uživateli dvě techniky, jak lze zaměřit položku na obrazovce kurzorem VoiceOveru: 

  • Přes průzkum obrazovky pomocí klouzání prstem po obrazovce: Položku uživatel zaměří kurzorem VoiceOveru tak, že klouzá jedním prstem po obrazovce s tím, že se zaměří položka, která je zrovna pod prstem. Během klouzání prstem po obrazovce odečítač čte položku, jíž se uživatel právě dotýká, a tato položka zůstane zaměřená po zvednutí prstu z obrazovky. Pro aktivaci takto vybrané položky je pak nutné poklepat jedním prstem kamkoliv na obrazovku.

  • Přes sekvenční pohyb po položkách šviháním jedním prstem: Položku uživatel zaměří tak, že švihá jedním prstem doprava či doleva, přičemž při švihnutí doprava se zaměření kurzorem VoiceOveru přesune na následující položku na obrazovce a při švihnutí doleva na položku předchozí. Aktivace položky probíhá rovněž poklepem jedním prstem kamkoliv na obrazovku.

Podle toho, jakou položku chce na obrazovce uživatel v dané situaci zaměřit, volí příslušnou techniku. Průzkum obrazovky je vhodný pro zjištění rozložení položek na obrazovce a jejich následné přímé zaměření. Například tímto průzkumem zjistíme, že zavírací tlačítko se nachází v pravém horním rohu a později při jeho hledání můžeme prstem pátrat právě v této oblasti. Oproti tomu sekvenční pohyb se hodí při postupném procházení za sebou se vyskytujících položek v seznamu, například pro procházení výpisu produktů internetového obchodu.

Další akce s položkou

Kromě aktivace výchozí akce právě zaměřené položky poklepáním jedním prstem kamkoliv na obrazovku je někdy možné, pokud to vývojář aplikace implementoval, vyvolat také další akce se zaměřenou položkou. Pro tento účel slouží gesto švihnutí jedním prstem nahoru nebo dolů, čímž vybíráme požadovanou akci, kterou následně aktivujeme poklepáním kamkoliv na obrazovku. Typicky například v internetovém obchodu může být implementováno rychlé vybírání počtu kusů právě zaměřeného produktu pro přidání do košíku šviháním jedním prstem nahoru nebo dolů a následné poklepání kamkoliv na obrazovku tento výběr potvrdí.

Rolování seznamu

Nacházíme-li se v nějakém seznamu položek, například ve výpisu produktů internetového obchodu, tak by mělo fungovat spolehlivě gesto rolování sloužící pro přeskočení o více položek dopředu nebo dozadu švihnutím třemi prsty nahoru, respektive dolů, abychom nemuseli pracně švihat mnohokrát dopředu nebo dozadu.

Gesto zpět

V momentě, kdy aktuální obrazovka umožňuje přesun na předchozí obrazovku, například přesun z detailu produktu zpět do výpisu produktů, ať už se na obrazovce nachází tlačítko „Zpět“ nebo ne, tak by mělo se zapnutým VoiceOverem fungovat pro stejný účel rovněž i takzvané „gesto zpět“. Toto gesto se provádí pohybem dvěma prsty tak, jako bychom jimi napsali písmeno „Z“.

Magické klepnutí

Specialitou odečítače VoiceOver je dále gesto takzvaného magického klepnutí, anglicky „magic tap“, které se vyvolává dvojím klepnutím dvěma prsty kamkoliv na obrazovku. Typicky toto gesto jednoduše například spustí nebo zastaví přehrávání audio nebo video přehrávače bez ohledu na to, jaká položka je právě zaměřena kurzorem VoiceOveru.

Výukový režim

Při seznamování se s odečítačem VoiceOver může přijít vhod funkce výukového režimu, který se při zapnutém VoiceOveru zapíná i vypíná dvojím klepnutím čtyřmi prsty kamkoliv na obrazovku. Ve výukovém režimu můžeme nanečisto provádět libovolná gesta VoiceOveru, přičemž odečítač vždy po uskutečnění gesta oznámí, co dané gesto provádí.

Podrobnější výukové materiály a videoukázky

Pro bližší seznámení se s odečítačem VoiceOver na mobilních zařízeních iPhone můžeme doporučit tohoto vícedílného video průvodce. Ve druhé lekci lze mimo jiné názorně vidět, jak správně provádět ovládací gesta VoiceOveru. Materiál je nicméně určen hlavně pro zrakově postižené uživatele, nikoliv pro vývojáře nebo testery aplikací.

Autor: Adam Samec

2025-09-15

Tento článek je dalším příspěvkem do série našich textů věnujících se přístupnosti především webových stránek a aplikací. Tentokrát se podíváme na zoubek webovým formulářům, neboť i zde dochází k častým prohřeškům proti přístupnosti.

Popisky formulářových polí

Základním požadavkem na přístupnost formulářů je zajištění, aby každé formulářové pole bylo stručně, jasně a výstižně pojmenováno a aby tento popisek byl správně značen ve zdrojovém kódu jedním z následujících způsobů:

  • Pomocí atributu for na elementu <label>, kde hodnota atributu for odkazuje prostřednictvím id na popisované formulářové pole. Tento způsob je doporučen, neboť v tomto případě je možné formulářové pole aktivovat nejen kliknutím myši na samotné pole, ale také na jeho svázaný popisek v podobě elementu <label>.

  • Pomocí atributu aria-labelledby nastaveném na daném formulářovém poli, kdy tento atribut odkazuje prostřednictvím id na element pojmenovávající dané pole.

  • Pomocí atributu aria-label nastaveném rovněž na daném formulářovém poli v případě, že nechcete vizuálně zobrazovat popisek formulářového pole. Hodnota atributu aria-label je přímo popisek daného pole.

Značení povinných polí 

Přístupné značení povinných formulářových polí spočívá v následujícím:

  • Neindikovat povinné pole jen pomocí barvy, např. červenou barvou. Přítomnost pouze barevného odlišení může totiž představovat problém pro barvoslepé uživatele.

  • Doporučeným značením povinných polí je pomocí hvězdičky za popiskem povinného pole. Na začátku nebo konci formuláře by pak měla být informace, že povinná pole jsou značena hvězdičkou.

  • Povinné pole by rovněž mělo mít nastaveno atribut aria-required="true" a signalizovat tak povinnost pole asistenčním technologiím, jako jsou odečítače obrazovky.

  • Povinné pole lze indikovat také HTML atributem required, jehož chování se od atributu aria-required="true" liší v tom, že přítomnost atributu required na formulářovém poli a nevyplnění hodnoty tohoto pole neumožní odeslání formuláře. Navíc webové prohlížeče při pokusu o odeslání formuláře za těchto okolností přesunou fokus do daného povinného pole a odečítače typicky současně samovolně ohlásí, že pole má být vyplněno. Jinými slovy, atribut aria-required="true" má stejně jako ostatní ARIA atributy dopad jen na asistenční technologie, kdežto atribut required ovlivňuje funkcionalitu stránky jako takové pro všechny uživatele.

Další atributy polí

Atribut placeholder

Elementy <input> určitých typů a element <textarea> mohou mít nastaven atribut placeholder čili zástupný text, který se zobrazuje ve formulářovém poli za předpokladu, že do pole není vepsána žádná hodnota. Z hlediska přístupnosti je silně doporučeno, aby tento text nesuploval pojmenování daného pole, ale aby jen uváděl příklad jeho možné hodnoty. Problém totiž je, že hodnota atributu placeholder přestane být viditelná a ani nemusí být čtena odečítačem, jakmile uživatel do pole zapíše hodnotu. Vyplní-li tedy uživatel celý formulář s nějakou chybou a je následně při pokusu o jeho odeslání veden k tomu, aby opravil pole s určitou hodnotou atributu placeholder, tak nalezení takového pole může být bez smazání vyplněných hodnot polí nemožné.

Atribut type

Elementy <input> mohou mít nastaven atribut type, který především určuje, jaké hodnoty lze do pole zapsat. Dalším pro přístupnost důležitým chováním je však i to, že tento atribut může na dotykových mobilních zařízeních určovat, jaká virtuální klávesnice se při aktivaci takového pole uživateli zobrazí. Atribut type="email" tedy může způsobit zobrazení klávesnice, která umožňuje snadné vepsání zavináče, atribut type="number" zase může zobrazit klávesnici umožňující zadání pouze číselné hodnoty a podobně. Pokud tedy hodnota vašeho pole odpovídá nějakému z podporovaných typů, tak je doporučeno tento atribut type patřičně nastavit.

Atribut autocomplete

Atribut autocomplete nastavený na polích <input>, <textarea> či <select> určuje, zda může prohlížeč automaticky vyplnit dané pole na základě uživatelem dříve vyplněných polí se stejným účelem. Vyplní-li uživatel například <input> pole s atributem autocomplete="given-name" na jedné stránce čili s atributem  indikujícím, že vyplňuje křestní jméno, může prohlížeč na stejné nebo i jiné stránce automaticky za uživatele vyplnit pole se stejným atributem totožnou hodnotou křestního jména, jakou již dříve zadal na první stránce. Takové automatické vyplňování polí může znatelně usnadnit zadávání dat do formulářů zejména uživatelům s pohybovým či kognitivním postižením. Informativní stránky standardu WCAG pro pochopení kritéria úspěšnosti 1.3.5 – Identify Input Purpose navíc zmiňují výhodu používání atributu autocomplete i v tom, že prohlížeč nebo asistivní technologie může takto identifikovaná pole opatřit navíc i symbolem či ikonou představující účel daného pole, například u pole pro datum narození zobrazit narozeninový dort, a tím tak usnadnit porozumění účelu pole uživatelům s kognitivním postižením.

Seskupování polí

Skládá-li se formulář z více sekcí formulářových polí, které spolu nějak souvisí, typicky např. rozdělení na fakturační a doručovací adresu, tak by tyto sekce měly být seskupeny jedním z následujících způsobů:

  • Pomocí elementu <fieldset> obalit danou skupinu polí a jako prvního potomka do elementu <fieldset> umístit element <legend> obsahující název této skupiny polí.

  • Skupinu polí obalit do elementu <div>, nastavit mu atribut role="group" a pojmenovat pomocí atributu aria-label nebo aria-labelledby.

Jestliže jsou skupiny polí takto správně značeny, tak odečítač obrazovky při procházení formuláře pomocí klávesnice ohlásí vstup do nebo konec dané skupiny včetně oznámení jejího názvu.

Skupiny přepínačů

Typickým případem, kdy by formulářové prvky měly být v kódu seskupeny a pojmenovány, je seskupování přepínačů, tedy souvisejících elementů <input type="radio">. V tomto případě je doporučeno jedno z následujícího:

  • Seskupit přepínače pomocí elementu <fieldset> a pojmenovat pomocí <legend> stejně, jako bylo popsáno výše.

  • Více však doporučujeme obalit přepínače raději do elementu <div> s atributem role="radiogroup" a pojmenovat pomocí atributu aria-label nebo aria-labelledby.

Členění rozsáhlých formulářů pomocí nadpisů

Dobrou praxí v případě rozsáhlých formulářů, podobně jako u seskupování jejich prvků popsaného výše, je členit formulářové prvky navíc ještě pomocí nadpisů, tedy pomocí sémantických elementů typicky <h2><h6>. Přítomnost těchto nadpisů umožní jednodušší orientaci a navigaci uživatele ve formuláři, neboť odečítače obrazovky disponují funkcí skákání po nadpisech, takže při potřebě přesunout se o delší úsek nahoru nebo dolů ve formuláři uživatel nemusí mnohokrát přesouvat fokus klávesnice tabulátorem nebo přes Shift + tabulátor.

Pořadí prvků ve formuláři

Autor formuláře by měl počítat s tím, že uživatel odečítače obrazovky prochází obsah formuláře sekvenčně v pořadí, v jakém jsou jeho prvky uvedeny ve zdrojovém kódu. Proto doporučujeme dbát zejména na následující:

  • Tlačítko pro odeslání formuláře by se mělo nacházet na jeho samotném konci.

  • Veškeré souhlasy, typicky zaškrtávací pole pro potvrzení obchodních podmínek nebo pro potvrzení zpracování osobních údajů, by se měla nacházet před, nikoliv za tlačítkem pro odeslání formuláře.

Požadavky na dynamické formuláře

Na dnešních interaktivních webech je častým jevem, že při volbě nějakého formulářového pole, např. při změně přepínače, se v závislosti na jeho hodnotě dynamicky pomocí JavaScriptu načte další obsah formuláře. Takové chování je z hlediska přístupnosti v pořádku, avšak jen za předpokladu, že obsah, který se takto posléze dynamicky načítá, se v kódu změní až za polem formuláře, jež tuto dynamickou změnu obsahu způsobil a jež má fokus klávesnice. Čili mění se obsah, který uživatel odečítače obrazovky při sekvenčním procházení formuláře shora dolů teprve navštíví, nikoliv obsah, který již navštívil. Jinými slovy, je třeba zaručit, že uživateli odečítače neunikne žádný důležitý obsah.

Automatická změna fokusu

Dalším občas se vyskytujícím chováním dynamických formulářů je automatické přesouvání fokusu klávesnice při změně hodnoty nějakého formulářového pole. Příkladem je situace, kdy bezprostředně po volbě platební metody pomocí přepínače se fokus automaticky přesune do pole pro zadání čísla platební karty. Jiným takovým příkladem je automatické přesouvání fokusu z jednoho čtyřčíslí platební karty do druhého po vepsání čtvrté číslice. Za předpokladu, že uživatel není na takové chování předem upozorněn, jsou oba tyto příklady automatického přesouvání fokusu považovány za takzvanou změnu kontextu, která může zmást především uživatele odečítačů, a je tedy, striktně řečeno, považována za prohřešek proti přístupnosti.

Validace formuláře

Mezi důležité aspekty přístupnosti formulářů patří zajištění, aby při chybném vyplnění formulářových údajů byl uživatel přístupnou formou srozuměn s veškerými nastalými chybami, bylo mu sděleno, jak je opravit, a co nejvíc mu usnadněno provést opravu. Touto problematikou se zabývá článek Formulář s validací, jehož součástí je i funkční ukázka vzorového formuláře se správně zajištěnou validací.

Související kritéria úspěšnosti standardu WCAG

Výše uvedená doporučení vycházejí jednak z dobré praxe, jednak z následujících takzvaných kritérií úspěšnosti webového standardu WCAG 2.2:

Autor: Adam Samec

2024-04-26

Cílem webové přístupnosti obecně je zprostředkovat uživatelům s postižením nebo jiným znevýhodněním co možná nejpodobnější vjem z používání stránky, jakému se těší uživatelé bez znevýhodnění. Vidící uživatelé vnímají strukturu a vztahy prvků na webové stránce na základě rozlišování rozličných vizuálních vodítek jako jsou různá ohraničení, podbarvení, prostor mezi prvky, jiná velikost, font či barva textu atd. Zrakově postižení uživatelé, ale i někteří jinak znevýhodnění, však musejí spoléhat na to, co jim o webové stránce poví jejich asistivní technologie, například odečítač obrazovky, což přímo závisí na správném používání jazyka HTML, JavaScriptu, specifikace ARIA a dalších technologií autorem stránky.

V tomto článku se zaměříme na to, proč, kdy a jak používat elementy a atributy jazyka HTML a ARIA konkrétně pro vyznačení nadpisů a oblastí (též známé jako landmarky) tak, abychom co možná nejlépe jako kodéři kompenzovali handicap znevýhodněným uživatelům.

Proč a jak používat nadpisy?

Elementy nadpisů <h1> až <h6>, stejně jako jiné elementy a atributy jazyka HTML, by měly být používány na základě své sémantiky, tedy významu, nikoliv vzhledu, kterého se dosahuje správně pomocí stylů CSS. Mezi časté chyby patří právě používání elementů <h1> až <h6> pro docílení určitého odlišného vzhledu nějakého nápisu, například v adrese bydliště vyznačení ulice větším písmem pomocí elementu <h4>.

Používání nadpisových elementů dle jejich sémantiky je důležité proto, aby na základě nich mohla být vytvořena korektní nadpisová osnova podobně, jako když ve Wordu stylujete nadpisy pro možnost vygenerování obsahu dokumentu. Správně používané nadpisové elementy pak přináší uživatelům následující benefity:

  • Při lineárním procházení stránky odečítačem odshora dolů, tedy podobně jako vidící čte knihu, je uživateli odečítače oznamováno, kdykoliv se přesune kurzorem odečítače na nějaký nadpis a je mu ohlášena současně i jeho úroveň.
  • Desktopové i mobilní odečítače obrazovky disponují funkcí skákání po nadpisech nehledě na jejich úroveň, popřípadě při dostupnosti hardwarové klávesnice je možné skákat také jen po nadpisech konkrétní úrovně. Uživatel tak může např. stránku rychle projet přeskakováním jen po nadpisech <h2>, čímž může rychle získat hrubou představu o obsahu stránky.
  • Specifické a často využívané je přeskočení na nadpis <h1>, který by se měl na stránce vyskytovat pouze jednou a to na začátku jejího hlavního obsahu, přičemž by text tohoto nadpisu měl stručně vystihovat zaměření prohlížené stránky.

Z uvedeného vyplývá, že vhodně zvolenými, správně umístěnými a dobře pojmenovanými nadpisy můžeme orientaci a procházení stránky uživatelům asistivních technologií značně zjednodušit. Proto někteří autoři stránek umísťují nadpisy nejenom do hlavní obsahové části stránky pro strukturování textu podobně jako ve wordovém dokumentu, ale také pro uvození některých významných sekcí stránky, jako například hlavní či vedlejší navigace nebo různých postranních panelů. Takové použití nadpisů prosazuje i technika H69 doporučená konsorciem W3C. Přítomnost takových pomocných nadpisů může být případně před vidícími uživateli za použití správné CSS techniky vizuálně skryta, aby nadpis sloužil jen uživatelům odečítačů a vizuálně nerušil.

Korektní používání a struktura nadpisů <h1> až <h6> je navíc klíčovým faktorem pro zlepšení SEO, tedy pro správnou interpretaci webového obsahu roboty a pro vyšší pozici stránky ve výsledcích vyhledávání.

Proč a jak používat oblasti?

Oblasti (landmarky) vznikly právě proto, aby zjednodušily orientaci a navigaci uživatelů asistivních technologií na webové stránce, čili stejný problém, který jsme uvedli, že se před příchodem oblastí snažily řešit nadpisy. Myšlenka oblastí je následující:

  • V HTML kódu, čili programově, sémanticky vymezit obecně na webu často se vyskytující standardní sekce stránky, jako je hlavička, navigace, hlavní obsah, patička atd. Případně tyto sekce opatřit také pojmenováním za použití atributů aria-label či aria-labelledby, což je doporučeno zejména v případě oblasti typu navigace určené elementem <nav> nebo atributem role=“navigation“, jestliže je těchto navigačních oblastí na stránce více.
  • Umožnit, aby uživateli bylo oznámeno odečítačem, když vstupuje a opouští určitou oblast.
  • Umožnit navigaci po oblastech, podobně jako po nadpisech, a to buďto skákáním na následující nebo předchozí oblast, anebo vypsáním stromového seznamu oblastí, který lze procházet a na vybranou oblast skočit, případně zde oblasti rozbalovat a sbalovat dle toho, jak jsou do sebe zanořeny v HTML kódu.

Důležitou funkci má obzvlášť oblast typu hlavní obsah definovaná elementem <main> nebo atributem role=“main", která umožňuje zejména následující:

  • Určit hlavní obsah pro různé režimy čteček, které převádějí stránku do podoby oproštěné od opakujícího se nebo jinak nedůležitého obsahu pro soustředěné čtení.
  • Odečítač obrazovky JAWS disponuje přímo klávesovou zkratkou pro přeskočení na takto vyznačenou hlavní oblast webové stránky.

Doporučená struktura oblastí

Při zavádění oblastí do webové stránky doporučujeme držet se při zemi a s jejich využíváním to příliš nepřehánět. Standardní a dostačující struktura vypadá většinou následovně:

  • Hlavička stránky, čili oblast od samotného začátku stránky až po prvek těsně před jejím hlavním obsahem, by měla být vyznačena elementem <header role=“banner“>.
  • Hlavní obsah, tedy oblast začínající těsně za hlavičkou až těsně před patičkou, by měl být značen pomocí <main role=“main“>.
  • Patička, čili oblast těsně za hlavním obsahem až do konce stránky, by měla být značena pomocí <footer role=“contentinfo“>.
  • Hlavní navigace stránky by měla být značena pomocí <nav role=“navigation“>. Pokud je navigačních oblastí více, tak by každá z nich měla být pojmenována pomocí atributu aria-label nebo aria-labelledby, např. aria-label=“Hlavní“. Slovo „navigace“ nebo „menu“ již v názvu není třeba uvádět, doplní jej odečítač sám.
  • Mezi další užitečné oblasti stránky může patřit vyznačení drobečkové navigace pomocí <nav role=“navigation“ aria-label=“Nacházíte se zde“> nebo obalení prvků pro vyhledávání na webu do elementu <form role=“search“>.

Obecně je při definování oblastí doporučováno upřednostňovat sémantické HTML5 elementy <header>, <main>, <nav> atd. Současným přidáním ARIA rolí ale nic nezkazíte a může to být potřebné pro zajištění zpětné kompatibility se staršími webovými prohlížeči, které tyto elementy plně nepodporují.

Používat nadpisy, oblasti nebo obojí?

  • Výhoda nadpisů je, že navigaci po nich umožňují i mobilní odečítače obrazovky, zatímco navigace po oblastech ve výchozím nastavení nejrozšířenějších mobilních odečítačů chybí.
  • Uživatelé odečítačů jsou navíc mnohem více obeznámeni s tím, jak se na stránce pohybovat pomocí nadpisů, Naproti tomu s oblastmi mnoho uživatelů pracovat neumí nebo je tolik nevyužívají, což signalizuje např. tento průzkum z roku 2024. Jde již o desátý výzkum a ani trend s ohledem na předchozí výsledky výzkumu příliš nenaznačuje, že by uživatelé s postupujícím časem funkcionalitu oblastí využívali více.
  • Správným vyznačením oblastí nicméně nic nezkazíte. Nadměrné používání nadpisů například pro uvození každé skupiny odkazů, vyhledávání či prvku pro změnu jazyka však může být kontraproduktivní hlavně v případě, kdy se mezi začátkem stránky a hlavním obsahem nachází jen málo prvků, a kdy chce uživatel využít skákání po nadpisech nejčastěji pro přesun někam do hlavního obsahu.

Bavíme-li se o zajištění možnosti přeskočit opakující se obsah na začátku stránky, neměli bychom opomenout, že v každém případě je dobrou praxí používat také tzv. skip link, čili vnitřní odkaz na samotném začátku stránky, který po aktivaci umožňuje uživateli skočit do jejího hlavního obsahu. V případě že je před hlavní navigací stránky prvků na začátku stránky mnoho, může přijít vhod také odkaz pro přeskočení na hlavní navigaci.

Související kritéria WCAG

Výše popsané doporučené používání nadpisů a oblastí není jen úzus či dobrá praxe, ale má oporu také v celosvětově uznávaných pravidlech přístupného webového obsahu WCAG, jehož tvůrcem je konsorcium W3C. Níže jsou uvedena hlavní kritéria úspěšnosti, jichž se používání nadpisů a oblastí pro docílení lepší přístupnosti týká.

1.3.1: Info and Relationships

Kritérium úspěšnosti 1.3.1 (úroveň A) vyžaduje, aby informace, strukturu a vztahy mezi prvky ve webovém obsahu bylo možné kromě vizuální prezentace vyjádřit také programově pomocí kódu, popřípadě jej formulovat v textu. V případě nadpisů a oblastí to tedy znamená, že by tyto měly být používány tak, aby vystihovaly informace, strukturu a vztahy prvků, které značí.

1.3.6: Identify Purpose

Kritérium úspěšnosti 1.3.6 (úroveň AAA) vyžaduje, aby účel komponent uživatelského rozhraní, ikon a oblastí bylo možné určit programově na základě kódu. V případě oblastí to znamená volbu správné role a případně pojmenování dané oblasti pomocí atributů aria-label nebo aria-labelledby.

2.4.1: Bypass Blocks.

Kritérium úspěšnosti 2.4.1 (úroveň A) vyžaduje, aby existoval způsob, jak snadno přeskočit obsah opakující se na začátku webové stránky, jako je např. hlavička s logem webu, hlavní navigace, pole pro vyhledávání a podobně. V případě elementů pro nadpisy a oblasti je to samotné používání těchto elementů na správných místech, které toto kritérium úspěšnosti splní, neboť to uživatelům asistivních technologií umožní skákání po částech webu vyznačených pomocí těchto elementů.

Hlavní doporučené techniky pro splnění uvedených kritérií úspěšnosti

Autor: Adam Samec

2023-11-02

Komunikační aplikace Messenger od společnosti Meta, dříve Facebook, se možná mezi zrakově znevýhodněnými uživateli odečítačů obrazovky netěší takové popularitě jako její sourozenec od stejného vývojáře s názvem WhatsApp, o kterém již na našich stránkách byla řeč, nicméně Messenger je v řadách vidících uživatelů velmi oblíbený, ať už pro výměnu rychlých zpráv nebo pro hlasové či video hovory, a tak stojí za to se seznámit i s verzí této aplikace určenou pro počítače, u které můžeme využít veškeré pohodlí, jež nám při práci se zprávami nabízí prostředí počítačového systému a  hardwarová klávesnice.

Instalace

V tomto návodu bude řeč o počítačové verzi aplikace Messenger pro systém Windows 10 nebo novější. Pro starší verze Windows je k dispozici webová verze Messengeru na adrese messenger.com, ta je však méně praktická na ovládání s odečítačem a její popis je mimo záběr tohoto návodu.

Postup instalace počítačové verze  Messengeru pro systém Windows je následující:

  1. Přejděte na stránku Messenger v rámci Microsoft Store.
  2. Tabulátorem najeďte na tlačítko „Získat Messenger“ a mezerníkem jej aktivujte.
  3. Jestliže ve vašem webovém prohlížeči vyběhne okno dotazující se na spuštění Microsoft Store, tak v  něm jeho spuštění patřičným tlačítkem povolte.
  4. Po načtení stránky Messengeru v aplikaci Microsoft Store tabulátorem přejděte na tlačítko „Nainstalovat“ a mezerníkem jej aktivujte. Poté počkejte, než se Messenger stáhne a nainstaluje, což se stane v momentě, kdy se tlačítko „Nainstalovat“ změní na „Otevřít“. Poté můžete Messenger spustit rovnou tímto tlačítkem, nebo kdykoliv v budoucnu přes nabídku Start stisknutím klávesy Windows, vepsáním textu „Messenger“ a poté potvrzením klávesou Enter.

Přihlášení

Jako první krok před zahájením používání Messengeru budete vyzváni k přihlášení se do vašeho účtu na Facebooku. V tomto momentě máte dvě možnosti:

  • Přihlásit se přes Facebook: Jestliže jste ve vašem výchozím webovém prohlížeči do Facebooku již přihlášeni, tak lze použít tuto možnost, která vás do prohlížeče přesune a tam jen schválíte vaše přihlášení přes tlačítko „Otevřít Messenger pro Windows“ a následné potvrzení vyžádané prohlížečem.
  • Přihlásit se pomocí telefonního čísla nebo e-mailu: Tuto možnost můžete zvolit, jestliže do Facebooku ve výchozím webovém prohlížeči přihlášeni nejste, a pokud si pamatujete váš přihlašovací email nebo telefonní číslo spolu s vaším heslem. Tuto možnost volte také v případě, že jste na Facebooku noví a účet si teprve chcete vytvořit. Pro takový účel se pak zobrazí tlačítko „Vytvořit nový účet“, které vás přesměruje do webového prohlížeče, kde je třeba registraci nového účtu provést.

Základní prostředí aplikace

Mezi položkami v okně aplikace Messenger se pohybujeme standardně tabulátorem, pro jemnější pohyb například v nabídkách pak slouží samotné klávesové šipky.

Na úplném začátku základního okna Messengeru se nachází tlačítko „Nabídka Messenger“. Po jeho aktivaci se zobrazí nabídka, kterou je možné procházet šipkou dolů nebo nahoru. Zde nás může zajímat položka „Soubor“, která po aktivaci mezerníkem zobrazí podnabídku, v níž šipkou dolů najdeme především položku „Předvolby“. Pro slabozraké je důležité, že v předvolbách na záložce “Vzhled“, na kterou najedeme šipkou dolů a potvrdíme mezerníkem, můžeme nastavit světlý, tmavý, kontrastní nebo další motivy aplikace a pomocí volby „Lupa“ také procentuální zvětšení obsahu.

Dále se v základním okně Messengeru nachází čtyři tlačítka, pomocí nichž je  možné se přepínat mezi čtyřmi druhy seznamu konverzací:

  • Chaty: Základní zobrazení, kde najdete všechny vaše běžné chaty.
  • Marketplace: Konverzace týkající se vaší komunikace v rámci bazarového nákupu nebo prodeje přes Facebook.
  • Žádosti: Zobrazí především konverzace s lidmi, které nemáte ve vašich přátelích, jež žádají o navázání spojení s vámi. Spojení navážete v okamžiku, kdy na žádost odpovíte.
  • Archivováno: Jedná se o konverzace, které jste přesunuli do archivu ze seznamu běžných chatů, například proto, aby se vám tam tyto konverzace nepletly.

Výběr a pokračování v existující konverzaci

Jestliže chcete pokračovat v konverzaci, kterou jste dříve zahájili vy nebo vaše protistrana, tak postupujte následovně:

  1. Mačkejte tabulátor, dokud se nepřesunete na prvek, který odečítač ohlásí jako „Seznam konverzací“.
  2. Jestliže odečítač ohlásí navíc ještě „Vodorovně posouvaná plocha“, tak ještě jednou stiskněte tabulátor.
  3. Šipkou dolů nebo nahoru vyberte existující chat, ve kterém chcete pokračovat a stiskněte na něm mezerník. Chaty jsou seřazeny podle aktivity od nejnovější po nejstarší.
  4. Měli byste být automaticky přesunuti do pole pro psaní zprávy, kdy by odečítač měl ohlásit „Napište zprávu, ať ji můžete poslat“. Nyní můžete vepsat vaši zprávu a odeslat ji Enterem.

Zahájení chatu s novým účastníkem

Jestliže chcete začít chatovat s někým, s kým jste ještě nekomunikovali, nebo jej nechcete hledat v seznamu konverzací, tak postupujte následovně:

  1. Mačkejte tabulátor, dokud se nepřesunete na tlačítko „Napište zprávu“ a mezerníkem jej aktivujte. Alternativně lze použít zkratku Control + N.
  2. Vepište klidně jen část jména hledaného člověka nebo skupiny.
  3. Šipkou dolů vyberte hledaného člověka nebo skupinu a Enterem jej potvrďte.
  4. Měli byste být automaticky přesunuti do pole pro psaní zprávy, kdy by odečítač měl ohlásit „Napište zprávu, ať ji můžete poslat“. Nyní můžete vepsat vaši zprávu a odeslat ji Enterem.

Bohužel nepřišel jsem na to, jak pomocí odečítače vytvořit chat s více než s jedním člověkem.

Čtení konverzací

Máte-li vybraný nějaký chat, viz předešlé postupy, tak můžete zprávy v tomto chatu číst následovně:

  1. Mačkejte tabulátor, dokud se nepřesunete na prvek, který odečítač ohlásí jako „Seznam zpráv“.
  2. V seznamu zpráv se lze navigovat šipkou dolů nebo nahoru, přičemž zprávy se zobrazují od nejstarší po nejnovější.

Akce s konverzacemi a zprávami

Na každé zprávě v konverzaci jsou v závislosti na druhu dané zprávy po stisknutí mezerníku k dispozici následující akce:

  • Přidat reakci: Mělo by sloužit pro reagování na vybranou zprávu pomocí reakce „to se mi líbí“ nebo pomocí jiných reakcí. Po aktivaci této položky se však odečítač tváří, jako by se nic nestalo, vypadá to tedy, že reagování není s odečítačem možné.
  • Odpovědět: Umožňuje citovat danou zprávu a odeslat tak na ni odpověď do aktuálního chatu.
  • Přeposlat: Umožňuje přeposlat zprávu do jiného chatu.
  • Odebrat pro vás: Po aktivaci a potvrzení v následném dialogu dojde k odstranění zprávy jen na vaší straně, čili příjemci ji v chatu stále uvidí.
  • Odebrat pro všechny: Po aktivaci a potvrzení v následném dialogu dojde k odstranění zprávy pro všechny účastníky chatu. Toto je možné provádět jen s vámi odeslanými zprávami.
  • Otevřít obrázek: Na zprávě s obrázkem zobrazí detail obrázku v prohlížeči médií, kde je možné jej přiblížit, přeposlat, stáhnout nebo zobrazit další informace o něm.
  • Zkopírovat obrázek: Zkopíruje obrázek ve zprávě do schránky pro vložení jinam přes Control + V.
  • Zkopírovat odkaz na obrázek: Zkopíruje odkaz na obrázek ve zprávě do schránky pro vložení jinam přes Control + V.
  • Uložit do stažených: Stáhne obrázek nebo jiný soubor, který je součástí zprávy, do složky „Stažené soubory“ ve vašem počítači.

Co se týče akcí s chaty v seznamu konverzací, jako třeba přesunutí konverzace do archivovaných nebo jejich úplné odstranění, tak zde jsem nepřišel na to, jak toho pomocí odečítače docílit.

Posílání hlasových zpráv a souborových příloh

Pokud chcete do aktuálního chatu odeslat zprávu nahranou vaším hlasem nebo nějaký soubor z vašeho počítače, tak postupujte následovně:

  1. Mačkejte tabulátor, dokud se nepřesunete na tlačítko „Přidat média“. Toto tlačítko najdete také, když na textovém editačním poli pro vepsání zprávy stisknete shift +tabulátor.
  2. Mezerníkem tlačítko aktivujte. Otevře se nabídka s těmito možnostmi:
    • Nahrát hlasový klip: Po aktivaci mezerníkem se bezprostředně začne nahrávat hlasová zpráva. Když dvakrát stisknete Shift + tabulátor, tak se dostanete na tlačítko „Zastavit záznam“, kterým je možné nahrávání zastavit, a případně pak dalším stisknutím mezerníku si nahranou zprávu poslechnout. Tabulátor vás dále přesune na tlačítko „Poslat zprávu“, kterým nahranou zprávu odešlete, případně přes Shift + tabulátor se lze přesunout na tlačítko „zavřít“, čímž nahrávání zrušíte.
    • Přidat přílohy: Aktivace mezerníkem zobrazí klasický dialog pro výběr a připojení jednoho nebo více souborů do zprávy.

Zahajování volání přes audio a video hovory

Po vybrání požadovaného chatu dle postupu zmíněného výše můžete zahájit hlasový nebo video hovor s jedním  nebo více účastníky daného chatu. Slouží pro to tlačítka „Audiohovor“, respektive „Videohovor“, která se nacházejí hned za seznamem konverzací.

Přijímání a ovládání hovorů

V okamžiku příchozího hovoru se okno pro daný hovor samo přepne do popředí. Po přepnutí do tohoto okna Messenger ohlásí, kdo vám volá, a nabídne tlačítka pro přijmutí nebo odmítnutí hovoru, mezi kterými se můžete přesouvat tabulátorem a mezerníkem je aktivovat.

Po zahájení nebo přijmutí hovoru se zobrazí okno nazvané „Volání v Messengeru“, v němž se opět navigujete standardně tabulátorem, a k dispozici máte především následující možnosti:

  • Ukončit hovor. Ukončení hovoru je možné také zavřením okna hovoru přes Alt + F4.
  • Ztišit mikrofon / Zrušit ztišení mikrofonu.
  • Zapnout fotoaparát / Vypnout fotoaparát.

Problémy v přístupnosti

Na některé bolístky v přístupnosti Messengeru jsem již upozornil výše přímo u popisovaných funkcí. Níže uvádím další významnější nedostatky , o kterých je dobré vědět.

  • Při přepínání mezi chaty se ztratí poslední pozice v seznamu zpráv a místo toho se zaměří nějaká zřejmě náhodná zpráva dávno v historii konverzace.
  • Neexistují klávesové zkratky pro rychlé přesunutí do textového editačního pole pro psaní zprávy, do seznamu konverzací  ani do seznamu zpráv v aktuálním chatu. Další zkratky bohužel nepřináší ani odečítač JAWS nebo nějaký doplněk pro odečítač NVDA.
  • V seznamu zpráv ani konverzací nefungují zkratky pro přesun na první nebo poslední položku přes klávesu Home, respektive End.
  • Některá tlačítka nebo jiné prvky se zdají být nefunkční. Například bych hledal možnost archivovat chat pod tlačítkem „Možnosti chatu“, ale aktivace tohoto tlačítka mezerníkem žádnou volbu jakékoliv akce neumožní.
  • Messenger vůbec nevyužívá kontextové nabídky pro akce například se zprávami nebo konverzacemi.
  • Při odeslání smajlíku ve zprávě se čtení celé takové zprávy v seznamu zpráv znepřístupní, čili zpráva se jeví jako prázdná.
  • Při práci s nabídkou Messengeru se mi stalo, že se fokus klávesnice zasekl na tlačítku „Soubor“ a jediný způsob, jak fokus opět zprovoznit, bylo náhodně kliknout myší někam do prostoru okna Messengeru.

Klávesové zkratky

  • Odeslat zprávu: Enter.
  • Vložit nový řádek při psaní zprávy: Shift + Enter.
  • Přepnout se do chatu na určité pozici: Control + klávesa s číslem 1 až 9.
  • Přepnout se do předchozího chatu: Alt + šipka dolů.
  • Přepnout se do následujícího chatu: Alt + šipka nahoru.
  • Vytvořit nový chat: Control + N.
  • Hledat v chatu: Control + F.
  • Otevřít dialog pro výběr souboru k odeslání: Control + U.
  • Přesunout se na vyhledávací pole: Control + K.
  • Vypnout nebo zapnout ztišení mikrofonu: Alt + M.
  • Vypnout nebo zapnout kameru: Alt + V.
  • Začít nebo zastavit sdílení obrazovky: Alt + S.
  • Zvednout v hovoru ruku nebo ji dát dolů: Alt + H.

Závěr

Aplikace Messenger pro Windows trpí jistými nedostatky, jako jsou například nepřístupné kontextové nabídky nebo tlačítka, která se hlásí jako sbalená, ale přitom po aktivaci stav sbalení nemění. Některé funkce aplikace navíc nelze používat vůbec, nebo jsem alespoň nepřišel na to, jak na ně. Jednou z těch zásadnějších funkcí je například nemožnost vytváření skupinových konverzací. Nepříjemné může být také nepamatování si pozice fokusu při přepínání mezi chaty. I tak ale může počítačová verze Messengeru oproti té mobilní nabídnout vyšší komfort při psaní, čtení nebo další práci se zprávami.

2023-11-02

WhatsApp patří mezi velmi oblíbené a dobře přístupné  komunikační aplikace především na chytrých mobilních zařízeních iPhone a Android. Umožňuje posílání textových zpráv, fotografií, videí, kontaktů, anket, souborů, nebo také zpráv, které nahrajete vlastním hlasem, přičemž příjemci mohou být jak jednotlivci, tak skupiny lidí. Dále je přes WhatsApp možné uskutečňovat audio nebo video hovory. Vyvstane-li však potřeba vytvářet a posílat zprávy pohodlněji pomocí hardwarové klávesnice, popřípadě chcete-li snadno odesílat obsah dostupný na počítači nebo na počítači pracovat s obsahem přijatým od dalších účastníků konverzací, tak může přijít vhod aplikace WhatsApp určená právě pro počítače. Konkrétně o verzi aplikace WhatsApp pro operační systém Windows bude řeč v tomto návodu.

Předpoklady

  • WhatsApp pro Windows vyžaduje systém Microsoft Windows 10 nebo novější. Na starších Windows však lze provozovat webovou verzi aplikace WhatsApp prostřednictvím webového prohlížeče .
  • Pro nastavení WhatsApp na počítači budete potřebovat zprovozněný WhatsApp na mobilním zařízení iPhone nebo Android. Po zprovoznění bude WhatsApp na počítači synchronizován s WhatsAppem na vašem mobilním zařízení.
  • Ke zprovoznění WhatsApp na počítači budete muset na jeho obrazovce naskenovat QR kód vaším mobilním zařízením. Pro překonání tohoto kroku možná budete potřebovat asistenci vidícího

Instalace

Postup instalace WhatsApp pro systém Windows je následující:

  1. Přejděte na stránku WhatsApp v rámci Microsoft Store.
  2. Jestliže ve vašem webovém prohlížeči vyběhne okno dotazující se na spuštění Microsoft Store, tak v  něm jeho spuštění patřičným tlačítkem povolte.
  3. Po načtení stránky WhatsApp v aplikaci Microsoft Store tabulátorem přejděte na tlačítko „Nainstalovat“ a mezerníkem jej aktivujte. Poté počkejte, než se WhatsApp stáhne a nainstaluje, což se stane v momentě, kdy se tlačítko „Nainstalovat“ změní na „Otevřít“. WhatsApp však nyní ještě neotvírejte, nejprve je totiž potřeba si připravit mobilní telefon s nainstalovanou aplikací WhatsApp.

Otevřete WhatsApp na mobilním telefonu a postupujte následovně:

    1. Přejděte do nastavení. Na telefonech iPhone je to poslední panel nacházející se v pravém dolním rohu obrazovky.
    2. V nastavení přejděte do části „Propojená zařízení“ a tam aktivujte tlačítko „Propojit se zařízením“. Tuto akci bude možná nutné schválit otiskem prstu nebo naskenováním obličeje.
    3. Nyní by se WhatsApp na vašem mobilním telefonu měl dostat do režimu snímání QR kódu fotoaparátem. Pokračovat budete na počítači.
  1. Na počítači spusťte WhatsApp přes nabídku Start stisknutím klávesy Windows, vepsáním textu „WhatsApp“, a poté potvrzením klávesou Enter.
  2. Až se WhatsApp otevře, tak tabulátorem přejděte na tlačítko „Pokračovat“ a mezerníkem jej aktivujte. Jestliže se po aktivaci tlačítka nic nestane, tak se přes Alt + tabulátor přepněte do jiné aplikace a pak zpět do aplikace WhatsApp.
  3. Namiřte kameru telefonu na QR kód zobrazený na vašem počítači.
  4. Po úspěšném naskenování QR kódu by WhatsApp na počítači měl rovnou přejít na obrazovku pro chatování.

Popis společné části základních obrazovek aplikace

Mezi položkami v okně aplikace WhatsApp se pohybujeme standardně tabulátorem, pro jemnější pohyb například v nabídkách pak slouží samotné klávesové šipky.

Na začátku každé základní obrazovky se nachází nabídka pro výběr hlavní funkce aplikace. Tyto funkce můžete vybírat šipkou nahoru a dolů a aktivovat je mezerníkem. K dispozici jsou tyto funkce:

  • Chaty: Slouží pro konverzaci s jinými uživateli především pomocí rychlých krátkých zpráv, ale rovněž i pro zahajování audio nebo video hovorů.
  • Hovory: Umožňuje zobrazení výpisu posledních hovorů, ale jen těch, které jste uskutečnili na počítači.
  • Stav: Umožňuje procházet aktualizace vašich stavů nebo stavů vašich kontaktů, tedy informace o tom, co teď nebo v minulosti dělali.

Dalším stisknutím tabulátoru se přesunete na nabídku s následujícími položkami, které můžete rovněž vybírat šipkou nahoru a dolů a aktivujete je mezerníkem:

  • Zprávy s hvězdičkou: Zobrazí seznam zpráv, které jste označili hvězdičkou.
  • Archivované chaty: Zobrazí seznam chatů, které jste archivovali.
  • Otevřít nastavení: Zobrazí nastavení aplikace WhatsApp jako například možnost přizpůsobení vzhledu aplikace, nebo kdy a jaké budete dostávat oznámení, více viz níže v článku.
  • Profil: Zobrazí možnosti pro změnu profilové fotografie, jména či profilové informace.

Popis obrazovky pro chatování

Základní obrazovka pro chatování s jinými uživateli se kromě již zmíněných společných součástí skládá z následujících prvků, mezi nimiž se můžete pohybovat tabulátorem.:

  •  Vyhledejte nebo zahajte nový chat: Textové pole sloužící pro vyhledávání dřívějších chatů zadáním libovolného textu, který se v hledané konverzaci vyskytuje , nebo textu jež odpovídá klidně jen části jména účastníka  některé dřívější konverzace, popřípadě názvu hledané skupinové konverzace. Pomocí tohoto pole je také možné zahájit novou konverzaci zadáním části jména některého z vašich kontaktů. . Mezi nalezenými výsledky se lze pohybovat šipkou dolů nebo nahoru a volbu požadovaného chatu potvrdit mezerníkem, což kurzor přesune do textového pole pro vepsání nové zprávy do daného chatu.
  • Seznam chatů – Jedná se o seznam všech vašich chatů seřazený podle poslední aktivity od nejnovějšího po nejstarší. U každého chatu odečítač přečte jméno uživatele nebo název skupinové konverzace, počet nepřečtených zpráv a nejnovější zprávu. V seznamu se můžete pohybovat šipkou dolů nebo nahoru. Stisknutím mezerníku na vybraném chatu se chat otevře a kurzor se přesune do textového pole pro vepsání nové zprávy do daného chatu.
  •  Zahájit novou konverzaci: Tlačítko, po jehož aktivaci mezerníkem se vyvolá vyhledávací textové pole, do nějž můžete zadat klidně jen část jména kontaktu, se kterým chcete chatovat. Požadovaný kontakt vyberete ze seznamu, do nějž se dostanete tabulátorem a v seznamu se pohybujete šipkou dolů nebo nahoru. Stisknutím mezerníku na vybraném kontaktu se otevře chat  s tímto kontaktem a kurzor se přesune do textového pole pro vepsání nové zprávy.
  •  Filtrovat chaty podle: Tlačítko, kterým je možné  vyfiltrovat seznam chatů jen na nepřečtené chaty, na chaty s kontakty, které máte nebo nemáte uloženy v mobilu, na skupinové chaty nebo na chaty, v nichž jste rozepsali ale neodeslali zprávu.

Máte-li otevřenou některou konverzaci, tak obrazovka chatu obsahuje ještě následující prvky:

  •  Informace o konverzaci: Tlačítko, přes které se lze dostat k  položkám připojeným do aktuální konverzace jako jsou poslané odkazy nebo mediální a další soubory, popřípadě zobrazit či upravit nastavení aktuální konverzace nebo zobrazit další informace o konverzaci, například zjistit její účastníky.
  •  Videohovor: Tlačítko sloužící pro zahájení video hovoru.
  •  Hlasový hovor: Tlačítko sloužící pro zahájení audio hovoru.
  • Hledat v chatu: Tlačítko sloužící pro hledání určitého textu v historii aktuálně otevřené konverzace. Po aktivaci tohoto tlačítka je možné zadat hledaný text a přes Shift + tabulátor se přesunout na seznam zpráv, kde bude zaměřena odpovídající nalezená zpráva, popřípadě můžete ne úplně vhodně pojmenovanými tlačítky „Zobrazit starší výsledky“ nebo „Zobrazit novější výsledky“ přesunout zaměření v seznamu zpráv na starší, respektive novější nalezenou zprávu. Hledání tedy nefunguje jako filtr, ale pouze přesouvá zaměření aktuální zprávy v seznamu zpráv.
  • „Zprávy“ – Seznam zpráv aktuálně otevřené konverzace. Zprávy se zobrazují od nejstarší po nejnovější a lze je procházet šipkou nahoru nebo dolů.
  • Přidat emoji: Tlačítko umožňující vyhledat a do zprávy vložit smajlíky a jiné ikony vyjadřující emoce, popřípadě také animované gify a nálepky. Po aktivaci tohoto tlačítka budete přesunuti do vyhledávacího pole, kam můžete vepsat např. „úsměv“, tabulátorem přejít do seznamu nalezených usmívajících se emoji, šipkou doprava nebo doleva požadovanou emoji vybrat  a potvrdit mezerníkem. Tím se emoji vloží do zprávy na pozici kurzoru, ale nabídka emoji se tím nezavře, to musíte provést klávesou Escape. Tabulátorem se případně můžete přesunout na prvek, kde šipkou doprava nebo doleva můžete přepnout aktuální kategorii emoji. Dalším tabulátorem se dostanete do seznamu pro přepnutí mezi vkládáním emoji, animovaných gifů nebo nálepek.
  • Připojit přílohu: Tlačítko otevírající nabídku, ze které je možné připojit ke zprávě fotografie, videa, dokumenty, vizitku kontaktů, vytvořit a vložit anketu nebo vytvořit a poslat kresbu. Přes položku „Dokument“ je možné do zprávy připojit i soubory jiného formátu než jen dokument.
  • Napište uživateli: Editační textové pole pro vepsání nové zprávy do aktuální konverzace. Klávesou Enter zprávu odešlete. Nový řádek vložíte  přes Shift + Enter.
  • Nahrát hlasovou zprávu: Tlačítko sloužící pro nahrání hlasové zprávy. Při první aktivaci tohoto tlačítka mezerníkem se zobrazí dialog dotazující se na povolení přístupu k mikrofonu pro aplikaci WhatsApp, kde tabulátorem najeďte na tlačítko „Ano“ a mezerníkem jej aktivujte. Nahrávání hlasové zprávy se zahájí bezprostředně po aktivaci tohoto tlačítka, přičemž fokus se sám přesune na tlačítko „Zahodit hlasovou zprávu“, přes které můžete mezerníkem nahrávání kdykoliv zrušit a neodeslat. Případně je možné přes klávesu tabulátor přejít na tlačítko „Pozastavit nahrávání“. Dalším stisknutím tabulátoru se dostanete na tlačítko „Odeslat hlasovou zprávu“, kterým doposud nahranou zprávu odešlete. Nahrávání je možné kdykoliv zrušit také klávesou Escape. Jestliže jste nahrávání zprávy pozastavili, tak můžete dvakrát stisknout Shift + tabulátor a přesunout se tak na tlačítko „Přehrát nahrávku“, jímž můžete dosud nahranou zprávu přehrát či opětovným stiskem pozastavit. Poté je možné tabulátorem přejít na tlačítko „Pokračovat v nahrávání“ či „Odeslat hlasovou zprávu“.

Práce s chaty

V seznamu chatů jsou po vyvolání kontextového menu, v němž se lze pohybovat standardně šipkou dolů nebo nahoru, k dispozici zejména následující položky, které můžete aktivovat mezerníkem:

  • Označit jako nepřečtené.
  • Připnout nahoru: V seznamu chatu umístí tento chat trvale na začátek seznamu.
  • Ztlumit: Potlačí příjem oznámení z daného chatu na zvolený časový interval.
  • Archivovat: V seznamu chatů  skryje daný chat. K archivovaným chatům máte přístup přes položku zmíněnou dříve v článku.

Práce s přijatými zprávami

K většině akcí s přijatou zprávou se dostanete přes kontextové menu. Mezi dostupné akce patří následující:

  • Reakce jako palec nahoru nebo rudé srdce: Popíšeme si dále v článku.
  • Odpovědět: Umožňuje citovat danou zprávu a odeslat tak na ni odpověď do aktuálního chatu.
  • Zkopírovat: Slouží pro zkopírování zprávy do schránky pro její následné vložení jinam přes Control + V.
  • Uložit jako: Vyvolá standardní dialog prostřednictvím  něhož můžete na disk uložit obrázek, video, hlasovou zprávu či jiný soubor obsažený v dané zprávě.
  • Odpovědět soukromě: Dostupné jen ve skupinových konverzacích a stejné jako „Odpovědět“ výše, ale odpověď bude zaslána do chatu jen s  uživatelem , který danou zprávu poslal.
  • Přeposlat: Umožňuje přeposlat zprávu do jiného chatu.
  • Označit hvězdičkou: Zprávy označené hvězdičkou je možné vyfiltrovat, viz výše.
  • Odstranit: Po aktivaci a potvrzení v následném dialogu dojde k odstranění zprávy pro všechny účastníky chatu. Toto je možné provádět jen s vámi odeslanými zprávami, popřípadě u zpráv jiných účastníků chatu za předpokladu, že jste správcem takového skupinového chatu.
  • Odstranit u mě: Po aktivaci a potvrzení v následném dialogu dojde k odstranění zprávy jen na vaší straně, čili příjemci ji v chatu stále uvidí.
  • Vybrat: slouží pro výběr zprávy pro provádění hromadných akcí s více takto vybranými zprávami.
  • Info: Umožňuje zobrazit informace o zprávě jako čas jejího doručení či přečtení příjemcem, nebo čas zobrazení či přehrání v případě hlasové zprávy. Vyčítání těchto informací však není přístupné.

Netextové zprávy

Jak bylo zmíněno již v úvodu, WhatsApp umožňuje posílat také různé jiné typy zpráv než jen textové. S těmito typy zpráv můžete pracovat následovně:

  • Hlasové zprávy: Přehrávání hlasové zprávy spustíte nebo pozastavíte mezerníkem stisknutém na dané zprávě.
  • Odkazy: Obsahuje-li zpráva nějaké odkazy, tak je možné se na ně postupně přesunout pomocí tabulátoru a mezerníkem případně vybraný odkaz otevřít.
  • Reakce na zprávu: Skutečnost, zda zpráva obsahuje reakci, mezi něž patří například palec nahoru nebo rudé srdce , se bohužel při procházení zpráv šipkou nahoru nebo dolů nedozvíte. K reakcím pro zaměřenou zprávu se musíte dostat tabulátorem. Chcete-li nějakou reakci přidat vy, tak na zprávě vyvolejte kontextové menu, šipkou doprava nebo doleva zvolte požadovanou reakci a mezerníkem potvrďte.
  • Obrázek či video: Ve zvětšeném zobrazení otevřete obrázek či video mezerníkem a zpět se vrátíte klávesou Escape.
  • Soubor jiného typu než obrázek či video: Tabulátorem je možné se přesunout na tlačítko „Otevřít“ a ještě jedním stiskem tabulátoru na tlačítko „Uložit jako“. Tlačítko „Otevřít“ soubor otevře v aplikaci nastavené ve Windows jako výchozí pro daný typ souboru. Tlačítko „Uložit jako“ slouží pro uložení souboru na disk.

Vytváření WhatsAppových skupin

WhatsApp nabízí pro správce skupin poměrně rozsáhlé administrační funkce a nastavení, jejichž popis je mimo záběr tohoto článku. Ukažme si alespoň, jak WhatsAppovou skupinu vytvořit.

  1. Na základní obrazovce pro chat tabulátorem najděte tlačítko „Zahájit novou konverzaci“ a mezerníkem jej aktivujte, anebo použijte zkratku Control + N.
  2. Vyvolá se textové pole nazvané „Hledat“, do něhož nezadávejte žádný text, ale rovnou stiskněte tabulátor pro přesunutí na tlačítko „Nová skupina“ a mezerníkem jej aktivujte.
  3. Budete přesunuti opět do textového pole nazvaného „Hledat“, tentokrát však toto pole slouží pro vyhledání účastníků skupiny. Účastníka přidáte tak, že do tohoto pole napíšete jméno hledaného kontaktu nebo jeho část, šipkou dolů vyberete požadovaný kontakt a označíte jej jako vybraný mezerníkem. Při přechodu do seznamu kontaktů šipkou dolů se nenechte zmást hláškou „Nebyly nalezeny žádné kontakty“. Tuto hlášku odečítač oznámí, i když se nějaké kontakty najdou. Navíc při výběru kontaktů ze seznamu mezerníkem odečítač neposkytne žádnou zpětnou vazbu, abyste věděli, že je kontakt vybrán. Opakovaný stisk mezerníku na kontaktu jeho výběr zase zruší, bohužel opět bez jakékoliv zpětné vazby.
  4. Dalšího účastníka přidáte tak, že se několikerým stisknutím tabulátoru vrátíte zpět na textové pole, kam jste zadávali část jména hledaného kontaktu, a tam tuto část jména smažte. Při mazání dejte pozor, abyste nesmazali také položku představující již přidaného účastníka , mazání znaků tedy skončete těsně před touto položkou. Účastníka poté přidáte tak, že napíšete opět klidně jen část jeho jména, šipkou dolů najedete na kontakt a mezerníkem jej vyberete. Opakováním postupu zmíněného v tomto bodě můžete přidat libovolný počet dalších účastníků.
  5. Jakmile přidáte všechny požadované účastníky, tak opakovaně mačkejte tabulátor, dokud se nepřesunete na tlačítko „Další“ a mezerníkem jej aktivujte.
  6. Budete přesunuti do textového pole pro pojmenování vaší nové skupiny. Po zadání jména skupiny se tabulátorem přesuňte na tlačítko „Vytvořit“ a mezerníkem proces vytváření nové skupiny dokončete. Popřípadě klávesou Escape můžete vytváření skupiny kdykoliv zrušit, což budete muset ještě potvrdit tlačítkem „Ano, zrušit“.

Přidání dalšího účastníka do skupinového chatu

Jestliže se kdykoliv později rozhodnete přidat do skupinového chatu někoho dalšího, tak je postup následující:

  1. Na obrazovce otevřeného skupinového chatu opakovaně mačkejte tabulátor, dokud se nepřesunete na tlačítko, jehož název začíná slovy  „Informace o konverzaci“, a mezerníkem toto tlačítko aktivujte.
  2. Šipkou dolů najeďte na položku „Účastníci“ a mezerníkem ji aktivujte.
  3. Tabulátorem se přesuňte na tlačítko „Přidat účastníky“ a mezerníkem jej aktivujte.
  4. Budete přesunuti do textového pole nazvaného „Hledat“, pomocí něhož vyhledejte nového účastníka tak, že do tohoto pole napíšete jméno hledaného kontaktu nebo jeho část, šipkou dolů vyberete požadovaný kontakt a označíte jej jako vybraný mezerníkem.
  5. Tabulátorem přejděte na tlačítko „Přidat jednu osobu“ a mezerníkem jej aktivujte. Vyběhne potvrzovací okno, ve kterém mezerníkem  stiskněte tlačítko „Ano“.

Zahajování, přijímání  a ovládání audio a video hovorů

Přestože položku „Hovory“ nalezneme v již zmíněné nabídce pro výběr hlavní funkce aplikace, tak pro zahajování hovorů je stejně jednoduší použít položku „Chaty“, neboť při zvolení položky „Hovory“ na obrazovce poté sice nalezneme textové pole pro hledání hovorů, to nás však po vyhledání kontaktu nakonec stejně přepne do chatů.

Nový audio nebo video hovor tedy nejlépe zahájíme následovně.

  1. Pomocí prvků popsaných výše v článku vybereme existující konverzaci v seznamu chatů nebo zahájíme konverzaci novou.
  2. Hovor zahájíme stisknutím mezerníku na tlačítku „Videohovor“ nebo „Hlasový hovor“, které na obrazovce nalezneme tabulátorem.

Příchozí hovor se ve Windows jeví jako samostatné okno nazvané „Hovor – WhatsApp“, do něhož se lze přepnout přes Alt + tabulátor. V tomto okně se poté lze cyklicky tabulátorem přesouvat mezi tlačítky pro přijetí či odmítnutí hovoru a pro nastavení zařízení. Zjistit jméno volajícího však z tohoto okna jednoduše pomocí odečítače nelze:

  • V případě JAWS je pro zjištění volajícího potřeba použít dotykový kurzor nebo virtualizaci okna přes JAWSKey + Alt + W.
  • V případě NVDA lze volajícího zjistit pomocí objektové navigace, čili přes klávesu NVDA + numerická 6 nebo numerická 4 v rozložení pro desktop, popřípadě klávesu NVDA + Shift + šipka doprava nebo doleva v rozložení pro laptop.

Během hovorů je možné zapnout nebo vypnout mikrofon, zapnout nebo vypnout kameru, ukončit hovor, přidat další účastníky nebo zahájit sdílení obrazovky. Mezi všemi těmito tlačítky se pohybujeme cyklicky tabulátorem a požadované tlačítko aktivujeme mezerníkem.

Nastavení aplikace

V nastavení aplikace WhatsApp, do něhož se dostaneme pomocí položky „Otevřít nastavení“, jak bylo zmíněno výše v článku, nebo přes zkratku Control P, nalezneme kategorie, mezi nimiž se  pohybujeme šipkou dolů nebo nahoru a aktivujeme je mezerníkem. K nastavením pro vybranou kategorii se pak dostaneme tabulátorem. Za zmínku stojí především následující nastavení:

  • V kategorii Obecné možnost „Spustit WhatsApp při přihlášení“.
  • V kategorii Personalizace možnosti vybrat světlý nebo tmavý motiv aplikace a nastavit procentuální zvětšení zobrazení.
  • V kategorii Zkratky: možnost projít seznam všech dostupných klávesových zkratek, vyjma zkratek přidaných odečítačem, viz níže.

Užitečné klávesové zkratky

  • Přesunout se na textové pole pro vyhledání nebo zahájení nového chatu“: Control + F.
  • Vyhledat text v aktuálním chatu: Control + Shift + F.
  • Zahájit novou konverzaci: Control + N.
  • Přepnout do chatu na určité pozici, přičemž pořadí odpovídá pozici chatu v seznamu chatů: Control + klávesa s číslem 1 až 9.
  • Otevřít nabídku pro vyhledávání emoji a jejich vložení do zprávy: Control + Shift + E.
  • Zvětšit nebo zmenšit text: Control + znaménko plus nebo minus.
  • Nastavit text na výchozí velikost: Control + 0.

Klávesové zkratky specifické pro JAWS

Do seznamu  všech klávesových zkratek specifických jen pro odečítač JAWS je možné se kdykoliv dostat stisknutím JAWSKey + F1, poté pomocí tabulátoru najetím na odkaz „Seznam klávesových zkratek JAWS“, a nakonec potvrzením Enterem. Níže jsou uvedeny ty zkratky, které považuji za nejužitečnější. Bohužel mezi zkratkami pro JAWS nenajdeme zkratky pro zapínání či vypínání mikrofonu ani kamery.

  • Přesunout se na pole pro psaní zprávy: Alt + E.
  • Přesunout se na seznam chatů: Alt + C.
  • Přesunout se na seznam zpráv aktuálního chatu: Alt + H.
  • Přečíst poslední zprávu na určité pozici v aktuálním chatu: Alt + klávesa s číslem 1 až 9.
  • Přečíst poslední zprávu na určité pozici virtuálním kurzorem v aktuálním chatu: Alt + Shift + klávesa s číslem 1 až 9.
  • Přečíst jméno a stav příjemce v aktuálním chatu: Alt + S.
  • Zahájit audio hovor: Control + Alt + A.
  • Zahájit video hovor: Control + Alt + V.
  • Připojit ke zprávě přílohu: Alt + X.

Doplněk pro NVDA přidávající klávesové zkratky

Jestliže patříte mezi uživatele odečítače NVDA, tak možná oceníte doplněk WhatsAppPlus, který můžete stáhnout přes tento přímý odkaz. Při spuštěném NVDA  stažený soubor doplňku otevřete a odsouhlaste jeho instalaci tlačítkem „Ano“. Doplněk přidává zejména mnoho dalších klávesových zkratek.

Dále je za hodno upozornit, že klávesové zkratky pro ovládání hovoru přidané doplňkem WhatsAppPlus nejsou globální, čili fungují jen v případě, že se zrovna nacházíte v okně aplikace WhatsApp.

Všechny klávesové zkratky je možné zobrazit přes dialog vyvolaný zkratkou Alt + H. Níže jsou uvedeny ty, které považuji za nejužitečnější:

  • Přesunout se na pole pro psaní zprávy: Alt + D.
  • Přesunout se na seznam chatů: Alt + 1.
  • Přesunout se na nejnovější zprávu v seznamu zpráv pro aktuální chat: Alt + 2.
  • Přečíst jméno a stav příjemce v aktuálním chatu: Alt + T.
  • Zkopírovat text vybrané zprávy do schránky: Control + C.
  • Otevřít text vybrané zprávy v samostatném okně, kde je možné jej označovat a případně zkopírovat: Alt + C.
  • Zahájit audio hovor: Alt + Shift + C.
  • Zahájit video hovor: Alt + Shift + V.
  • Zapnout nebo vypnout mikrofon: Alt + A.
  • Zapnout nebo vypnout kameru: Alt + V.
  • Přijmout hovor: Alt + Shift + Y.
  • Odmítnout nebo položit hovor: Alt + Shift + N.
  • Připojit ke zprávě přílohu: Control + Shift + A.

Závěr

Obzvlášť po osvojení si několika základních klávesových zkratek dodaných odečítačem JAWS či NVDA může WhatsApp pro Windows oproti své mobilní variantě znatelně usnadnit čtení, vytváření  a další práci se zprávami. V počítačové verzi WhatsApp se navíc nesetkáte s neduhy mobilní verze této aplikace pro systém iOS, kde občas není možné se šviháním prstu dostat na starší zprávy, nebo kdy po použití doteku prstu na obrazovce konverzace sama odroluje daleko do minulosti.

Dále lze konstatovat, že přístupnost WhatsAppu pro Windows se za poslední půlrok znatelně zlepšila. Jeho funkcionalita se průběžně mění, takže výše uvedené informace mohou rychle zastarat. Dá se rovněž říct, že WhatsApp pro Windows patří mezi ty přístupnější komunikátory ve srovnání například s Facebook Messenger nebo Skype.

 

2023-11-02

Zapomenutí důležitých hesel nebo nebezpečí spojené s jejich prolomením je noční můrou mnoha uživatelů informačních technologií. Oproti tomu snem snad každého uživatele je mít bezpečný ale zároveň bezstarostný a jednoduchý přístup k různým internetovým službám, uchovávat hesla a popřípadě jiné citlivé údaje a soubory v bezpečí, a to napříč všemi zařízeními, které k přístupu používáme. Řešení těchto problémů ale nemusí být tak složité, jak se může zdát. Jedním z řešení může být technologie KeePass. O aplikaci KeePass pro počítače se systémem Windows již byla řeč v článku KeePass – vaše hesla na jednom místě a v bezpečí, v němž byly blíže představeny zároveň i základní principy této metody bezpečné správy hesel a jiných dat. Cílem tohoto navazujícího návodu je popsat dobře přístupnou aplikaci KeePassium, která slouží pro stejný účel, avšak zaměřuje se na mobilní zařízení s operačním systémem iOS tak, aby jste měli přístup k vaším citlivým údajům i v případě, že zrovna používáte mobilní zařízení iPhone či iPad.

Představení aplikace KeePassium

KeePassium je s odečítačem obrazovky VoiceOver velmi dobře přístupná a z větší části počeštěná mobilní aplikace systému iOS pro zabezpečenou správu hesel, jiných údajů  a souborů pracující s formáty databáze KeePass. Všechny podstatné funkce aplikace jsou k dispozici bezplatně a bez reklam. KeePassium je vyvíjen jako software s otevřeným zdrojovým kódem, takže její chování je každému volně k nahlédnutí, což by mělo zvýšit důvěru v tuto aplikaci.

Předpoklady

V tomto textu předpokládám porozumění informací uvedených v již zmíněném článku o aplikaci KeePass pro Windows Dále vycházím z toho, že pro účely synchronizace mezi různými zařízeními máte soubor databáze KeePass již uložen na některém cloudovém úložišti jako je Dropbox, OneDrive, iCloud Drive nebo Disk Google, popřípadě v jiném dalším podporovaném úložišti dostupném přes v systému iOS předinstalovanou aplikaci Soubory. Níže v návodu bude uvažováno konkrétně úložiště Dropbox, které, alespoň dle mé vlastní zkušenosti, synchronizuje soubory nejrychleji, nicméně některým uživatelům funguje stejně tak rychle i úložiště OneDrive.

Dalším předpokladem pro používání aplikace KeePassium je, že aplikaci vámi zvoleného úložiště máte ve vašem mobilním zařízení nainstalovanou, a že jste do ní přihlášeni. Zde je případně odkaz na aplikaci Dropbox v obchodu Apple App Store.

Postupy a funkce popsané v tomto návodu se vztahují k aplikaci KeePassium v beta verzi 1.46. Vzhledem k této skutečnosti a k faktu, že aplikace se poměrně rychle vyvíjí, je možné, že některé uvedené informace nebudou odpovídat vámi používané verzi.

Instalace a první spuštění KeePassium

  1. KeePassium stáhněte a nainstalujte klasicky prostřednictvím obchodu Apple App Store. Zde je přímý odkaz.
  2. Při prvním spuštění KeePassium budou nabídnuta tlačítka odpovídající třem možnostem, jak pokračovat:
    1. Vytvořit novou databázi: Použijete v případě, kdy databázi KeePass ještě nemáte založenou , a chcete ji teprve vytvořit. Při zvolení této volby bude zobrazena obrazovka, na níž je možné zejména přepsat jméno vytvářeného databázového souboru  a nastavit heslo databáze. Po odsouhlasení hesla budete moci v  dalším kroku přes nativní prohlížeč souborů zvolit umístění vytvářeného databázového souboru a potvrdit tlačítkem „Uložit“ v pravém horním rohu obrazovky.
    2. Přidat existující databázi: Zvolte, pokud již používáte KeePass databázi na jiném zařízení a máte ji uloženou v nějakém dostupném cloudovém úložišti. V následujících krocích budeme uvažovat volbu právě tohoto tlačítka, protože bude popisován postup, jak existující soubor databáze otevřít z úložiště Dropbox.
    3. Connect to server: Použijte, jestliže soubor databáze chcete vybrat z úložiště OneDrive, avšak nedaří se vám jej zvolit při použití tlačítka popsaném v předchozím bodě například z důvodu restrikcí politiky vaší organizace. Při volbě přístupu k úložišti OneDrive přes toto třetí tlačítko ale mějte na paměti, že tím udělujete aplikaci KeePassium přístup ke všem souborům v OneDrive, kdežto při volbě tlačítka „Přidat existující databázi“ bude KeePassium přistupovat jen k vybranému souboru vaší databáze. Po volbě tohoto třetího tlačítka budete vyzváni k odsouhlasení připojování k externím síťovým službám, které potvrďte tlačítkem „Allow network access“. Následně se ještě budete muset přihlásit k vašemu účtu od Microsoftu a povolit aplikaci KeePassium přístup k vašemu úložišti.
  3. Po zvolení tlačítka „Přidat existující databázi“ se zobrazí nativní prohlížeč souborů, přičemž aktivní bude panel „Historie“. U spodního okraje obrazovky se přepněte na panel „Prohlížení“.
  4. Nyní bude zobrazena pravděpodobně složka v úložišti iCloud Drive. Chcete-li vybrat soubor databáze KeePass z jiného úložiště, tak poklepejte na tlačítko pro pohyb zpět nacházející se v levém horním rohu obrazovky.
  5. Jestliže se v oblasti  pod nadpisem „Umístění“ nenachází položka se jménem požadovaného úložiště, tedy „Dropbox“, tak v pravém horním rohu obrazovky poklepejte na tlačítko „Další“, a poté zvolte možnost „Upravit“. Posléze na obrazovce najděte položku „Dropbox“ a napravo od ní poklepejte na přepínač, který hlásí stav vypnuto tak, aby stav změnil na zapnuto. Provedené změny potvrďte tlačítkem „Hotovo“ nacházejícím se v pravém horním rohu obrazovky. Nyní by se už měla na obrazovce vyskytovat položka požadovaného úložiště, tedy „Dropbox“, na kterou poklepejte.
  6. Ve zvoleném úložišti najděte soubor vaší databáze a poklepejte na něm.
  7. Zobrazí se obrazovka, na které zadejte heslo k vaší databázi a potvrďte tlačítkem „Odemknout“. Na další obrazovce se poté možná zobrazí výzva ke chránění KeePassium před neoprávněným přístupem pomocí zámku. K tomu se dostaneme později, pro tentokrát tedy poklepejte na tlačítko „Zavřít“.

Práce s aplikací

Základní obrazovka

Po úspěšném přidání a odemčení databáze by se na obrazovce měly zobrazit následující položky:

  • Zpět: Tlačítko, kterým se přesunete na obrazovku pro výběr právě používané databáze.
  • Vytvořit: Tlačítko, které po aktivaci umožňuje výběr z následujícího:
    • Vytvořit skupinu: Zobrazí jednoduchou obrazovku pro vytvoření nové skupiny, což je v podstatě složka obsahující záznamy nebo další skupiny v databázi. Skupina se vytvoří do právě otevřené databáze nebo v ní právě otevřené skupině.
    • Vytvořit záznam: Přesune vás na obrazovku pro vytvoření nového záznamu, což bude popsáno níže.
  • Hledat: Textové pole pro vyhledávání záznamů. Prohledávány jsou názvy záznamů, uživatelská jména, webové adresy a poznámky.
  • Největší oblast obrazovky tvoří výpis záznamů a popřípadě skupin aktuálně otevřené databáze nebo skupiny. Poklepáním na záznam se dostanete do jeho detailu, kterému je věnována samostatná podkapitola níže, a poklepáním na skupinu tuto skupinu otevřete.
  • Panel nástrojů skládající se z následujících tlačítek:
    • Sort Order: Slouží pro změnu řazení výpisu záznamů. Nepodařilo se mi ale seřadit záznamy například podle jejich titulků.
    • Random Generator: Nástroj, přes který si můžete kdykoliv nechat vygenerovat náhodné silné heslo pro uložení do schránky a následné vložení do formuláře například při registraci na webové stránce. K dispozici jsou tři varianty hesla – základní  (basic) skládající se z písmen a číslic, expertní skládající se z písmen, číslic a speciálních znaků a nakonec heslová fráze (Passphrase) skládající se z řetězce za sebou následujících anglických slov. Požadovanou variantu hesla zkopírujete do schránky přes tlačítko „Kopírovat“ nebo poklepáním na zobrazené vygenerované heslo.
    • Obnovit: Slouží pro ruční vyžádání synchronizace databáze. Doporučuji použít vždy před tím, než začnete s vaší databází pracovat.
    • Database Operations: Zobrazí nabídku určitých operací s aktuální databází. Za zmínku stojí možnost změnit hlavní klíč databáze nebo možnost si přes tlačítko „Password Audit“ vyžádat bezpečný audit pro zjištění, zda se některá z vašich hesel neobjevila na Internetu v databázi uniklých hesel.
  • Settings: Slouží pro přístup do nastavení aplikace KeePassium. Některá užitečná nastavení jsou zmíněna na konci článku.

Vytváření nového záznamu

K vytváření nového záznamu se dostanete ze základní obrazovky databáze nebo otevřené skupiny přes již zmíněné tlačítko „Vytvořit“ nacházející se v pravém horním rohu, a poté zvolením tlačítka „Vytvořit záznam“. Na obrazovce vytváření záznamu nás budou zajímat zejména následující položky:

  • Zrušit: Tlačítko pro zrušení vytváření záznamu.
  • Hotovo: Dokončí vytváření záznamu.
  • Název záznamu: Textové pole pro zadání pojmenování záznamu, které je jako jediný údaj v rámci záznamu povinné. Ve výchozím stavu je název nastaven na text „Nový záznam“.
  • Uživatelské jméno: Textové pole, které využijete, jestliže přidáváte záznam skládající se z přihlašovacích údajů například k nějaké webové stránce.
  • Heslo: Textové pole pro zadání přístupového hesla. Rovněž využijete při vytváření záznamu pro přihlašovací údaje například k webové stránce.
  • Ukázat heslo: Tlačítko, které po aktivaci odkryje heslo zadané v předchozí položce. Slouží pro ověření, že jste heslo zadali správně.
  • Random Generator: Tlačítko, jež po aktivaci zobrazí obrazovku pro generování náhodného velmi silného hesla. Na dané obrazovce využijeme především následující tlačítka:
    • Zpět: Vrátí vás zpět na obrazovku pro vytváření nového záznamu bez použití vygenerovaného hesla.
    • Kopírovat: Zkopíruje vygenerované heslo do schránky. Hodí se, pokud se zrovna registrujete na nějaké webové stránce.
    • Generate: Vygeneruje nové silné heslo.
    • Hotovo: Zvolí vygenerované heslo a vrátí vás na obrazovku pro vytváření nového záznamu.
  • URL: Textové pole pro uložení webové adresy k záznamu. Hodí se pro pozdější použití v momentě, kdy se chcete přihlásit pomocí v záznamu uložených přihlašovacích údajů. Na takto uloženou adresu je později možné snadno přejít přímo z aplikace KeePassium.
  • Poznámky. Textové pole pro uložení libovolného textu k vytvářenému záznamu. Využijete například pro uložení platebních údajů debetní nebo kreditní karty, údajů uvedených na občanském průkazu či cestovním pasu nebo pro uchování sériových klíčů k programům a podobně.

Po vytvoření nového záznamu budete přesunuti na obrazovku s detailem tohoto záznamu. Jedná se o stejnou obrazovku, jako se zobrazí při poklepání na záznam v databázi nebo v otevřené skupině záznamů, což je popsáno v následující podkapitole.

Prohlížení detailu záznamu

Po poklepání na záznam v databázi nebo v otevřené  skupině záznamů se zobrazí obrazovka detailu tohoto záznamu s následujícími položkami:

  • Zpět: Tlačítko pro navrácení zpět do otevřené databáze nebo skupiny záznamů.
  • Upravit: Tlačítko, kterým se dostanete na obrazovku pro úpravu názvu záznamu, uživatelského jména, hesla a dalších údajů aktuálního záznamu. Jedná se o totožnou obrazovku jako již byla popsána výše při vytváření nového záznamu.
  • Panel nástrojů s následujícími tlačítky, které ovlivňují, co se pod tímto panelem nástrojů zobrazí:
    • Obecné: Zobrazí údaje, které jste pro aktuální záznam vyplnili. Poklepáním na název zaměřeného údaje, například na položku „Heslo“, zkopírujete jeho hodnotu do schránky. Dále je zde možné skryté heslo odhalit poklepáním na tlačítko „Zobrazit jako prostý text“.
    • Soubory: Bude blíže popsáno v následující podkapitole.
    • Historie: Zobrazí data vytvoření, poslední změny a posledního zobrazení aktuálního záznamu. Je zde také možné procházet časové revize aktuálního záznamu, čili jeho předchozí stavy, včetně dřívějších souborů, které jste třeba u záznamu později odstranili.

Práce s přiloženými soubory

Jak bylo nastíněno v předchozí kapitole, k přidávání, prohlížení, odstraňování a další manipulaci se  soubory přiloženými k záznamům se dostanete z detailu požadovaného záznamu aktivací tlačítka „Soubory“. Toto tlačítko zobrazí následující položky:

  • Soubory přiložené k aktuálnímu záznamu: Poklepáním na soubor zobrazíte jeho náhled, který si poradí s textovými soubory, obrázky, ale například i se zobrazením wordových dokumentů jako prostého textu. V náhledu nechybí ani tlačítko pro nasdílení souboru do jiné aplikace. Šviháním jedním prstem nahoru nebo dolů na souboru je možné volit mezi akcemi jeho přejmenování, uložení do zvoleného úložiště, nebo odstranění ze záznamu.
  • Přidat soubor: Slouží pro přiložení libovolného souboru prostřednictvím nativního prohlížeče souborů. Je možné přidat také fotografii z nativní galerie nebo přímo možnost pořídit fotografii. Lze tak přiložit například různé soubory softwarových klíčů nebo fotografie osobních dokladů.

Rychlejší práce se záznamy a skupinami pomocí akcí na rotoru

Pro základní práci se záznamy není potřeba poklepáním na záznam otevírat obrazovku jejich detailu a hledat požadovaná tlačítka. K dispozici na každém záznamu jsou totiž akce na rotoru. Šviháním jedním prstem nahoru nebo dolů na záznamu tedy můžete vybrat z následujících možností:

  • Kopírovat username: Zkopíruje do schránky uživatelské jméno.
  • Kopírovat password: Zkopíruje do schránky heslo.
  • Kopírovat URL: Zkopíruje do schránky webovou adresu.
  • Kopírovat notes: Zkopíruje do schránky poznámku.
  • Upravit: Přesune vás na obrazovku pro úpravu záznamu.
  • Odstranit: Po následném odsouhlasení odstraní záznam.

Obdobně jsou akce dostupné také na skupinách, kde je možné šviháním nahoru nebo dolů volit mezi možnostmi upravit, odstranit nebo aktivovat, čili otevřít danou skupinu.

Přidání nebo odebrání databáze

Chcete-li do KeePassium přidat další databázi, tak se postupně přes tlačítko „Zpět“ v levém horním rohu obrazovky dostaňte až na obrazovku, na níž najdete výpis všech přidaných databází. Na této obrazovce se v jejím pravém horním rohu nachází tlačítko „Přidat databázi“, jež zobrazí nabídku s možnostmi, které už byly popsány v kapitole „Instalace a první spuštění KeePassium“.

Jestliže chcete nějakou databázi z KeePassium naopak odebrat, tak na zmíněné obrazovce s výpisem přidaných databází najeďte na dotyčnou databázi, šviháním jedním prstem nahoru vyberte akci „Odebrat“ a poklepáním potvrďte. Soubor databáze tímto nebude smazán z příslušného úložiště, jen se odstraní z tohoto výpisu.

Užitečná nastavení

Nastavení zamykání a odemykání aplikace pomocí Touch ID nebo Face ID

Ve výchozím stavu je aplikace KeePassium nastavena tak, že si trvale pamatuje hlavní hesla ke všem přidaným databázím. Zároveň jsme při prvním spuštění aplikace nenastavili zámek celé aplikace, takže kdykoliv se nyní do KeePassium přepnete, tak budete mít okamžitý přístup k veškerému obsahu vašich databází. To pochopitelně není příliš bezpečné a měli bychom to napravit.

KeePassium je možné nastavit tak, aby hlavní hesla databází zapomněl ihned po opuštění aplikace nebo po zvoleném časovém intervalu. Vzhledem k tomu, že hlavní heslo databáze by nemělo být snadno uhodnutelné nebo prolomitelné, a že opakované zadávání takového silného hesla by bylo zvláště při použití odečítače obrazovky poměrně deprimující, tak nastavení jeho zapomínání není příliš uspokojivým řešením. Naštěstí je ale možné místo  nutnosti zadávat hlavní heslo při přístupu do vašich databází vyžadovat již zmíněný zamykací kód pro celou aplikaci KeePassium. Tento zamykací kód se skládá z libovolného počtu znaků, rozumné je však nastavit jej na minimálně šest číslic podobně, jako máte nastavený kód zámku mobilního zařízení. Další dobrou zprávou je, že spolu s  aktivací tohoto zamykacího kódu pro KeePassium bude umožněno místo tohoto zamykacího kódu používat také biometrické ověření, tedy Touch ID nebo Face ID dle vašeho mobilního zařízení. Zamykací kód tak může sloužit jen jako záložní alternativa v případě, kdy vás vaše zařízení odmítá ověřit prostřednictvím biometrie.

Pro zapnutí zamykacího kódu aplikace spolu s alternativou v podobě ověření pomocí biometrie postupujte následovně:

  1. Aktivujte tlačítko „Settings“ umístěné v pravém dolním rohu základní obrazovky aplikace KeePassium.
  2. Poklepejte na tlačítko začínající slovy „Ochrana aplikace, zámek“.
  3. Aktivujte přepínač ohlášený jako „Zapnout zámek?“.
  4. Fokus se přesune do textového pole, kam zadejte vámi zvolený zamykací kód pro KeePassium. Zvolení alespoň šesti číslic je dobrým kompromisem mezi obtížností uhádnutí jinou osobou a snadností zadávání v momentě, kdy selže biometrické ověření.
  5. Nakonec potvrďte tlačítkem „Uložit přístupový kód“.

Automatické vyplňování přihlašovacích údajů v aplikacích a na webových stránkách

Díky integraci do systému je možné KeePassium nastavit tak, aby jste v aplikacích nebo na webových stránkách mohli vkládat uživatelská jména a hesla automaticky bez nutnosti opustit danou aplikaci, přejít do KeePassium, zkopírovat požadovaný údaj, vrátit se zpět a ručně vložit tento údaj do příslušného textového pole. Tuto funkci lze nastavit následovně:

  1. Přejděte do systémové aplikace Nastavení, čili nikoliv do nastavení aplikace KeePassium, ale Nastavení v systému iOS.
  2. Přejděte do části „Hesla“ a ověřte se pomocí Touch ID nebo Face ID.
  3. Poklepejte na tlačítko „Volby hesla“, dříve se obdobné tlačítko Jmenovalo „Automatické vyplnění hesel“.
  4. Ujistěte se, že máte přepínač „Automatické vyplnění hesel“ ve stavu zapnuto, a poté že pod nadpisem „Povolit vyplňování z“ máte ve stavu vybráno položku „KeePassium“. Pokud ve stavu vybráno KeePassium není, tak jej do něj přepněte poklepáním.

Po zapnutí tohoto automatického vyplňování je možné uživatelské jméno spolu s heslem do přihlašovacího formuláře některé aplikace nebo webové stránky vložit  následovně:

  1. V přihlašovacím formuláři aktivujte textové pole pro zadání uživatelského jména.
  2. Nad virtuální klávesnicí poklepejte na tlačítko „Automaticky vyplnit heslo“, dříve se toto tlačítko jmenovalo „Hesla“.
  3. Nyní by KeePassium sám měl nabídnout potenciální odpovídající záznamy. Pokud zde odpovídající záznam nemůžete nalézt, tak lze pomocí tlačítka „Hledat“ a následným zadáním hledaného textu prohledat celou vaši databázi pro jiný záznam.
  4. Poklepáním na odpovídající záznam patřičné údaje automaticky vyplníte do přihlašovacího formuláře.

Automatické vyplňování přihlašovacích údajů v jednom kroku

Placená verze aplikace KeePassium jde v zjednodušování procesu automatického vyplňování uživatelských jmen a hesel ještě dále. Umožňuje totiž vyplnit přihlašovací údaje v jednom kroku pouhým poklepáním na položku odpovídající nejrelevantnějšímu nalezenému záznamu z vaší databáze. Tuto funkci zapnete následovně:

  1. Aktivujte tlačítko „Settings“ umístěné v pravém dolním rohu základní obrazovky aplikace KeePassium.
  2. Poklepejte na tlačítko „Vyplňování hesel“.
  3. Poklepejte na přepínač „Automatické vyplňování“ tak, aby se přepnul do stavu zapnuto.

Po zapnutí této funkce by se při aktivaci textového pole pro zadání uživatelského jména v přihlašovacím formuláři mělo nad virtuální klávesnicí zobrazit tlačítko, které bude mít ve svém názvu text „KeePassium“ a dále uživatelské jméno záznamu, který KeePassium vyhodnotilo jako nejrelevantnější.

Přenastavení doby uchovávání údajů ve schránce

Údaje, které prostřednictvím aplikace KeePassium zkopírujete do schránky, jako jsou zejména hesla nebo uživatelská jména, se z bezpečnostních důvodů v této schránce udrží jen zvolený časový interval, ve výchozím nastavení je to 60 sekund. Po uplynutí tohoto času se schránka smaže a nebude tedy možné údaj vložit například do formuláře pro zadání přihlašovacích údajů v Safari. Chcete-li tento interval zkrátit, prodloužit nebo vypnout, tak postupujte následovně:

  1. Aktivujte tlačítko „Settings“ umístěné v pravém dolním rohu základní obrazovky aplikace KeePassium.
  2. Poklepejte na tlačítko pojmenované jako „Ochrana dat, hlavní klíče, soubory s klíčem“.
  3. Aktivujte tlačítko „Časový limit schránky, 60 s“.
  4. Poklepáním zvolte požadovaný interval nebo položku „Nikdy“.

Vlastnosti placené verze

Placená verze je dostupná přes nákup v aplikaci, buď jako předplatné nebo jako jednorázová platba za 499 Kč. Měsíční předplatné stojí 49 Kč měsíčně, roční 349 Kč ročně. Prémiové funkce jsou k dispozici případně také bezplatně v rámci dvoutýdenní zkušební verze.

Placená verze přidává zejména následující užitečné funkce:

  • Možnost přidat více než jednu databázi.
  • Možnost automaticky vyplnit přihlašovací údaje ve webových prohlížečích nebo aplikacích v jednom kroku, viz výše.

Závěr

KeePassium je poměrně přehledná a přístupná aplikace, která dobře plní svůj účel, a to už ve své bezplatné variantě. Zprovoznění této formy přístupu k vašim citlivým údajům pro mobilní zařízení se systémem iOS sice stojí jisté větší počáteční úsilí, ale vzhledem k tomu, že tím docílíte podstatně vyššího  pohodlí a bezpečí, tak myslím, že tato aplikace stojí minimálně za zkoušku.

2023-06-30

V tomto díle našeho seriálu o přístupnosti si popíšeme základní obecné požadavky na webové formuláře. Zejména se ale blíže zaměříme na jedno z přístupných řešení implementace validace webových formulářů a ukážeme si, jak už je u těchto našich článků zvykem, jak takové funkční řešení může vypadat v praxi.

Základní obecné požadavky na formulář

  • Povinná pole formuláře by měla mít nastavena atribut aria-required="true". To je informace pro odečítače obrazovky, aby při zaměření pole fokusem klávesnice uživateli oznámily, že pole je povinné.
  • Chybná pole by měla mít pomocí JavaScriptu nastavena atribut aria-invalid="true" v závislosti na tom, jestli je pole chybně vyplněno nebo ne. Podobně i zde tento atribut způsobuje, že stav platnosti pole bude uživateli odečítače ohlášen při zaměření tohoto pole fokusem klávesnice.
  • Chybná i povinná pole by neměla být vyznačena jen pomocí barvy, ale také ikonkou například vykřičníku respektive hvězdičkou, aby tato informace byla přístupná i pro barvoslepé uživatele.
  • Pokud možno, tak pro svázání polí s jejich pojmenováním používejte raději element <label for="id-svazaneho-pole">, neboť oproti svázání pomocí atributu aria-labelledby umožníte, že dané pole bude možné aktivovat vedle kliknutí na toto pole také kliknutím na jeho pojmenování. To se hodí především u zaškrtávacích polí, na které se myší hůře trefuje.
  • U polí pro vyplnění hesla je dobré uvést požadavky na heslo ještě před jeho chybným zadáním. Tyto požadavky by pak měly být svázány s příslušným polem pro zadání hesla pomocí atributu aria-describedby. To zajistí, že požadavky na heslo budou přečteny odečítačem v momentě přesunutí fokusu klávesnice na dané pole.
  • Vedle polí pro vyplnění hesla je dobré přidat ještě řádně pojmenované zaškrtávací pole, které když zaškrtnete, tak se zadané heslo odkryje, aby uživatel měl kontrolu, že heslo zadal správně.
  • Pole, které je zrovna zaměřené fokusem klávesnice, by mělo být vizuálně zvýrazněno. Toho lze docílit použitím pseudotřídy :focus a nastavením CSS vlastnosti outline.

Možné přístupné způsoby validace formulářů

Při realizaci přístupné validace webového formuláře se nejčastěji setkáváme s těmito dvěma způsoby chování:

  1. Chybové hlášky o špatně zadaných formulářových polích se zobrazí a jsou přečteny odečítačem obrazovky už v momentě přesunutí fokusu klávesnice mimo chybné pole. Výhodou tohoto přístupu je, že se o chybě dozvíme hned. Nevýhodou je skutečnost, že takovou validaci není úplně triviální správně a přístupně implementovat a také to, že případné hlášení o chybě při každém přesunu fokusu mimo pole může být pro uživatele otravné nebo matoucí.
  2. Chybové hlášky se zobrazují hromadně až po pokusu o odeslání formuláře. Výhodou je poměrná jednoduchost implementace a přehlednost pro uživatele, nevýhodou je pro uživatele nutnost projít celým formulářem až k tlačítku pro jeho odeslání, aby se o případných chybách dozvěděl. Na toto řešení se blíže zaměříme dále v tomto článku.

Popis přístupného řešení validace formuláře

Aby byla validace webového formuláře dobře přístupná, měla by splňovat následující kritéria:

  • Chybové hlášky by měly být s příslušným chybně zadaným polem svázány přes atribut aria-describedby. To zaručí, že v momentě přesunutí fokusu klávesnice na chybné pole budou patřičné hlášky odečítačem přečteny.
  • Při pokusu o odeslání formuláře proběhne validace všech jeho polí najednou a v případě, že je některé z polí chybně vyplněno, se fokus přesune na první takové chybné pole, což díky atributu aria-describedby popsaném v předchozím bodu zároveň způsobí přečtení první patřičné chybové hlášky odečítačem.
  • Po úspěšném odeslání formuláře by se uživatel odečítače o této skutečnosti měl dozvědět. To zajistíme nejlépe tak, že hlášku o úspěchu zobrazíme v elementu s atributem aria-live="assertive".

Funkční ukázka

Zdrojový kód ke stažení

Související kritéria úspěšnosti WCAG

Výše popsaná implementace formuláře s validací splňuje především následující kritéria úspěšnosti Pokynů pro zpřístupnění webového obsahu WCAG (Web Content Accessibility Guidelines):

Autor: Adam Samec

2023-04-05

Ve čtvrtek 23. 2. 2023 se na sociální síti Clubhouse, v klubu Potměchuť, uskutečnilo čtyřiadvacáté setkání příznivců moderních informačních technologií.

V tomto článku vám přinášíme souhrn hlavních témat v tomto vydání probíraných, podrobnější informace se jako obvykle dozvíte v Podcastu (MP3) z tohoto setkání.

Přehled všech minulých vysílání najdete na webové stránce Téčka Plus.

Hlavní témata čtyřiadvacátého vysílání

  • V naší nové rubrice, pracovně nazvané ABC, byla hlavním tématem umělá inteligence, zkráceně AI. Při té příležitosti jsme v Téčku Plus přivítali autora známé aplikace Cash Reader Tomáše Jelínka, který posluchačům sdělil mnoho pozoruhodných informací ze zákulisí vývoje této aplikace a rovněž zodpověděl všechny naše všetečné dotazy.
  • V rubrice Loby jsme tentokrát přivítali nového redaktora časopisu Téčko Jakuba Blažka. Jakub se s posluchači podělil o své obecné zájmy na poli informačních technologií a samozřejmě došlo i na témata, kterým by se při psaní příspěvků do časopisu Téčko nejraději věnoval.
  • V samostatném tematickém příspěvku nám Ondrej Rosík představil aktuální novinky a vylepšení v mobilním řešení Corvus, jde například o možnost rozpoznávání slovenských paragonů či o obecná vylepšení práce s klávesnicí.
  • V posledním samostatném příspěvku jsme se věnovali současné přístupnosti datových schránek. V úvodu Jožka Budzák posluchačům v předtočeném rozhovoru popsal základní možnosti při používání tohoto řešení, následně Honza Šnyrych Jožkův popis doplnil dalšími informacemi, které s přístupností datových schránek souvisejí.

Jestliže vás kterékoliv ze zde zmíněných témat zaujalo, více informací o něm se dozvíte ve našem zvukovém podcastu (MP3).

Na setkání s vámi při příštím vysílání 27. 4. se těší
Radek Seifert, Jiří Fenz, Michal Jelínek a Jan Šnyrych

2023-03-27

Ve čtvrtek 26. 1. 2023 se na sociální síti Clubhouse, v klubu Potměchuť, uskutečnilo třiadvacáté setkání příznivců moderních informačních technologií. V tomto článku vám přinášíme souhrn hlavních témat v tomto vydání probíraných, podrobnější informace se jako obvykle dozvíte v Podcastu (MP3) z tohoto setkání. Přehled minulých vysílání najdete na stránce Téčka Plus.

Oznámení a tipy

  • Od ledna letošního roku budou kromě klasických setkání Téčka plus každý druhý čtvrtek v měsíci ve večerních hodinách probíhat neformální setkání na síti Clubhouse. Při těchto setkáních, obecně nazvaných Teepee budete mít možnost neformálně podiskutovat o aktuálních tématech z námi sledované oblasti, podělit se s ostatními o své zkušenosti či naopak nové zkušenosti a poznatky získat.
  • Od ledna 2023 budou v časopise Téčko působit dva noví redaktoři, konkrétně Jakub blažek a Benjamin Levíček.

Hlavní témata třiadvacátého vysílání

  • V naší nové rubrice Loby, ve které vám budeme představovat něčím pozoruhodné osoby ze světa asistivních technologií nám Benjamin Levíček zprostředkoval svou uživatelskou zkušenost s aplikací Seeing assistant move
  • V rubrice Rokování aneb do roka a do dne nám Zdeněk Bajtl obecně představil fungování nové služby Přestupuj a následně v praktické ukázce demonstroval její implementaci v aplikaci CGTransit.
  • V samostatném příspěvku nám Michal Jelínek představil novinky napříč operačním systémem Android vybavenými mobilními zařízeními, novými aplikacemi v telefonech BlindShell počínaje a vylepšeními odečítače obrazovky TalkBack konče. V závěru tohoto příspěvku došlo i na popis nové verze mobilního telefonu smartVision od francouzské společnosti Kapsis.
  • V rubrice Hodinky nebo holínky Marek Salaba posluchačům osvětlil rozdíly mezi běžnou a přístupnou powerbankou, svůj příspěvek následně doplnil i praktickou ukázkou na českém trhu nově prodávané přístupné powerbanky Energrid VS810PD.
  • V samotném závěru tohoto vydání Honza Šnyrych shrnul slevy a zvýhodnění, nabízené tuzemskými mobilními operátory držitelům průkazů ZTP a ZTP/P.

Závěr

Jestliže vás kterékoliv ze zde zmíněných témat zaujalo, více informací o něm se dozvíte ve našem zvukovém podcastu (MP3).

Na setkání s vámi při příštím vysílání se těší
Realizační tým Téčka Plus