G123: Hivatkozás hozzáadása az ismétlődő tartalom blokkok elejéhez, a blokkok végére történő ugrás céljából
Alkalmazhatóság
Az összes hivatkozást tartalmazó technológia.
Jelen technika vonatkozik a:
Leírás
Jelen technika célja tartalmi blokkok átlépése a blokk végére ugró mechanizmus biztosításával. A blokkban szereplő első hivatkozás vagy a blokkot közvetlenül megelőző hivatkozás a fókuszt rögtön a szakasz után található tartalomra helyezi. A hivatkozás aktiválása előremozdítja a billentyűzetfókuszt a blokk átlépéséhez. Ahol többszörös blokkok kerülnek átlépésre, a felhasználó szakaszról szakaszra ugrik az ilyen hivatkozásokon keresztül.
Példák
Példa 1: Egyéb hivatkozásokat átlépő navigációs hivatkozások
Egy szervezet webhelyének oldalain a fontosabb fejezetekhez vezető hivatkozásokat, oldaltérképet, a szervezetről szóló információkat és kapcsolatfelvételi lehetőségét tartalmazó navigációs sáv vagy főmenü található. Az ezen a felületen található első hivatkozás az "Egyéb hivatkozásokat átlépő hivatkozások" elnevezést kapja. A felhasználó aktiválja a hivatkozást az ilyen hivatkozások átugrásához.
Példa 2: Egy könyv tárgymutatója
Egy könyv olyan tárgymutatót tartalmaz, amely oldalakra van felosztva. A tartalomban a tárgymutató oldalainak elején, az abc összes betűjéhez vezető hivatkozások találhatók, kapcsolódva a tárgymutatóhoz, ahol a címszavak az adott betűvel kezdődnek. Az ezen a felületen található első hivatkozás "Tárgymutatóba ugrás a hivatkozások átlépésével" elnevezést kapja. A felhasználó aktiválja a hivatkozást az ilyen hivatkozások átugrásához.
Példa 3: Különböző hivatkozások halmaza
Egy webhelyen az összes oldal magába foglalja az oldaltérképhez vezető hivatkozásokat, oldaltérképet, a szervezetről szóló információkat és kapcsolatfelvételi lehetőségét tartalmazó részt. A webhely fejezeteiben található összes oldal tartalmazza az alfejezetekhez vezető hivatkozások halmazát. Az első blokkban található első hivatkozás az "Egyéb hivatkozásokat átlépő hivatkozások" nevet kapja, és átugorja az első hivatkozások halmazát. A második blokkban található első hivatkozás a "Alfejezetek hivatkozásainak átugrása" nevet kapja, és átugorja az alfejezet hivatkozásait.
Példa 4: Különböző navigációs hivatkozási szakaszokkal rendelkező HTML oldal
Jelen példa a minden egyes fejezet elején
található fejléc-elemek használatát (H69), és a
fejezetek végére ugró hivatkozásokat mutatja be. Ez
lehetővé teszi az emberek számára, hogy a
billentyűzet navigáció használatával vagy a
fejléc-navigációval átugorják az ismétlődő tartalom
szakaszait, a felhasználói programtól függően. Vegye
figyelembe, hogy a tartalom néhány fejezete
div elemmel tördelt azért, hogy az
Internet Explorer bizonyos korlátozásai mellett is
működőképesek legyenek(tekintse meg a tartalom
blokkjainak átugrásához készített és a HTML
hivatkozásokra vonatkozó felhasználói programok
megjegyzéseit (jövőbeli hivatkozás)).
Példa kód:
<p><a href="#content">Content title</a></p>
<h2>Main Navigation</h2>
<ul>
<li><a href="#subnav">Sub Navigation</a></li>
<li><a href="/a/">Link A</a></li>
<li><a href="/b/">Link B</a></li>
<li><a href="/c/">Link C</a></li>
...
<li><a href="/j/">Link J</a></li>
</ul>
<div class="iekbfix">
<h2 id="subnav">Sub Navigation</h2>
<ul>
<li><a href="#ultranav">Ultra Sub Navigation</a></li>
<li><a href="/suba/">Sub A</a></li>
<li><a href="/subb/">Sub B</a></li>
<li><a href="/subc/">Sub C</a></li>
...
<li><a href="/subj/">Sub J</a></li>
</ul>
</div>
<div class="iekbfix">
<h2 id="ultranav">Ultra Sub Navigation</h2>
<ul>
<li><a href="#content">Content title</a></li>
<li><a href="/ultraa/">Ultra A</a></li>
<li><a href="/ultrab/">Ultra B</a></li>
<li><a href="/ultrac/">Ultra C</a></li>
...
<li><a href="/ultraj/">Ultra J</a></li>
</ul>
</div>
<div>
<h2 id="content">Content title</h2>
<p>Now that I have your attention...</p>
</div>
És a CSS
Példa kód:
div.iekbfix {
width: 100%;
}
Források
A források csak információs célokat szolgálnak, és csak angolul elérhetőek.
Kapcsolódó technikák
Ellenőrzések
Folyamat
-
Ellenőrizze, hogy a hivatkozás az utolsó fókuszálható vezérlő az ismétlődő tartalom blokkja előtt vagy az első hivatkozás a blokkon belül.
-
Ellenőrizze, hogy a hivatkozás leírásában feltüntetésre kerül, hogy a hivatkozás átugorja a blokkot.
-
Ellenőrizze, hogy a hivatkozás mindig látható, vagy akkor látható, amikor billentyűzetfókuszba kerül.
-
Ellenőrizze, hogy a hivatkozás aktiválása a fókuszt közvetlenül a blokkok mögött található tartalomra helyezi.
-
Ellenőrizze, hogy a hivatkozás aktiválása után a billentyűzetfókusz közvetlenül a blokk mögött található tartalomra kerül.
Várható eredmények
-
Az összes fenti ellenőrzés teljesül.