{Ninja-Shell}

Filename: /var/www/infoalap.hu/elesinfoalap.dev/egyetemes/bongeszesrefel/8-Tables.htm

<!doctype html>
<html lang="hu">
<head>
<meta charset="utf-8">
<title>Táblázatok</title>
<link rel="stylesheet" type="text/css" href="training-dc.css">
<meta name="keywords" content="navigálás a weboldalakon, JAWS, táblázatok, réteg, táblázatok kiválasztása, dokumentummegjelenítési mód, hagyományos elrendezés, kinézetszerű elrendezés">
<meta name="description" content="Ez a weboldal bemutatja a JAWS és a Fusion használatát az interneten.">
<meta name="Author" content="Freedom Scientific Training Department, a Vispero Brand">

</head>

<h1>Táblázatok</h1>

A weboldalak szerzői két okból alkalmazhatnak táblázatokat. A táblázatok a weboldalak elrendezésének kialakítására, az információ elhelyezésére, illetve a többi elemhez viszonyított pozíciójának megadására használhatóak. A másik mód az adatok táblázatban történő megjelenítése. Az adattáblázat a leggyakrabban használt táblázattípus.

A JAWS bejelenti, amikor belép egy adott táblázatba, illetve, ha elhagyja azt. A jól megtervezett HTML táblázatok az akadálymentes hozzáférést támogató tulajdonságokkal rendelkeznek. Az egyik ilyen tulajdonság a caption elemmel megadott látható cím. A JAWS felolvassa a caption címke tartalmát. A cím általában a táblázat előtt kerül megjelenítésre. A másik akadálymentes hozzáférést támogató attribútum az összegzés (summary). Az összegzés nem jelenik meg vizuálisan a weboldalon, viszont a JAWS felolvassa azt. A megfelelően megadott összegzés a táblázat célját, jelentését írja le, így a felhasználó azelőtt képet kap annak tartalmáról, hogy belépne oda. Az ezen az oldalon található táblázatok tartalmaznak összegzést.

<h2>A táblázatok felolvasása</h2>

Az oldalakon szereplő táblázatok bejárására használja a T navigációt gyorsító billentyűt. Ezen az oldalon a táblázatokhoz caption címkék is tartoznak, amelyek egyben második szintű címsorok. A H navigációt gyorsító billentyű használatával szintén végig tud lépkedni a táblázatokon, pontosabban azok címsorain. A táblázatok listáját a JAWSGOMB+CTRL+T billentyűkombináció lenyomásával tudja megjeleníteni. A Válasszon táblázatot párbeszédpanelen jelölje ki a kívánt elemet, majd az ENTER használatával navigáljon rá.

Amint belép a táblázatba, használhatja a táblázatparancsokat az információk felolvastatására, illetve a navigációhoz.

<h3>A táblázat réteg billentyűparancsai</h3>

A rétegelt billentyűparancsok gyors és kényelmes megoldást biztosítanak a táblázatokon történő navigáláshoz. A táblázat réteg használata szükségtelenné teszi a módosítóbillentyűk lenyomva tartását a parancs kiadása közben.

Az alábbi listában a táblázat réteg billentyűparancsai találhatóak. A táblázaton állva nyomja le és engedje fel a JAWSGOMB+SZÓKÖZ billentyűparancsot, majd a T billentyűt a táblázat rétegbe történő belépéshez.

<ul>
	<li>KÉRDŐJEL (?), súgó a rétegelt parancsokhoz</li>
	<li>NYÍL billentyűk, lépés egy cellányit felfelé, lefelé, balra vagy jobbra</li>
	<li>SZÁMBILL 5, aktuális cella bemondása</li>
	<li>HOME, az aktuális sor első cellájára lépés</li>
	<li>END, az aktuális sor utolsó cellájára lépés</li>
	<li>CTRL+HOME, a táblázat első cellájára lépés</li>
	<li>CTRL+END, a táblázat utolsó cellájára lépés</li>
	<li>CTRL+FEL NYÍL, az aktuális oszlop első cellájára lépés</li>
	<li>CTRL+LE NYÍL, az aktuális oszlop utolsó cellájára lépés</li>
	<li>CTRL+BALRA NYÍL, az aktuális sor első cellájára lépés</li>
	<li>CTRL+JOBBRA NYÍL, az aktuális sor utolsó cellájára lépés</li>
	<li>CTRL+ENTER, lépés a következő táblázatra</li>
	<li>CTRL+SHIFT+ENTER, lépés az előző táblázatra</li>
	<li>SHIFT+FEL NYÍL, az aktuális sor felolvasása</li>
	<li>SHIFT+PAGE UP, felolvasás az aktuális cellától a sor végéig</li>
	<li>SHIFT+HOME, felolvasás a sor elejétől az aktuális celláig</li>
	<li>SHIFT+SZÁMBILL 5, az aktuális oszlop felolvasása</li>
	<li>SHIFT+PAGE DOWN, felolvasás az aktuális cellától az oszlop végéig</li>
	<li>SHIFT+END, felolvasás az oszlop elejétől az aktuális celláig</li>
</ul>

A táblázat réteg addig marad aktív, amíg nem használ eltérő billentyűparancsot. Ilyen billentyűparancs például az ESC, a SZÓKÖZ, a TAB vagy az ENTER.

Alapértelmezés szerint a JAWS a táblázatnak csak azokat a celláit olvassa fel fejlécként, amelyek th elemmel vannak megjelölve.

A táblázatok egy részében az első sor az oszlopokra, az első oszlop pedig a sorokra vonatkozó fejlécinformációkat tartalmazza, anélkül, hogy azok th címkével lennének jelölve. Ha a fejlécek nem megfelelően vannak jelölve, a JAWS beállítható úgy is, hogy az első sort, illetve oszlopot fejlécként kezelje. A megadható értékek az alábbiak:

<ul>
	<li>Csak a megjelölt címek (alapértelmezett)</li>
	<li>Ki</li>
	<li>Sor</li>
	<li>Oszlop</li>
	<li>Sor és oszlop is</li>
</ul>

Ha a táblázatban be van állítva az összes fejléc, akkor a jobbra-, illetve a balra történő navigáláskor a cella tartalmának bemondása előtt felolvasásra kerül az aktuális oszlop fejléce. A felfelé-, illetve a lefelé történő navigáláskor a cella tartalmának bemondása előtt felolvasásra kerül az aktuális sor fejléce.

A JAWS a HTML forráskód elemzésével dönti el, hogy a szerző az adott elemet &lt;TH&gt; címkével jelölte-e vagy sem. A képernyőolvasó a scope attribútumot is megvizsgálja. Ha nincsenek fejlécek megadva, akkor a korábban ismertetett módon lehet megadni, hogy a JAWS hogyan kezelje a táblázatot.

Jelen oldal első két táblázata fejléceket is tartalmaz. Az első táblázat &lt;TH&gt; címkével jelölt oszlop- és sorfejléceket, míg a második csak oszlopfejléceket tartalmaz. A JAWS mindkét esetben felolvassa a fejlécinformációkat.

Az első táblázatban, mivel a szerző megadta mind az oszlop- mind a sorfejléceket, a JAWS az alábbi információkat mondja be:
<ul>
	<li>Az oszlop és a sor pozíciója a táblázaton belül</li>
	<li>Az oszlopfejléc tartalma (kezdési idő)</li>
	<li>Sorfejléc (televíziós csatorna)</li>
	<li>A műsor címe</li>
</ul>

MEGJEGYZÉS: Ha nem a táblázat rétegben tartózkodik, nyomja le és engedje fel a JAWSGOMB+SZÓKÖZ billentyűparancsot, majd a T billentyűt. Ezután nyomja le a SZÁMBILL 5 billentyűt az aktuális cella felolvasásához.

<caption>
<h2>Műsorok listája, oszlop- és sorfejléccel</h2>
</caption>

<tr>
<th scope="row" style="width: 22%;">ABC</th>
<td style="width: 12%;" colspan="2">Grey's Anatomy</td>
<td style="width: 12%;" colspan="2">Botrány</td>
<td style="width: 12%;" colspan="2">Hogyan ússzunk meg egy gyilkosságot?</td>
</tr>

<tr>
<th scope="row" style="width: 22%;">CBS</th>
<td style="width: 12%;">Agymenők</td>
<td style="width: 12%;">Anyák gyöngye</td>
<td style="width: 12%;">Két pasi – meg egy kicsi</td>
<td style="width: 12%;">The McCarthys</td>
<td style="width: 12%;" colspan="2">Sherlock és Watson</td>
</tr>

<tr>
<th scope="row" style="width: 22%;">FOX</th>
<td style="width: 12%;" colspan="2">Dr. Csont</td>
<td style="width: 12%;" colspan="2">Gracepoint</td>
<td style="width: 12%;" colspan="2">Helyi adás</td>
</tr>

<tr>
<th scope="row" style="width: 22%;">NBC</th>
<td style="width: 12%;" colspan="2">The Biggest Loser</td>
<td style="width: 12%;">Rebecca bírónő</td>
<td style="width: 12%;">A to Z</td>
<td style="width: 12%;" colspan="2">Vásott szülők</td>
</tr>

</table>

A második táblázatban, mivel a szerző csak oszlopfejléceket adott meg, sorfejléceket nem, a JAWS az alábbi információkat mondja be:
<ul>
	<li>Az oszlop és a sor pozíciója a táblázaton belül</li>
	<li>Az oszlopfejléc tartalma (kezdési idő)</li>
	<li>A műsor címe</li>
</ul>

<caption>
<h2>Műsorok listája, csak oszlopfejléccel</h2>
</caption>

<tr>
<td style="width: 12%;" colspan="2">Grey's Anatomy</td>
<td style="width: 12%;" colspan="2">Botrány</td>
<td style="width: 12%;" colspan="2">Hogyan ússzunk meg egy gyilkosságot?</td>
</tr>

<tr>
<td style="width: 12%;">Agymenők</td>
<td style="width: 12%;">Anyák gyöngye</td>
<td style="width: 12%;">Két pasi – meg egy kicsi</td>
<td style="width: 12%;">The McCarthys</td>
<td style="width: 12%;" colspan="2">Sherlock és Watson</td>
</tr>

<tr>
<td style="width: 12%;" colspan="2">Dr. Csont</td>
<td style="width: 12%;" colspan="2">American Idol</td>
<td style="width: 12%;" colspan="2">Fox 5 News at 10</td>
</tr>

<tr>
<td style="width: 12%;" colspan="2">The Biggest Loser</td>
<td style="width: 12%;">Rebecca bírónő</td>
<td style="width: 12%;">A to Z</td>
<td style="width: 12%;" colspan="2">Vásott szülők</td>
</tr>

</table>

A harmadik táblázat tartalma megegyezik az elsőével. A különbség az, hogy a fejlécek elemei NEM lettek &lt;TH&gt; címkével megjelölve. Ebben az esetben a korábban ismertetett módon meg kell változtatni a JAWS megfelelő beállítását.

<caption>
<h2>Műsorok listája, oszlop- és sorfejléccel, amelyek elemei nincsenek &lt;TH&gt; címkével jelölve</h2>
</caption>

<tr>
<td style="width: 22%;">ABC</td>
<td style="width: 12%;" colspan="2">Grey's Anatomy</td>
<td style="width: 12%;" colspan="2">Botrány</td>
<td style="width: 12%;" colspan="2">Hogyan ússzunk meg egy gyilkosságot?</td>
</tr>

<tr>
<td style="width: 22%;">CBS</td>
<td style="width: 12%;">Agymenők</td>
<td style="width: 12%;">Anyák gyöngye</td>
<td style="width: 12%;">Két pasi – meg egy kicsi</td>
<td style="width: 12%;">The McCarthys</td>
<td style="width: 12%;" colspan="2">Sherlock és Watson</td>
</tr>

<tr>
<td style="width: 22%;">FOX</td>
<td style="width: 12%;" colspan="2">Dr. Csont</td>
<td style="width: 12%;" colspan="2">Gracepoint</td>
<td style="width: 12%;" colspan="2">Helyi adás</td>
</tr>

<tr>
<td style="width: 22%;">NBC</td>
<td style="width: 12%;" colspan="2">The Biggest Loser</td>
<td style="width: 12%;">Rebecca bírónő</td>
<td style="width: 12%;">A to Z</td>
<td style="width: 12%;" colspan="2">Vásott szülők</td>
</tr>

</table>

GYAKORLAT: Hajtsa végre az alábbi lépéseket, hogy a JAWS fejlécként mondja be a harmadik táblázat első sorát, illetve oszlopát:

<ol>
	<li>A Táblázatok oldalon nyomja le a JAWSGOMB+V billentyűkombinációt a Közvetlen beállítások párbeszédpanel megnyitásához. A fókusz a Keresés mezőre kerül.</li>
	<li>Írja be a mezőbe a Táblázat címek kifejezést. A fanézet tartalma leszűkül azokra a beállításokra, amelyekben szerepel a megadott karaktersorozat.</li>
	<li>Nyomogassa a LENYÍL billentyűt, amíg a Táblázat címek elemre nem lép. A JAWS a "Csak a megjelölt címek" szöveget fogja bemondani.</li>
	<li>A SZÓKÖZ billentyű nyomogatásával válassza ki az Oszlop és sor is értéket.</li>
	<li>Nyomogassa a TAB billentyűt, amíg az OK gombra nem lép, majd a SZÓKÖZ használatával aktiválja azt. A Közvetlen beállítások párbeszédpanele bezáródik.</li>
	<li>Navigáljon a fenti táblázatra, és olvastassa fel újra. A SHIFT+T billentyűkombinációval az előző táblázatra tud lépni. A JAWS most már megfelelően mondja be a fejléceket.</li>
	<li>A felolvasást követően állítsa vissza a Táblázat címek mező értékét a Csak a megjelölt címek lehetőségre.</li>
</ol>

A negyedik táblázatban, mivel a szerző csak &lt;TH&gt; címkével nem jelölt oszlopfejléceket adott meg, sorfejléceket nem, a JAWS az alábbi információkat mondja be:

<ul>
	<li>Az oszlop és a sor pozíciója a táblázaton belül</li>
	<li>A műsor címe</li>
</ul>

Mivel az első sor elemei nincsenek &lt;TH&gt; címkével jelölve, ezért a JAWS nem mondja be az oszlopfejléceket.

<caption>
<h2>Műsorok listája, csak oszlopfejléccel, amelynek elemei nincsenek &lt;TH&gt; címkével jelölve</h2>
</caption>

<tr>
<td style="width: 12%;" colspan="2">Dr. Csont</td>
<td style="width: 12%;" colspan="2">Gracepoint</td>
<td style="width: 12%;" colspan="2">Helyi adás</td>
</tr>

</table>

A fent leírt módon lehetősége van arra, hogy a táblázatba történő belépéskor megadja, a JAWS hogyan olvassa fel az oszlopok és a sorok fejlécét. Jelen esetben az első sor tartalmazza az oszlopfejléceket, annak ellenére, hogy elemei nincsenek &lt;TH&gt; címkével jelölve. Az első oszlop viszont NEM sorfejléc.

GYAKORLAT: Hajtsa végre az alábbi lépéseket, hogy a JAWS oszlopfejlécként mondja be a negyedik táblázat első sorát:

<ol>

<li>A Táblázatok oldalon nyomja le a JAWSGOMB+V billentyűkombinációt a Közvetlen beállítások párbeszédpanel megnyitásához. A fókusz a Keresés mezőre kerül.</li>
	<li>Írja be a mezőbe a Táblázat címek kifejezést. A fanézet tartalma leszűkül azokra a beállításokra, amelyekben szerepel a megadott karaktersorozat.</li>
	<li>Nyomogassa a LENYÍL billentyűt, amíg a Táblázat címek elemre nem lép. A JAWS a "Csak a megjelölt címek" szöveget fogja bemondani.</li>
	<li>A SZÓKÖZ billentyű nyomogatásával válassza ki az Oszlop értéket.</li>
	<li>Nyomogassa a TAB billentyűt, amíg az OK gombra nem lép, majd a SZÓKÖZ használatával aktiválja azt. A Közvetlen beállítások párbeszédpanele bezáródik.</li>
	<li>Navigáljon a fenti táblázatra, és olvastassa fel újra. A SHIFT+T billentyűkombinációval az előző táblázatra tud lépni. A JAWS most már megfelelően mondja be a fejléceket.</li>
	<li>A felolvasást követően állítsa vissza a Táblázat címek mező értékét a Csak a megjelölt címek lehetőségre.</li>
</ol>

<h2>Dokumentummegjelenítési mód</h2>

A JAWS két dokumentummegjelenítési módot tartalmaz. Az egyik a Hagyományos elrendezés, a másik a Kinézetszerű elrendezés. A Hagyományos elrendezés használata esetén minden egyes cella külön kerül megjelenítésre a virtuális pufferben. A Kinézetszerű elrendezés használata esetén soronként tudja felolvastatni a táblázatot, ahogyan az a képernyőn megjelenik. A táblázat egy sora egy egységként kerül a pufferbe, a cellákat függőleges vonalak választják el egymástól. Ez a mód megkönnyíti a tábla szerkezetének, illetve a cellák közötti összefüggéseknek a megértését.

A Kinézetszerű elrendezés használata akkor is hasznos lehet, amikor a táblázat egyik sorát egyben kívánja másolni és beilleszteni egy másik dokumentumba. Az alapértelmezett megjelenítési mód a Hagyományos elrendezés.

<h3>A Kinézetszerű elrendezés beállításához tegye a következőket:</h3>

<ol>
 <li>A böngészőben nyomja le a JAWSGOMB+V billentyűkombinációt a Közvetlen beállítások párbeszédpanel megnyitásához. A fókusz a Keresés mezőre kerül.</li>
	<li>Írja be a mezőbe a Dokumentummegjelenítési mód kifejezést. A fanézet tartalma leszűkül azokra a beállításokra, amelyekben szerepel a megadott karaktersorozat.</li>
 	<li>Nyomogassa a LENYÍL billentyűt, amíg a Dokumentummegjelenítési mód elemre nem lép. A JAWS a "Hagyományos elrendezés" szöveget fogja bemondani.</li>
 <li>A SZÓKÖZ billentyű lenyomásával válassza ki a Kinézetszerű elrendezés értéket.</li>
 <li>Nyomogassa a TAB billentyűt, amíg az OK gombra nem lép, majd a SZÓKÖZ használatával aktiválja azt. A Közvetlen beállítások párbeszédpanele bezáródik.</li>
</ol>

MEGJEGYZÉS: Alapértelmezés szerint a Közvetlen beállítások párbeszédpanelen végrehajtott módosítások mentésre kerülnek a számítógép merevlemezére, és addig érvényben maradnak, amíg azokat ismét meg nem változtatja.

A következő részben gyakorolhatja a táblázatok kezelését. Próbálja ki, hogy Önnek a Hagyományos elrendezés vagy a Kinézetszerű elrendezés a megfelelőbb.

<h3>A Kinézetszerű elrendezés beállítása az összes HTML, illetve PDF fájlban található táblázat esetén</h3>

Ha a gyakorlás során úgy találja, hogy az Ön igényeinek a Kinézetszerű elrendezés felel meg jobban, az alábbi lépéseken keresztül beállíthatja azt a HTML és a PDF fájlokra is.

<ol>
 <li>Nyomja le a JAWSGOMB+F2 billentyűkombinációt.</li>
 <li>A megjelenő JAWS-kezelő indítása párbeszédpanelen válassza ki a Beállítási központ lehetőséget, majd nyomja le az ENTER billentyűt.</li>
	<li>Nyomja le a CTRL+SHIFT+D billentyűkombinációt. Ekkor a címsor felirata "JAWS Beállítási központ - Alapértelmezett (minden alkalmazás)" szövegre változik, a módosítások mindenhol érvényesek lesznek. A címsor feliratát a JAWSGOMB+T billentyűkombináció lenyomásával tudja felolvastatni.</li>
<li>A fókusz a Keresés mezőre kerül. Írja be az "elrendezés" szót, idézőjelek nélkül. A fanézet tartalma leszűkül azokra a beállításokra, amelyekben szerepel a megadott karaktersorozat.</li>
	<li>Nyomogassa a LENYÍL billentyűt, amíg az Elrendezés elemre nem lép. A JAWS a "Hagyományos elrendezés" szöveget fogja bemondani.</li>
	<li>A SZÓKÖZ billentyű lenyomásával válassza ki a Kinézetszerű elrendezés értéket.</li>
	<li>Nyomogassa a TAB billentyűt, amíg az OK gombra nem lép, majd a SZÓKÖZ használatával aktiválja azt. A Beállítási központ párbeszédpanele bezáródik.</li>
</ol>

<h2>További gyakorlatok táblázatokkal</h2>

Az alábbi táblázat a Tampa-öböl területének átlagos levegő- és vízhőmérsékletét szemlélteti. A Tampa-öbölben az évenkénti napsütéses napok száma átlagosan 361. A Guinness Rekordok Könyve szerint 768 nappal Saint Petersburg tartja a leghosszabb napsütéses időszak csúcsát. A sok napsütés lehetővé teszi a strandok zavartalan működését. A fürdőhelyek közül kettő is szerepel az Egyesült Államok legjobb strandjainak tízes listáján.

<caption>
<h2>A Saint Petersburg-i átlaghőmérsékletek</h2>
</caption>

<tr>
	<th style="width: 25%;" scope="col">Hónap</th>
	<th style="width: 25%;" scope="col">Legmagasabb levegőhőmérséklet</th>
	<th style="width: 25%;" scope="col">Legalacsonyabb levegőhőmérséklet</th>
	<th style="width: 25%;" scope="col">Az öböl vizének hőmérséklete</th>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Január</th>
	<td style="width: 25%;">21 fok</td>
	<td style="width: 25%;">10 fok</td>
	<td style="width: 25%;">18 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Február</th>
	<td style="width: 25%;">22 fok</td>
	<td style="width: 25%;">10,5 fok</td>
	<td style="width: 25%;">18 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Március</th>
	<td style="width: 25%;">25 fok</td>
	<td style="width: 25%;">14 fok</td>
	<td style="width: 25%;">20,5</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Április</th>
	<td style="width: 25%;">27 fok</td>
	<td style="width: 25%;">16 fok</td>
	<td style="width: 25%;">23 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Május</th>
	<td style="width: 25%;">31 fok</td>
	<td style="width: 25%;">19 fok</td>
	<td style="width: 25%;">26 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Június</th>
	<td style="width: 25%;">32 fok</td>
	<td style="width: 25%;">22 fok</td>
	<td style="width: 25%;">28 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Július</th>
	<td style="width: 25%;">32 fok</td>
	<td style="width: 25%;">24 fok</td>
	<td style="width: 25%;">29 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Augusztus</th>
	<td style="width: 25%;">32 fok</td>
	<td style="width: 25%;">24 fok</td>
	<td style="width: 25%;">30 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Szeptember</th>
	<td style="width: 25%;">32 fok</td>
	<td style="width: 25%;">23 fok</td>
	<td style="width: 25%;">28 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">Október</th>
	<td style="width: 25%;">28 fok</td>
	<td style="width: 25%;">18 fok</td>
	<td style="width: 25%;">25,5 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">November</th>
	<td style="width: 25%;">25,5 fok</td>
	<td style="width: 25%;">13 fok</td>
	<td style="width: 25%;">22 fok</td>
 </tr>
 <tr>
	<th scope="row" style="width: 25%;">December</th>
	<td style="width: 25%;">22 fok</td>
	<td style="width: 25%;">10 fok</td>
	<td style="width: 25%;">18 fok</td>
 </tr>
</table>

A fenti adatok a Saint Petersburg-i Kereskedelmi Kamara weboldaláról származnak.

GYAKORLAT: Próbálja meg újraolvasni az előző táblázatot az Egyszerű elrendezés mód helyett Kinézetszerű elrendezés módban. Ha emlékeztetőre van szüksége a dokumentum megjelenítési módjának váltásához, tekintse meg a <a href="ScreenLayout.htm" target="_blank">Kinézetszerű elrendezés módra való váltás lépéseit</a>. Ha végzett, állítsa vissza a JAWS-t Egyszerű elrendezés módba.

A Böngészésre fel! tréninganyag CSS-t (cascading style sheets, egymásba ágyazott stíluslapok) használ a formázások megvalósítására. A CSS használata a legmegfelelőbb megoldás a formázásra. Az egyik ilyen formázási technika, hogy a fejlécek cellái sárga háttérszínnel vannak megjelenítve. Ez sötétebb, mint a többi cella elefántcsont színű háttere.

Az alábbi táblázatban az elemek egy részéhez ID, AXIS és HEADERS attribútum is meg lett adva, így a JAWS eltérő információkat jelent be a táblázat különböző részeinél. Például, amikor a Dolgozó neve oszlopon felfelé, illetve lefelé lépked, az osztály neve kerül sorfejlécként bemondásra. Amikor a Mellék oszlopon navigál, akkor pedig a dolgozó neve. A dolgozó neve a második oszlopban szerepel, de a HTML forráskód alapján a JAWS ezt fogja sorfejlécnek tekinteni az első helyett. Az oldal fejlesztője megfelelően készítette el a táblázatot, ezért a JAWS anélkül fogja helyesen felolvasni annak tartalmát, hogy Önnek meg kellene változtatni valamelyik beállítás értékét. Ezzel a technikával a táblázat bármely cellájához hozzárendelhető fejlécként egy másik elem.

<caption>
 <h3>Dolgozók osztályai és mellékei</h3>
 </caption>
 <tr>
	<th scope="col">Osztály</th>
	<th scope="col">Dolgozó neve</th>
	<th scope="col">Mellék</th>
 </tr>

<tr>
	<td id="d1" axis="department">Szállítmányozás</td>
	<td headers="d1" id="empl1">John Smith</td>
	<td headers="empl1">543</td>
</tr>

<tr>
	<td id="d2" axis="department">Érkeztetés</td>
	<td headers="d2" id="empl2">Lee Johnson</td>
	<td headers="empl2">123</td>
</tr>

<tr>
	<td id="d3" axis="department">Könyvelés</td>
	<td headers="d3" id="empl3">Sharon Jones</td>
	<td headers="empl3">222</td>
 </tr>
</table>

Az alábbi táblázat komplexebb felépítésű. Amikor a második oszlopon lépked felfelé vagy lefelé, az első, a régió kerül bemondásra sorfejlécként. Amikor a többi oszlopon navigál, akkor pedig a másodikat, a vállalat nevét is bejelenti a JAWS.

<caption>
 <h3>A kereskedelmi képviselők államonkénti listája</h3>
 </caption>
 <tr valign="top">
	<th style="width: 10%;" scope="col">&nbsp;</th>
	<th style="width: 15%;" scope="col" id="c1" axis="Who">Vállalat neve</th>
	<th style="width: 15%;" scope="col" id="c2" axis="Where">Cím</th>
	<th style="width: 10%;" scope="col" id="c3" axis="Where">Település</th>
	<th style="width: 5%;" scope="col" id="c4" axis="Where">Állam</th>
	<th style="width: 10%;" scope="col" id="c5" axis="To contact us">Telefonszám</th>
	<th style="width: 10%;" scope="col" id="c7" axis="To contact us">Fax</th>
	<th style="width: 25%;" scope="col" id="c9" axis="What">Termékek</th>
 </tr>

<tr valign="top">
	<th style="width: 10%;" id="s1" rowspan="4" axis="Region" scope="row"> Nyugati régió </th>
	<th style="width: 15%;" id="r1" headers="c1 s1" scope="row"> Screen Readers Unlimited</th>
	<td style="width: 15%;" headers="c2 r1"> 52 Third Avenue </td>
	<td style="width: 10%;" headers="c3 r1"> Los Angeles </td>
	<td style="width: 5%;" headers="c4 r1"> CA </td>
	<td style="width: 10%;" headers="c5 r1"> 555-555-1234 </td>
	<td style="width: 10%;" headers="c7 r1"> 949-555-0101 </td>
	<td style="width: 25%;" headers="c9 r1"> Képernyőolvasók </td>
 </tr>
 <tr valign="top">
	<th style="width: 15%;" id="r2" headers="c1 s1"> Access Now </th>
	<td style="width: 15%;" headers="c2 r2"> 115 Webb Street </td>
	<td style="width: 10%;" headers="c3 r2"> Seattle </td>
	<td style="width: 5%;" headers="c4 r2"> WA </td>
	<td style="width: 10%;" headers="c5 r2"> 206-555-7777 </td>
	<td style="width: 10%;" headers="c7 r2"> 206-555-7778 </td>
	<td style="width: 25%;" headers="c9 r2"> Szoftverek, Braille kijelzők; Braille nyomtatók; Jegyzetelők </td>
 </tr>
 <tr valign="top">
	<th style="width: 15%;" id="r3" headers="c1 s1"> Webb Access Group </th>
	<td style="width: 15%;" headers="c2 r3"> 100 Main Street </td>
	<td style="width: 10%;" headers="c3 r3"> Phoenix </td>
	<td style="width: 5%;" headers="c4 r3"> AZ </td>
	<td style="width: 10%;" headers="c5 r3"> 602-555-3131 </td>
	<td style="width: 10%;" headers="c7 r3"> 602-555-3132 </td>
	<td style="width: 25%;" headers="c9 r3"> Szoftverek; Webes akadálymentesítési szaktanácsadás
	 </td>
 </tr>
 <tr valign="top">
	<th style="width: 15%;" id="r4" headers="c1 s1"> Accessible World </th>
	<td style="width: 15%;" headers="c2 r4"> 5 N. 7th Street </td>
	<td style="width: 10%;" headers="c3 r4"> San Francisco </td>
	<td style="width: 5%;" headers="c4 r4"> CA </td>
	<td style="width: 10%;" headers="c5 r4"> 1-800-555-2190 </td>
	<td style="width: 10%;" headers="c7 r4">&nbsp; </td>
	<td style="width: 25%;" headers="c9 r4"> Szoftverek, Braille kijelzők; Braille nyomtatók; Jegyzetelők </td>
 </tr>
 <tr valign="top">
	<th style="width: 10%;" id="s2" headers="c0" rowspan="3" axis="Region"> Középnyugati régió
	 </th>
	<th style="width: 15%;" id="r5" headers="c1 s2"> Special Computers, Inc.
	 </th>
	<td style="width: 15%;" headers="c2 r5"> 121 4th Street, Suite I </td>
	<td style="width: 10%;" headers="c3 r5"> Chicago </td>
	<td style="width: 5%;" headers="c4 r5"> IL </td>
	<td style="width: 10%;" headers="c5 r5"> 800-555-1478 </td>
	<td style="width: 10%;" headers="c7 r5"> 708-555-2221 </td>
	<td style="width: 25%;" headers="c9 r5"> Szoftverek, Braille kijelzők; Braille nyomtatók; Jegyzetelők </td>
 </tr>
 <tr valign="top">
	<th style="width: 15%;" id="r6" headers="c1 s2"> IndyPendence Day Computing
	 </th>
	<td style="width: 15%;" headers="c2 r6"> 2110 Freedom Dr. </td>
	<td style="width: 10%;" headers="c3 r6"> Indianapolis </td>
	<td style="width: 5%;" headers="c4 r6"> IN </td>
	<td style="width: 10%;" headers="c5 r6"> 1-800-555-1332 </td>
	<td style="width: 10%;" headers="c7 r6"> 317-555-6261 </td>
	<td style="width: 25%;" headers="c9 r6"> Szoftverek, Braille kijelzők; Braille nyomtatók; Jegyzetelők </td>
 </tr>
 <tr valign="top">
	<th style="width: 15%;" id="r7" headers="c1 s2"> Touch the World, Inc.
	 </th>
	<td style="width: 15%;" headers="c2 r7"> 82 S. Broadway </td>
	<td style="width: 10%;" headers="c3 r7"> Cincinnati </td>
	<td style="width: 5%;" headers="c4 r7"> OH </td>
	<td style="width: 10%;" headers="c5 r7"> 1-800-555-3691 </td>
	<td style="width: 10%;" headers="c7 r7"> 513-555-2221 </td>
	<td style="width: 25%;" headers="c9 r7"> Szoftverek, Braille kijelzők; Braille nyomtatók; Jegyzetelők </td>
 </tr>
</table>

Az alábbi táblázatban az első sor egyetlen összevont cellából áll, míg a többi öt elemet tartalmaz. A JAWS a COLSPAN és a SCOPE tulajdonságok alapján határozza meg, hogyan olvassa fel a tábla tartalmát.

<caption>
 <h2>Értékesítési kimutatás</h2>
 </caption>

<tr>
 <th colspan="5" scope="col">Értékesített termék</th>
 </tr>
 <tr>
 <th>&nbsp;</th>
 <th scope="col">Első hét</th>
 <th scope="col">Második hét</th>
 <th scope="col">Harmadik hét</th>
 <th scope="col">Negyedik hét</th>
 </tr>
 <tr>
 <th scope="row">Január</th>
 <td>Alma</td>
 <td>Körte</td>
 <td>Narancs</td>
 <td>Grapefruit</td>
 <tr>
 <th scope="row">Február</th>
 <td>Mangó</td>
 <td>Mandarin</td>
 <td>Eper</td>
 <td>Kivi</td>
 <tr>
 <th scope="row">Március</th>
 <td>Cseresznye</td>
 <td>Lime</td>
 <td>Citrom</td>
 <td>Dinnye</td>
</table>

</div>

<div id="footer" role="contentinfo">


<a href=" 7-WebVerbosity.htm " accesskey="v">Vissza</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href=" 9-Forms.htm " accesskey="k">Következő</a>

</div>
</BODY>
</HTML>

./Ninja\.