Tabulky na webu s JAWS a MAGIC
Autoři webových stránek mohou na internetu použít tabulky dvěma základními způsoby. První způsob je pro rozložení položek na stránce, aby jednotlivé části byly vzhledem k ostatním částem rozmístěny tak, jak autor stránky potřebuje. Tyto tabulky se nazývají tabulky rozvržení stránek. Druhý typ tabulek jsou datové tabulky. Datové tabulky jsou nejčastější typ tabulek.
Když do tabulky vstupujete nebo ji opouštíte, JAWS to oznamuje. Dobře navržená HTML tabulka má několik vlastností. Jednou z nich je titulek (caption), který je viditelný i pro vidící uživatele a JAWS jej také čte. Titulek je obvykle název tabulky a bývá zobrazován nad tabulkou. Další vlastností tabulky je souhrn. Souhrn tabulky není na obrazovce viditelný pro vidící uživatele. Tvůrci webových stránek tedy mohou přidávat souhrny do HTML kódu speciálně pro uživatele odečítačů obrazovky. Dobrý souhrn tabulky obsahuje vypovídající popis tabulky, který vám umožní udělat si představu o obsahu tabulky dříve, než do ní vstoupíte. Při čtení této stránky věnujte zvláštní pozornost právě souhrnům tabulek.
Čtení tabulek
Pro rychlý pohyb mezi tabulkami můžete používat navigační horkou klávesu T. Všechny tabulky na této stránce mají titulek, který je současně nadpisem druhé úrovně. Mezi tabulkami se tedy můžete pohybovat také pomocí navigační horké klávesy H pro nadpisy. Chcete-li zobrazit seznam všech tabulek na aktuální stránce, stiskněte JAWSKey+Ctrl+T. Poté si můžete vybrat tabulku a stiskem klávesy Enter na ni přejít.
Jakmile vstoupíte do tabulky, můžete se v ní pohybovat a číst její obsah pomocí kláves pro čtení v tabulkách.
Skupinové příkazy pro tabulky
Rychle a pohodlně se lze v tabulkách pohybovat pomocí skupinových příkazů pro tabulky. Při použití skupinového příkazu není potřeba pro pohyb v tabulce tisknout více kláves současně.
Níže je seznam skupinových příkazů pro pohyb v tabulkách. Pro vstup do skupiny příkazů pro pohyb v tabulkách stiskněte a pusťte klávesy JAWSKey+mezerník, a poté klávesu T. Poté stiskněte jakoukoli z následujících kláves:
- H nebo otazník (?): Přečíst seznam všech kláves, které lze použít v tomto skupinovém příkazu.
- Šipky: Přejít o buňku vpravo, vlevo nahoru nebo dolů.
- Num 5: Přečíst aktuální buňku.
- Home: Přejít na začátek aktuálního řádku.
- End: Přejít na konec aktuálního řádku.
- Ctrl+Home: Přejít do první buňky tabulky.
- Ctrl+End: Přejít do poslední buňky tabulky.
- Ctrl+šipka nahoru: Přejít na začátek aktuálního sloupce.
- Ctrl+šipka dolů: Přejít na konec aktuálního sloupce.
- Ctrl+šipka vlevo: Přejít na začátek aktuálního řádku.
- Ctrl+šipka vpravo: Přejít na konec aktuálního řádku.
- Ctrl+Enter: Přejít do další tabulky.
- Ctrl+Shift+Enter: Přejít do předchozí tabulky.
- Shift+šipka nahoru: Přečíst aktuální řádek.
- Shift+Page Up: Přečíst aktuální řádek od aktuální buňky do konce.
- Shift+Home: Přečíst aktuální řádek od začátku po aktuální buňku.
- Shift+num 5: Přečíst aktuální sloupec.
- Shift+Page Down: Přečíst aktuální sloupec od aktuální buňky do konce.
- Shift+End: Přečíst aktuální sloupec od začátku po aktuální buňku.
Skupinový příkaz pro tabulky zůstává aktivní, dokud nestisknete nějakou klávesu, která není určena pro pohyb nebo čtení v tabulkách, jako je Escape, mezerník, Tab nebo Enter.
Nadpisy sloupců a řádků tabulek
Výchozí nastavení JAWS je takové, že jsou hlášeny jen ty nadpisy sloupců a řádků tabulek, které jsou jako nadpisy označeny autorem webové stránky.
V mnoha tabulkách obsahují buňky prvního řádku zleva doprava nadpisy sloupců tabulky. Často také buňky prvního sloupce shora dolů obsahují nadpisy řádků. Nejsou-li nadpisy dobře vyznačeny tvůrcem webové stránky, je možné nastavit JAWS a MAGic tak, aby považoval buňky v prvním řádku a prvním sloupci za nadpisy tabulky. V JAWS jsou nastavitelné následující možnosti pro čtení nadpisů tabulek:
- Pouze označené nadpisy (výchozí);
- Vypnuto;
- U řádků;
- U sloupců;
- Oboje.
Pokud v tabulce byly správně označeny nadpisy sloupců a řádků, tak při pohybu vlevo a vpravo po buňkách tabulky je nejprve přečtena první buňka ve sloupci, a poté obsah aktuální buňky. Při pohybu nahoru a dolů je před obsahem aktuální buňky zase přečtena první buňka v řádku.
JAWS a MAGic se dívají do HTML kódu stránky, zda její autor označil nadpisy značkami <TH> nebo značkou pro záhlaví tabulky. JAWS a MAGic navíc hlídají atribut scope, který také může být použit tvůrcem webové stránky k vyznačení nadpisů v tabulce. Pokud ale nadpisy sloupců a řádků nejsou v kódu tabulky správně vyznačeny, je možné JAWS a MAGic nastavit tak, aby s tabulkou zacházeli, jako by nadpisy byly vyznačeny dobře. První dvě tabulky jsou příklady vyznačených nadpisů sloupců a řádků. První tabulka má správně uvedenou značku <TH> pro nadpisy u buněk prvního řádku i prvního sloupce. Ale druhá tabulka má značkou <TH> označené jen buňky prvního řádku. V druhé tabulce tedy nejsou nadpisy řádků. Nicméně, protože jsou tyto dvě tabulky značeny správně, JAWS a MAGic v nich čtou nadpisy dobře.
V této první tabulce použil její autor nadpisy jak na prvním řádku, tak na prvním sloupci, takže když stisknete klávesovou zkratku JAWS či MAGic pro přečtení aktuální buňky, budou vám přečteny následující informace:
- Sloupcová a řádková souřadnice buňky v tabulce;
- Nadpis sloupce (čas);
- Nadpis řádku (televizní stanice);
- Název televizního pořadu uvedený v buňce, ve které se právě nachází kurzor.
Poznámka: Pokud nejste v režimu skupinového příkazu, stiskněte JAWSKey+mezerník, a potom T. Pro přečtení aktuální buňky poté stiskněte num 5.
| 20:00 | 20:30 | 21:00 | 21:30 | 22:00 | 22:30 | |
|---|---|---|---|---|---|---|
| ČT 1 | Události | Nemocnice na kraji města | Reportéři ČT | |||
| Nova | Televizní noviny | Teorie velkého třesku | Vaříme s Láďou Hruškou | Střepiny | Ulice | |
| Prima | Zprávy | Simpsonovi | Regionální vysílání | |||
| Óčko | Hitparáda | Hudební novinky | R. E. M. live | Oldies party | ||
Ve druhé tabulce jsou jako nadpisy označeny jen buňky prvního řádku. Názvy televizních stanic z prvního sloupce budou vynechány. Když v tomto případě stisknete klávesovou zkratku JAWS či MAGic pro přečtení aktuální buňky, budou vám přečteny následující informace:
- Sloupcová a řádková souřadnice buňky v tabulce;
- Nadpis sloupce (čas);
- Název televizního pořadu uvedený v buňce, ve které se právě nachází kurzor.
| 20:00 | 20:30 | 21:00 | 21:30 | 22:00 | 22:30 |
|---|---|---|---|---|---|
| Události | Nemocnice na kraji města | Reportéři ČT | |||
| Televizní noviny | Teorie velkého třesku | Vaříme s Láďou Hruškou | Střepiny | Ulice | |
| Zprávy | Simpsonovi | Regionální vysílání | |||
| Hitparáda | Hudební novinky | R. E. M. live | Oldies party | ||
Třetí tabulka je stejná jako první, ale její autor v HTML kódu vůbec nevyznačil nadpisy sloupců či řádků. V takovém případě lze ale JAWS nastavit, aby nadpisy v tabulce četl.
| 20:00 | 20:30 | 21:00 | 21:30 | 22:00 | 22:30 | |
| ČT 1 | Události | Nemocnice na kraji města | Reportéři ČT | |||
| Nova | Televizní noviny | Teorie velkého třesku | Vaříme s Láďou Hruškou | Střepiny | Ulice | |
| Prima | Zprávy | Simpsonovi | Regionální vysílání | |||
| Hitparáda | Hudební novinky | R. E. M. live | Oldies party | |||
Cvičení: Proveďte kroky popsané níže, abyste nastavili JAWS tak, aby četl nadpisy sloupců i řádků, i když v tabulce tyto nadpisy nejsou vyznačeny.
- Když jste na stránce s tabulkami, otevřete klávesami JAWSKey+V dialog Rychlá nastavení JAWS. Po otevření dialogu bude kurzor v editačním poli Hledat.
- Do editačního pole napište „nadpisy v tabulkách“. Ze stromového seznamu níže zmizí všechny položky, které se nadpisů v tabulkách netýkají.
- Pomocí šipky dolů přejděte do stromového seznamu na položku Nadpisy v tabulkách. JAWS by měl na položce ohlásit „Pouze označené nadpisy“.
- Pomocí mezerníku přepněte nastavení na hodnotu Oboje.
- Klávesou Tab přejděte na tlačítko OK a mezerníkem je stiskněte. Dialog Rychlá nastavení se zavře.
- Přejděte do tabulky výše a zkuste si ji přečíst znovu. Pro přechod do předchozí tabulky můžete použít klávesy Shift+T. Je tentokrát čtení tabulky srozumitelnější?
- V Rychlých nastaveních vraťte nastavení položky Nadpisy v tabulkách zpět na „Pouze označené nadpisy“.
Čtvrtá tabulka má jen v horním řádku vypsané časy. Názvy televizních stanic, které byly v prvním sloupci, zde nejsou. Zde autor také nevyznačil nadpisy v kódu tabulky. Při čtení aktuální buňky bude JAWS číst následující informace:
- Sloupcová a řádková souřadnice buňky v tabulce;
- Název televizního pořadu uvedený v buňce, ve které se právě nachází kurzor.
Protože v tabulce nejsou vyznačeny nadpisy sloupců, JAWS je nečte.
| 20:00 | 20:30 | 21:00 | 21:30 | 22:00 | 22:30 |
| Události | Nemocnice na kraji města | Reportéři ČT | |||
| Televizní noviny | Teorie velkého třesku | Vaříme s Láďou Hruškou | Střepiny | Ulice | |
| Zprávy | Simpsonovi | Regionální vysílání | |||
| Hitparáda | Hudební novinky | R. E. M. live | Oldies party | ||
Když se setkáte s takovýmto typem tabulky, můžete upravit nastavení JAWS pro čtení nadpisů sloupců a řádků. V tomto případě víte, že v prvním řádku jsou uvedeny nadpisy sloupců, i když tak nejsou označeny. Také víte, že první sloupce nechcete brát jako nadpisy řádků.
Cvičení: Proveďte kroky popsané níže, abyste JAWS nastavili tak, aby četl v tabulce nadpisy sloupců, i když v tabulce tyto nadpisy nejsou vyznačeny.
- Když jste na stránce s tabulkami, otevřete klávesami JAWSKey+V dialog Rychlá nastavení JAWS. Po otevření dialogu bude kurzor v editačním poli Hledat.
- Do editačního pole napište „nadpisy v tabulkách“. Ze stromového seznamu níže zmizí všechny položky, které se nadpisů v tabulkách netýkají.
- Pomocí šipky dolů přejděte do stromového seznamu na položku Nadpisy v tabulkách. JAWS by měl na položce ohlásit „Pouze označené nadpisy“.
- Pomocí mezerníku přepněte nastavení na hodnotu U sloupců.
- Klávesou Tab přejděte na tlačítko OK a mezerníkem je stiskněte. Dialog Rychlá nastavení se zavře.
- Přejděte do tabulky výše a zkuste si ji přečíst znovu. Pro přechod do předchozí tabulky můžete použít klávesy Shift+T. Je tentokrát čtení tabulky srozumitelnější?
- V Rychlých nastaveních vraťte nastavení položky Nadpisy v tabulkách zpět na „Pouze označené nadpisy“.
Způsob zobrazení dokumentu
Při čtení tabulek s JAWS můžete použít dva různé způsoby zobrazení dokumentu: Jednoduchý vzhled a Jako na obrazovce. V Jednoduchém vzhledu zobrazuje JAWS každou buňku tabulky jako samostatný řádek. Při zobrazení Jako na obrazovce lze číst tabulku po celých řádcích, tak jak jsou vidět na obrazovce. V tomto zobrazení je každý řádek tabulky brán jako samostatný řádek a jednotlivé buňky jsou v něm odděleny svislou čarou. Takto získáte mnohem lepší představu o tom, jaká je struktura tabulky a jak spolu různé buňky na stejném řádku souvisejí.
Tip pro MAGic MAGic používá automaticky jako výchozí způsob zobrazení Jako na obrazovce. Takže když při spuštěném MAGic samostatně nebo společně s JAWS stisknete v tabulce šipku dolů, MAGic zvýrazní a přečte celý řádek tabulky. Když je MAGic spuštěn současně s JAWS, obsluhuje MAGic zvětšování a zvýrazňování a JAWS hlasový výstup. MAGic při současném běhu s JAWS přenastaví zobrazení dokumentu na Jako na obrazovce.
MAGic vizuálně zvýrazní celý řádek tabulky, který je čten hlasovým výstupem.
Zobrazení Jako na obrazovce je také užitečné při používání JAWS samostatně pokud chcete zkopírovat celý řádek tabulky a vložit jej do jiného dokumentu jako jeden řádek.
Výchozí způsob zobrazení dokumentu v JAWS je Jednoduchý vzhled.
Chcete-li dočasně povolit režim jako na obrazovce, pokud běží jen JAWS, postupujte následovně:
- V internetovém prohlížeči stiskněte JAWSKey+V.
- Do editačního pole napište „Zobrazení“. Ve stromovém seznamu níže zůstanou jen položky související se zobrazením.
- Pomocí šipky dolů přejděte do stromového seznamu na položku Zobrazení dokumentu.
- Pomocí mezerníku přepněte nastavení na hodnotu Jako na obrazovce.
- Klávesou Tab přejděte na tlačítko OK a mezerníkem je stiskněte.
Poznámka: Ve výchozím nastavení se Rychlá nastavení JAWS ukládají na disk a zůstávají, jak jste je nastavili, dokud je nezměníte.
Když budete v další části procvičovat čtení tabulek s JAWS, vyzkoušejte si, zda vám více vyhovuje zobrazení Jednoduchý vzhled, nebo Jako na obrazovce.
Trvalé nastavení zobrazení Jako na obrazovce pro všechny tabulky v HTML a PDF
Pokud zjistíte, že zobrazení dokumentu Jako na obrazovce lépe vyhovuje vašim potřebám, nastavte je pro tabulky v HTML a PDF trvale provedením následujících kroků:
- V internetovém prohlížeči stiskněte JAWSKey+F2.
- Vyberte položku Centrum nastavení a stiskněte Enter.
- Stiskněte Ctrl+Shift+D, abyste načetli konfiguraci „Výchozí (všechny aplikace)“. Abyste si ověřili, že je tato konfigurace načtena, můžete si stiskem JAWSKey+T přečíst titulek okna Centra nastavení.
- Kurzor je v editačním poli Hledat. Napište do něj „rozvržení“ (bez uvozovek).
- Pomocí šipky dolů přejděte do filtrovaného stromového seznamu na položku Vybrat rozvržení.
- Pomocí mezerníku přepněte nastavení na hodnotu Jako na obrazovce.
- Klávesou Tab přejděte na tlačítko OK a mezerníkem je stiskněte. Změněné nastavení se uloží a začne se používat.
Procvičování s dalšími tabulkami
Následující tabulka se zabývá teplotou vzduchu a vody v oblasti Tampa Bay. V Tampa Bay si lze užívat v průměru 361 slunných dní ročně. Guinnessova kniha rekordů udává Saint Petersburg jako místo s nejdelší nepřerušenou řadou slunných dní: 768. Díky slunnému počasí si lze užívat pláže v této oblasti, z nichž dvě patří do desítky nejlepších pláží ve Spojených státech.
| Měsíc | Nejvyšší teplota vzduchu | Nejnižší teplota vzduchu | Teplota vody v zálivu |
|---|---|---|---|
| Leden | 21 stupňů | 10 stupňů | 18 stupňů |
| Únor | 22 stupňů | 11 stupňů | 18 stupňů |
| Březen | 25 stupňů | 14 stupňů | 21 stupňů |
| Duben | 27 stupňů | 16 stupňů | 23 stupňů |
| Květen | 31 stupňů | 19 stupňů | 26 stupňů |
| Červen | 32 stupňů | 22 stupňů | 28 stupňů |
| Červenec | 32 stupňů | 24 stupňů | 29 stupňů |
| Srpen | 32 stupňů | 24 stupňů | 30 stupňů |
| Září | 32 stupňů | 23 stupňů | 28 stupňů |
| Říjen | 28 stupňů | 18 stupňů | 26 stupňů |
| Listopad | 26 stupňů | 13 stupňů | 22 stupňů |
| Prosinec | 22 stupňů | 10 stupňů | 18 stupňů |
Data z tabulky jsou převzata z webu Obchodní komory v Saint Petersburgu.
Cvičení: Přepněte zobrazení dokumentu z Jednoduchého vzhledu na Jako na obrazovce a zkuste si předchozí tabulku přečíst znovu. Pokud si potřebujete připomenout, jak přepnout zobrazení dokumentu, podívejte se na postup přepínání způsobů zobrazení dokumentu. Až budete hotoví, vraťte se k zobrazení Jednoduchý vzhled.
Na stránkách tohoto kurzu jsou pro formátování použity kaskádové styly (CSS). Používání CSS je nejlepší způsob, jak mohou tvůrci webů docílit požadovaného formátování stránek. Jedna z vlastností formátování, která se používá v tomto kurzu, je vybarvení buněk, které jsou v kódu značeny jako nadpisy, citronově žlutou barvou, jež je tmavší než slonovinová barva ostatních buněk v tabulce.
Tabulka níže je příkladem tabulky, která používá atributy ID, AXXIS a HEADER, díky kterým čte JAWS v různých částech tabulky různé informace. Když se například ve sloupci Jméno zaměstnance pohybujete nahoru a dolů, bude čten jako nadpis řádku název oddělení. Když se ale budete pohybovat nahoru a dolů ve sloupci Telefonní linka, bude jako nadpis řádku čteno jméno zaměstnance. Jméno zaměstnance je ve skutečnosti až ve druhém sloupci, ale HTML kód říká, aby je JAWS bral jako nadpis řádku místo obsahu v prvním sloupci. V tomto případě čte JAWS tabulku správně, aniž byste museli provádět nějaké změny v jeho nastavení, protože autor tabulky si dal práci se správným značením v HTML kódu. S použitím této techniky se může libovolná buňka odkazovat na jakoukoli jinou buňku v tabulce jako na svůj nadpis.
| Oddělení | Jméno zaměstnance | Telefonní linka |
|---|---|---|
| Expedice | Jan Kovář | 543 |
| Příjem | Luboš Janík | 123 |
| Účetní | Šárka Kladívková | 222 |
Další tabulka je mnohem složitější, ale všimněte si, jak ji JAWS čte. Když se pohybujete nahoru a dolů druhým sloupcem, ve kterém je Název společnosti, je nadpis řádku brán z prvního sloupce Region. Při pohybu nahoru a dolů ve třetím až osmém sloupci je nadpis řádku brán z druhého sloupce Název společnosti. Slovy „Region“ a „Kde“ jsou také hlášeny atributy AXXIS.
| Společnost | Adresa | Město | Kraj | Telefon | Fax | Produkty | |
|---|---|---|---|---|---|---|---|
| Čechy | Pomůcky s. r. o. | Za Radnicí 24 | Příbram | Středočeský | 555 555 123 | 949 555 011 | odečítače obrazovky |
| Massage Team | Webová ulice 15 | Jablonec nad Nisou | Liberecký | 206 555 777 | 206 555 778 | vybavení pro maséry; zdravotnický materiál | |
| Webb Access Group | Náměstí Informatiků 4 | Kardašova Řečice | Jihočeský | 602 555 131 | 602 555 132 | software; poradenství v přístupnosti webu | |
| Svět bez bariér o. p. s. | Severní 30 | Praha 13 | Praha | 800 555 190 | software; braillské displeje; braillské tiskárny | ||
| Morava | Special Computers s. r. o.. | Horní náměstí 15 | Jeseník | Olomoucký | 800 555 478 | 708 555 221 | tiskárny; zápisníky |
| Tyflotools a. s. | Gen. Svobody 34 | Český Těšín | Moravsko-Slezský | 800 555 332 | 317 355 261 | kamerové lupy; bílé hole | |
| Dotykový svět s. r. o. | Jana Žižky 89 | Otrokovice | Zlínský | 800 455 691 | 513 555 221 | braillské tiskárny; výroba haptických knih |
V následující tabulce je buňka v prvním řádku roztažena přes celou šířku tabulky – přes pět sloupců. Pro určení toho, jak číst informace v takové tabulce, využívá JAWS atributy COLSPAN a SCOPE. Zkuste si tuto tabulku nyní přečíst.
| Zboží v prodeji | ||||
|---|---|---|---|---|
| První týden | Druhý týden | Třetí týden | Čtvrtý týden | |
| Leden | Jablka | Hrušky | Pomeranče | Hroznové víno |
| Únor | Mango | Mandarinky | Jahody | Kivi |
| Březen | Třešně | Limetky | Citróny | Melouny |
Kopírování a vkládání tabulkových dat
Text z HTML tabulky můžete označit a zkopírovat stejně jako v jakémkoli jiném dokumentu. Tato data potom můžete vložit do textového editoru, jako je Poznámkový blok nebo Microsoft Word. Na webové stránce lze pomocí klávesnice označit text včetně obsahu tabulek a při vložení do dokumentu ve Wordu nebo do e-mailové zprávy ve formátu HTML zachovat formátování původní stránky. Můžete například označit tabulky, odkazy, nadpisy a další prvky v HTML dokumentu a vložit je do dokumentu ve Wordu nebo do e-mailové zprávy. To je důležité pro ty, kdo potřebují kopírovat informace z webu a vkládat je do různých hlášení a dalších dokumentů, kde je požadováno původní formátování.
Výchozí režim označování textu v JAWS i MAGic je „Označit a kopírovat – Plný obsah s označením na obrazovce“. Při tomto nastavení je výhodné, že při označování pomocí klávesnice je označovaný text i vizuálně zvýrazněn na obrazovce.
Cvičení: S JAWS spuštěným samostatně nebo současně s MAGic zkopírujte celý obsah tabulky na webové stránce provedením následujících kroků.
- Stiskem klávesy T přejděte na stránce na tabulku.
- Šipkou nahoru přecházejte po řádcích výše, dokud JAWS neohlásí počet řádků a sloupců.
- Potom označte celou tabulku stiskem F8. Tuto klávesu lze použít pro označení celé tabulky, jen když je kurzor na jejím začátku.
- Stiskem Ctrl+C zkopírujte označenou tabulku do schránky.
- Spusťte např. Microsoft Word a klávesami Ctrl+V vložte zkopírovanou tabulku do dokumentu. Všimněte si, jak je zachována původní struktura a formátování tabulky. V textovém editoru by měla vypadat stejně jako na webové stránce.
Uživatelé MAGic mohou tabulku označit klávesovými zkratkami jako např. Shift+šipka dolů pro postupné označování po řádcích nebo pomocí myši.