Understanding WCAG 2.0

Skip to Content (Press Enter)

H84: Egy kiválasztás-elemmel társított gomb használata műveletek elvégzésére

Alkalmazás

HTML és XHTML

Ez a technika az alábbiakra vonatkozik:

Leírás

Ennek a technikának az a célja, hogy lehetővé tegye a felhasználó számára a műveletek végrehajtásának ellenőrzését ahelyett, hogy a művelet a kiválasztás-elem egyik értékének alkalmazása során beinduló mellékhatás legyen. A felhasználó megvizsgálhatja a kiválasztás-elem különböző értékeit, vagy véletlenül kiválaszthatja a rossz értéket anélkül, hogy előidézné a kívánt műveletet. Abban az esetben, ha a felhasználó elégedett az alternatívákkal, kiválasztja a műveletnek legjobban megfelelő gombot.

Ez elsősorban azoknak a felhasználóknak fontos, akik a billentyűzeten keresztül választja ki a kiválasztás-elem értékét, mivel a kiválasztás-elemen történő keresztül történő navigálás megváltoztatja a vezérlő értékét.

Példák

1. példa: Naptár

Egy weblapon a felhasználók kiválaszthatják bármelyik év bármelyik hónapját és a lap megjeleníti nekik az adott hónap naptárát. Az év és hónap beállítása után a naptár "Megmutat" gomb megnyomása után jelenik meg. Ez a példa egy kliens oldali szkriptre válaszol a művelet végrehajtása érdekébe.

Példa kód:


<label for="month">Month:</label>
<select name="month" id="month">
  <option value="1">January</option>
  <option value="2"> February</option>
  ...
  <option value="12">December</option>
</select> 
<label for="year">Year:</label>
<input type="text" name="year" id="year">
<input type="button" value="Show" onclick = "...">
2. példa: Egy művelet kiválasztása

A kiválasztás eleme lehetséges műveletek listáját tartalmazza. A művelet addig nem valósul meg, amíg a felhasználó nem nyomja meg a "Végrehajtás" gombot.

Példa kód:


<form action="http://somesite.com/action" method="post">
  <label for="action">Options:</label>
  <select name="action" id="action">
    <option value="help">Help</option>
    <option value="reset">Reset</option>
    <option value="submit">Submit</option>
  </select> 
  <button type="submit" name="submit" value="submit">Do It </button>
</form>              

Források

A források csak információs célokat szolgálnak, és csak angolul elérhetőek.

Ellenőrzések

Folyamat

Minden egyes kiválasztás-elemhez/gombhoz:

  1. Ellenőrizze, hogy az ellenőrzés elemre helyezett fókusz (beleértve a billyentyűzet fókuszát) nem eredményez semmilyen műveletet.

  2. Ellenőrizze, hogy a kiválasztott gomb a megfelelő kiválasztási értéknek megfelelő műveletet hajtja végre.

Elvárt eredmények
  • Minden fenti ellenőrzés igaz.


Teljesítési feltételek: