Understanding WCAG 2.0

Skip to Content (Press Enter)

SCR30: A hivatkozások szövegének megváltoztatása szkriptek segítségével

Alkalmazás

Kliens-oldali szkriptelés HTML-ben és XHTML-ben

Ez a technika az alábbiakra vonatkozik:

Leírás

A technikának az a célja, hogy lehetővé tegye a hivatkozás szövegének további információval történő kiegészítését, annak érdekében, hogy a hivatkozás kitűnjön a szövegből.

Bizonyos felhasználók előnybe részesítik azokat az önálló hivatkozásokat, amelyeknél nem szükséges a hivatkozás tartalmának mélyebb vizsgálata. Mások úgy találják, hogy a hivatkozások információi ismétlődők és ez csökkenti a weblap használhatóságát. A segítő technológiák felhasználói ebben a témában erősen megoszló visszajelzéseket küldtek a munkacsoportnak. Ez a technika lehetővé teszi a felhasználók igényeinek legmegfelelőbb módszert kiválasztását.

Minden lap kezdeténél egy hivatkozás kerül feltüntetésre, amely kiterjeszti a hivatkozás szövegét és ezzel szükségtelenné teszi a hivatkozás célját magyarázó egyéb tartalom hozzáadását. A kiterjesztés célját szolgáló hivatkozás tárgyát közvetlenül a hivatkozás szövegében kell megadni.

Ez a technika csak az aktuális oldal hivatkozásait terjeszti ki. Az is lehetséges, és bizonyos esetekben tanácsos is, hogy a beállítások egy cookie-ban vagy szerver-oldali felhasználói profilban kerüljenek elmentésre. Ennek eredményeképpen a felhasználónak csak honlaponként egyszer kell a beállításokat elvégeznie.

Példák

1. példa

Az alábbi példában szereplő JavaScript közvetlenül a hivatkozás szövegéhez rendeli a kiegészítő információt. A hozzáadandó kiegészítő szöveget a hivatkozás osztálya határozza meg. A "Hivatkozások kiterjesztése" című hivatkozás kiterjesztésekor az oldal minden hivatkozása ellenőrzésre kerül annak meghatározására, hogy el kell-e látni kiegészítő szöveggel.

Példa kód:


...
<script>
 var linkContext = {
   "hist":" version of The History of the Web",
   "cook":" version of Cooking for Nerds"
 };
 function doExpand() {
   var links = document.links;
   var link;
   for (link in links) {
     var cn = links[link].className;
     if (linkContext[cn]) {
       links[link].appendChild(document.createTextNode(linkContext[cn]));
     }
   }
 }
</script>
<h1>Books for download</h1>
<p><a href="#" onclick="doExpand();">Expand Links</a></p>
<ul>
<li>The History of the Web: 
<a href="history.docx" class="hist">Word</a>, 
<a href="history.pdf" class="hist">PDF</a>, 
<a href="history.html" class="hist">HTML</a>
</li>
<li>Cooking for Nerds: 
<a href="history.docx" class="cook">Word</a>, 
<a href="history.pdf" class="cook">PDF</a>, 
<a href="history.html" class="cook">HTML</a>
</li>
</ul>
...

Ellenőrzések

Folyamat
  1. Ellenőrizze, hogy a lap tetején szerepel-e a hivatkozások kiterjesztésére szolgáló hivatkozás.

  2. Ha létezik az 1. pontban leírt hivatkozás ellenőrizze, hogy ez azonosítható-e csak a hivatkozás szövegéből.

  3. Találja meg azokat a hivatkozásokat, amelyek nem azonosíthatók kizárólag a szövegük alapján.

  4. Aktiválja az 1. pontban leírt vezérlőt.

  5. Ezt követően ellenőrizze, hogy a 3. pontban leírt hivatkozások azonosíthatók-e csak a hivatkozás szövegéből.

Elvárható eredmények
  • Az 1., 2., és 5. pontok igazak.


Teljesítési feltételek: