Tabuľky môžu predstavovať pre používateľa čítača obrazovky výzvu. V tomto článku sa spoločne pozrieme na to, ako sa v nich orientovať, ak používate čítač obrazovky NVDA.
Text koncipujem pre používateľov, ktorí s NVDA len začínajú pracovať, budem teda zachádzať do podrobností, ktoré môžu byť pre skúsenejších používateľov možno trochu nadbytočné.
Všeobecne o tabuľkách
Tabuľka je súbor navzájom súvisiacich informácií. Ak je správne vytvorená, obsahuje aspoň 2 stĺpce a zvyčajne niekoľko riadkov.
Prvý riadok tvorí takzvané hlavičky stĺpcov, teda informácie, ktoré sa v každom riadku budú opakovať (napríklad Meno a priezvisko, vek, adresa, e-mail). V zložitých tabuľkách by mal zasa prvý stĺpec tvoriť hlavičky riadkov. Tak nestratíte povedomie o tom, ktorá informácia k čomu patrí.
Riadky predstavujú 1 celok v stĺpcoch obsiahnutých informácií, teda v každom riadku je Meno a priezvisko osoby a jej vek, adresa a e-mailový kontakt. Všetko v ňom sa vzťahuje k jednému objektu, situácii alebo veci. V našom prípade to budú práve informácie o človeku uvedenom v prvom stĺpci.
V stĺpci nájdete ten údaj, aký je uvedený v hlavičke. Teda napríklad v prípade e-mailu len e-mailové adresy.
Praktické príklady
Povedzme, že chcete do tabuľky zapísať žiakov v triede s ich známkovaním na konci roka. Aby bola tabuľka informačne hodnotná, uvediete do nej v stĺpcoch meno a priezvisko, vek a známku.
Každý riadok bude obsahovať teda nasledujúce údaje:
- Meno a priezvisko: Jožko Mrkvička
- Vek: 14
- Známka: 2
A stĺpec zasa:
- Hlavičku – koncoročná známka
- v ďalších riadkoch potom konkrétne známky, teda 2, 1, 3 a tak ďalej.
Aby ste si to vedeli predstaviť, nižšie nájdete konkrétnu tabuľku, ktorá poslúži aj ako cvičný príklad, na ktorom si môžete prácu s tabuľkou skúšať.
Cvičná tabuľka 1 s vyznačenými hlavičkami stĺpcov
| Meno a priezvisko | Vek | Koncoročná známka |
|---|---|---|
| Jožko Mrkvička | 14 | 2 |
| Anička Nováková | 13 | 1 |
| Janko Hraško | 14 | 3 |
Cvičná tabuľka s vyznačenými hlavičkami stĺpcov aj riadkov
| deň | 1 | 2 | 3 | 4 | 5 |
|---|---|---|---|---|---|
| PO | M | SJ | AJ | TV | GE |
| UT | BI | HI | ON | M | SJ |
| ST | M | TV | SJ | AJ | GE |
Prístupná a neprístupná tabuľka
V akomkoľvek texte sa stretnete s tromi typmi tabuliek:
- Prístupná – je urobená tak, aby vám pri používaní NVDA poskytla všetky potrebné informácie, teda názvy stĺpcov a ideálne v rozsiahlych tabuľkách aj riadkov. V takejto tabuľke sa nestratíte, ak sa naučíte efektívne sa po nej pohybovať.
- Prístupná do istej miery – takúto tabuľku dokáže čítač ako tabuľku identifikovať, ale nemusí mať už správne vyznačené hlavičkové stĺpce či riadky. Aj toto viete s NVDA do istej miery kompenzovať.
- Neprístupná tabuľka z rôznych príčin:
- Je urobená iba vizuálne, takže s NVDA ani nezistíte, že by malo ísť o tabuľku,
- Obsahuje zlúčené bunky, v ktorých sa s čítačom obrazovky veľmi ťažko zorientujete, a navyše takmer nejde správne vytvoriť hlavičky
- tabuľky vložené v tabuľkách, čo takmer znemožňuje pochopiť vzťahy medzi informáciami v nich uvedenými.
V texte nižšie popíšem, akým spôsobom môžete buď dočasne obísť neprístupnosť tabuľky, ktorá nemá správne urobené hlavičkové stĺpce a riadky, alebo vytvoriť tabuľku tak, aby ste sa v nej bez problémov zorientovali.
Pohyb po tabuľke
V tejto kapitole sa naučíte, akým spôsobom sa môžete efektívne po tabuľkách pohybovať. Pozor, príkazy sa vzťahujú na tabuľky v MS Worde, v PDF súbore a na internete. Bude to fungovať za vyššie spomenutého predpokladu, že je tabuľka vytvorená aspoň do istej miery správne.
Základné príkazy na pohyb v tabuľke
Upozorňujem, že všetky spomenuté skratky respektíve príkazy budú fungovať iba v režime rýchlej navigácie respektíve prezerania. Na internete je väčšinou zapnutý automaticky, ak túto voľbu v nastaveniach nevypnete. Vo Worde sa doň prepnete klávesovou skratkou NVDA+Medzerník.
Na prvú respektíve nasledujúcu tabuľku v texte sa dostanete klávesom „t“ a na predchádzajúcu tabuľku skratkou Shift+t. Tesne za alebo pred tabuľku zasa klávesom „,“ (čiarka) respektíve Shift+, (Shift+čiarka).
Tabuľka sa dá prezerať pomocou štandardných šípok, čo je neefektívne a zdĺhavé a ľahko stratíte orientáciu. NVDA však ponúka celú škálu príkazov, ktoré môžete na pohyb v tabuľke použiť.
Základom každého je kombinácia klávesov CTRL+Alt respektíve pravý AltGR. Túto kombináciu je potrebné držať a k nej priťukávať nasledovné klávesy podľa príslušnej funkcie:
- ľavá šípka – predchádzajúci stĺpec
- pravá šípka – nasledujúci stĺpec
- horná šípka – predchádzajúci riadok
- dolná šípka – nasledujúci riadok
- Home – prvý stĺpec
- End – posledný stĺpec
- PageUp – prvý riadok
- PageDown – posledný riadok
- NVDA+dolná šípka – plynulé čítanie stĺpca
- NVDA+pravá šípka – plynulé čítanie riadka
- NVDA+horná šípka – prečítať celý stĺpec bez pohybu kurzora
- NVDA+ľavá šípka – prečítať aktuálny riadok bez pohybu kurzora
Poznámka: NVDA kláves je buď Insert alebo Capslock podľa toho, čo si nastavíte, alebo aké rozloženie klávesnice používate.
Príkazy na vyznačenie hlavičkových stĺpcov a riadkov
Povedzme, že v tabuľke sa už dokážete pohybovať. Čo však v prípade, že narazíte síce na tabuľku, ale ona nemá vyznačené stĺpce a riadky? Dá sa to nejakým spôsobom obísť?
Čítač NVDA umožňuje sprístupniť hlavičky riadkov a stĺpcov v tabuľkách vytvorených v MS Worde a v Exceli. Na internete však tieto príkazy nefungujú, tu je kľúčové, aby vývojári pochopili, ako tabuľky sprístupňovať už v kóde. Na automatické čítanie hlavičiek riadkov a stĺpcov slúžia nasledujúce klávesové skratky:
- NVDA+Shift+c – hlavičky stĺpcov (z anglického column). Ak skratku stlačíte raz, hlavičky nastavíte, pokiaľ dvakrát za sebou, zrušíte.
- NVDA+Shift+r – hlavičky riadkov (z anglického row). Po jednom stlačení automatické oznamovanie hlavičiek riadkov zapnete, dvojitým stlačením vypnete.
Ako vytvoriť prístupnú tabuľku?
Táto kapitola bude možno trošku zložitejšia, ale časom sa sprístupnenie tabuliek vo Worde a v Exceli určite bude hodiť každému. Správne takzvané „otagovanie“ tabuliek v značkovacom jazyku HTML uvádzam len pre úplnosť.
Microsoft Word
- Vyvoláte panel ponúk stlačením klávesa Alt a šípkou doprava prejdete na kartu Vložiť. Tú rozbalíte buď šípkou dolu, alebo klávesom Enter.
- Na karte Vložiť vyberiete Vložiť tabuľku. V dialógu definujete počet stĺpcov a riadkov a vložíte ju do textu.
- Vyznačíte prvý riadok Tabuľky (najjednoduchšie pomocou skratky CTRL+Shift+šípka doprava).
- Na tabuľke vyvoláte kontextovú ponuku (pravé tlačidlo myši, tlačidlo kontextovej ponuky na klávesnici, prípadne skratka SHIFT+F10).
- V dialógu vyberiete záložku riadok (medzi záložkami prechádzate skratkou CTRL+Tab) a tu začiarknete položky Opakovať ako riadok hlavičky v hornej časti každej strany a tiež Povoliť pokračovanie riadka na ďalšej strane.
- Potvrdíte tlačidlo OK pre uplatnenie zmien.
Odteraz bude čítač obrazovky oznamovať, ku ktorému stĺpcu a riadku sa hodnota, na ktorej sa nachádzate, vzťahuje, a to aj bez použitia skratiek pre automatické čítanie hlavičkových stĺpcov a riadkov.
Microsoft Excel
V Exceli klávesy na pohyb po stĺpcoch či riadkoch nefungujú. Tu však stačí používať štandardné šípky:
- vľavo a vpravo – pohyb v rámci riadka po stĺpcoch;
- hore a dolu – pohyb po riadkoch v rámci jedného stĺpca.
V Exceli vytvárate často oveľa dlhšie a zložitejšie tabuľky ako vo Worde. Preto je pre ich pochopenie prístupnosť pre používateľov čítačov obrazovky prakticky nevyhnutná.
Prvým predpokladom na čítanie hlavičiek stĺpcov a riadkov je to, že ich vytvoríte. Môžu nastať 3 varianty, od ktorých sa odvíja ďalší postup:
- Tabuľka obsahuje len hlavičky stĺpcov. V takom prípade sa kurzorom postavíte na hlavičku prvého stĺpca.
- Tabuľka obsahuje len hlavičky riadkov. Vtedy umiestnite kurzor na hlavičku prvého riadka.
- V tabuľke potrebujete definovať hlavičky aj pre stĺpce, aj pre riadky. V tomto prípade vyhľadáte bunku, ktorá leží v priesečníku riadku a stĺpca s hlavičkou, teda ľavý horný roh tabuľky.
Definovanie hlavičiek
- V paneli ponúk prejdete na kartu Vzorce, ktorú rozbalíte šípkou dolu alebo Enterom.
- Na karte Vzorce šípkou doprava prejdete na skupinu Definované názvy a aktivujete položku Správca názvov.
- V otvorenom dialógu Tabulátorom vyhľadáte a Enterom aktivujete tlačidlo Nové.
- V otvorenom podokne nájdete editačné pole označené ako Názov, kde zadáte príslušný text podľa toho, aké hlavičky v tabuľke potrebujete:
- Tabuľka len s hlavičkami stĺpcov: ColumnTitle
- Tabuľka len s hlavičkami riadkov: RowTitle
- Tabuľka s hlavičkami riadkov aj stĺpcov: Title
- Aktivujete tlačidlo OK a následne sa pomocou Esc vrátite do tabuľky.
Odteraz bude čítač čítať hlavičky stĺpcov, riadkov alebo obidvoch v prípade riadkov nadol od názvu prvého riadku, v prípade stĺpcov vpravo od definovaného názvu prvého stĺpca. Ak potrebujete, aby čítač čítal názvy riadkov a stĺpcov v presne vymedzenom rozsahu buniek pomocou tabuľky, za text ColumnTitle, RowTitle alebo Title napíšete dve bodky a za ne bunku, ktorá leží v priesečníku posledného riadka a stĺpca, čiže bunku v pravom dolnom rohu.
Príklad:
- ColumnTitle..E57
- RowTitle..E57
- Title..E57
Formátovanie v HTML
V HTML môžete takisto vytvoriť prístupné tabuľky. Treba však dodržať niekoľko zásad:
- Ak chcete priradiť tabuľke alternatívny popis, definujete ho pomocou tagu <caption> a umiestnite ho ihneď pod / za tag <table>. Je to užitočné najmä pri pohybe medzi viacerými tabuľkami v rámci jednej podstránky.
- Veľmi dôležitým bodom, ako som už viackrát spomenula, je definovanie hlavičiek stĺpcov a riadkov.
- Pre hlavičky použijete tag <th>
- V prípade tabuľky s hlavičkovými riadkami aj stĺpcami tagy <th scope=“col“> respektíve <th scope=“row“>
- Pre bežné dátové bunky <td>
- Namiesto absolútnej veľkosti nastavíte proporcionálnu veľkosť. To je obzvlášť dôležité pre slabozrakých používateľov. Bunky sa tak budú môcť zväčšovať a zmenšovať podľa potreby čitateľa.
Záver
Efektívny pohyb v tabuľke je kľúčový, aby ste sa v nej správne zorientovali a pochopili, ktorý údaj k čomu patrí. Je preto dobré osvojiť si príkazy, ktoré ponúka čítač NVDA. A to nielen na pohyb po stĺpcoch a riadkoch, ale aj tie, pomocou ktorých zapnete respektíve vypnete automatické oznamovanie hlavičiek stĺpcov a riadkov aj v tabuľke, ktorá ich predvolene vyznačené nemá. Všetkým používateľom Jawsu sa ospravedlňujem, ale nepoužívam ho príliš dlho, takže jeho príkazy už neovládam.
A aby ste sprostredkovali kvalitný zážitok buď sami sebe, alebo ostatným nevidiacim kolegom, spolužiakom, čitateľom vašich tabuliek, je veľmi užitočné naučiť sa vytvárať prístupné tabuľky či už v kancelárskom balíku Microsoft, alebo v značkovacom jazyku HTML.
Uvedomujem si, že som do článku nezahrnula konkurenčný balík Google Workspace a ani ďalší značkovací jazyk Markdown. Vychádzam však z najpoužívanejších nástrojov a z toho, kde dostanete jednoznačne prístupný výstup.
Ako pristupujete k tabuľkám? Poznali ste klávesové skratky čítača obrazovky NVDA? Podeľte sa na Facebooku, vo FB skupine Technológie bez zraku, e-mailom, alebo zanechajte komentár pod článkom. Spojiť sa môžeme aj na sociálnej sieti LinkedIn.
PS: Podpora sa naozaj cení, ďakujem.
Technoporadňa
- Potrebujete sa naučiť pracovať s programom alebo aplikáciou na mobilnom telefóne či počítači?
- Chcete zvládnuť dokonale Talkback, VoiceOver alebo NVDA?
- Zasekli ste sa na technickom probléme, ktorý neviete vyriešiť?
Pomôže vám Technoporadňa. Môžete si objednať buď polhodinovú, alebo hodinovú konzultáciu, kde vyriešime všetky vaše požiadavky týkajúce sa mobilu, počítača a ich hardwarového či softwarového príslušenstva v kombinácii s asistenčnými technológiami.
Ceny:
- Polhodinová konzultácia – 5 € (120 Kč)
- Hodinová konzultácia – 10 € (250 Kč)
Píšte na michaela@technologiebezzraku.sk alebo použite tlačidlo nižšie:
Audit prístupnosti digitálnych produktov
- Potrebujete splniť požiadavky Európskeho zákona o prístupnosti transponovaného v zákonoch 351/2022 Z.z. a 424/2023 Sb.?
- Ste dodávateľ pre verejnú správu a musíte dodať prístupné digitálne produkty podľa zákona 95/2019 Z.z. a 99/2019 Sb.?
- Chcete, aby z vášho digitálneho produktu mal rovnocennú skúsenosť každý človek bez rozdielu?
Profesionálne sa zaoberám testovaním a konzultovaním prístupnosti webov, webových a mobilných aplikácií aj dokumentov. Posúdim súlad digitálnych produktov s požiadavkami legislatívy, ale tiež ponúknem používateľskú skúsenosť, keďže mám sama zdravotné znevýhodnenie.
Zistite viac o možnostiach spolupráce a ponúkaných službách na mojom webe: