H65: Űrlap vezérlők azonosítása a cím attribútummal abban az esetben, ha a címke-elem nem használható
Alkalmazás
HTML és XHTML űrlapvezérlők, amelyek nem azonosíthatók érték, vagy alt elemekkel.
Ez a technika az alábbiakra vonatkozik:
- 1.1.1 teljesítési feltétel (Nem-szöveges tartalom)
- 1.3.1 teljesítési feltétel (Információ és relációk/összefüggések)
- 3.3.2 teljesítési feltétel (Címkék vagy utasítások)
- 4.1.2 teljesítési feltétel (Név, szerep, érték)
A felhasználói programra és a segítő technológia támogatására vonatkozó megjegyzések
-
A felhasználói programok egy eszköz tippet fognak megjeleníteni abban az esetben, ha az egér egy cím attribútumot tartalmazó beviteli elemre mutat.
-
Címke hiányában a JAWS és Window-Eyes programok, akkor közlik a cím attribútumot, amikor az űrlapvezérlő fókuszba kerül.
-
A JAWS 6.0, illetve a modernebb verziók beállíthatók úgy, hogy a cím és címke-elemeket is közöljék, ha azok eltérnek egymástól. Ezt a beállítást azonban csak nagyon kevés felhasználó ismeri.
-
A WindowEyes 5.5 ins-E gyorsbillentyűje kiegészítő információkat, köztük a cím attribútummal, jelenít meg abban az esetben, ha a tartalom a fókuszba kerül.
-
Leírás
A technika célja az, hogy a cím attribútummal címkézze meg az űrlapvezérlőket akkor, amikor a honlap látványába nem illik bele a címke (például, ha nem jelenik meg címkeként azonosítható szöveg a képernyőn), vagy zavaró lehet annak megjelenése. A felhasználói programok, beleértve a segítő technológiákat is, képesek hangosan kiejteni a cím attribútumot.
Példák
1. példa: Egy legördülő menü, amely lekorlátozza a keresés hatókörét.
Egy keresőlap legördülő menüvel korlátozza le a keresés hatókörét. A menü közvetlenül a keresőszó bevitelére alkalmas szövegmező mellett található. A keresőmező és a menü közötti kapcsolat világos a weblap vizuális felépítését érzékelő felhasználók számára. A weblapon nincs hely a látható címkének. A cím attribútum a választó menü azonosítására használható. A cím attribútum kiolvastatható a képernyőolvasókkal, vagy eszköz tippként megjelenítethető a képernyő nagyítókkal.
Példa kód:
<label for="searchTerm">Search for:</label>
<input id="searchTerm" type="text" size="30" value="" name="searchTerm">
<select title="Search in" id="scope">
…
</select>
2. példa: Beviteli mezők telefonszámok részére
A weblapon amerikai telefonszámok bevitelére szolgáló vezérlők találhatók. A lapon összesen három mező került erre a célra elhelyezésre, egy a körzeti hívószámnak, egy a területi számnak, egy pedig az utolsó négy számjegynek.
Példa kód:
<fieldset><legend>Phone number</legend>
<input id="areaCode" name="areaCode" title="Area Code"
type="text" size="3" value="" >
<input id="exchange" name="exchange" title="First three digits of phone number"
type="text" size="3" value="" >
<input id="lastDigits" name="lastDigits" title="Last four digits of phone number"
type="text" size="4" value="" >
</fieldset>
3. példa: Keresés funkció
A weblapon található szövegmező a keresőszavak bevitelére a "Keresés" gomb pedig a keresés végrehajtására szolgál. A cím attribútum az űrlapvezérlőjét azonosítja, míg a gomb rögtön a szövegmező után került elhelyezésre. Így a felhasználónak világossá válik, hogy hova kell a keresőszót begépelnie.
Példa kód
<input type="text" title="Type search term here" value="Type search term here"/> <input type="submit" value="Search"/>
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
-
Azonosítson minden egyes űrlapvezérlőt, amelyik nem került címke-elemmel társításra.
-
Ellenőrizze, hogy a vezérlőnek van-e cím attribútuma.
-
Ellenőrizze, hogy a cím attribútum azonosítja-e a vezérlő célját.
Elvárható eredmények
-
Minden fenti ellenőrzés igaz.