Understanding WCAG 2.0

Skip to Content (Press Enter)

G96: Olyan tételek szöveges beazonosításának biztosítása, melyek megértéséhez egyébként csak érzékelési információkra lehet támaszkodni

Alkalmazhatóság

Minden olyan technológia, amely a felhasználó számára előállított tartalom leírását jeleníti meg.

Jelen technika vonatkozik a(z):

Leírás

Jelen technika célja biztosítani, hogy egy weboldalon belüli elemekre nemcsak alak, méret, hang, elhelyezkedés alapján hivatkoznak a tartalomban, hanem az érzékeléstől független módszerek alapján is. Például, egy hivatkozás szintén leírhatja az elem funkcióját vagy a címkéjét.

Példák

Példa 1

Egy űrlapon egy kerek gombot biztosítanak az űrlap elküldéséhez és a folyamat következő lépésének kiválasztásához. A gomb „küldés” szöveggel került felcímkézésre. Az utasítások szerint „az űrlap elküldéséhez nyomja meg az küldés címkéjű gombot”. Ez egyaránt tartalmazza a formát és a szöveges információt a gomb megtalálásához.

Példa 2

Egy online képzést biztosító weboldalhoz tartozó útmutató szerint „Használja a hivatkozások listáját a jobb oldalon, az Osztálylista fejléccel együtt, a kívánt online kurzusra történő navigáláshoz.” Ez a leírás pozíciót, valamint szöveges kulcsokat biztosít a helyes hivatkozások listájának megtalálásához.

Példa 3

A következő elrendezés egy gombot helyez a jobb alsó sarokba, melyet pozíció alapján jelez. Egy szövegcímke egyértelművé teszi, hogy melyik gombot kell a felhasználónak használni, amennyiben olyan linearizált változatot akar elérni, ahol a pozíciónak nincs jelentősége.

Példa kód:


<table>
  <tbody>
    <tr>
      <td colspan="2">Push the lower right [Preview] button.</td>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow; 
        width: 5em; display: block; font-weight: bold; text-align: center;">
        Print</span>
      </td>
    </tr>
    <tr>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow; 
        width: 5em; display: block; font-weight: bold; text-align: center;">
        Cancel</span>
      </td>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow; 
        width: 5em; display: block; font-weight: bold; text-align: center;">
        OK</span>
      </td>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow; 
        width: 5em; display: block; font-weight: bold; text-align: center;">
        Preview</span>
      </td>
    </tr>
  </tbody>
</table>
            

Források

Nincsenek elérhető források..

(nincs jelenleg felsorolt)

Ellenőrzések

Folyamat

Keresse meg az összes olyan hivatkozást a weboldalon, amely egy objektum alakját, méretét vagy helyzetét említi. Minden ilyen tételhez:

  1. Ellenőrizze, hogy a hivatkozás tartalmaz olyan további információt, amely lehetővé teszi az elem helyzetének megállapítását és beazonosítását, az alakjára, méretére vagy viszonylagos helyzetére vonatkozó ismeret nélkül.

Várható eredmények
  • A #1 ellenőrzés teljesül.


Teljesítési feltételek: