Kiváló billentyűzetkezelésű weboldalak tervezése és fejlesztése

Billentyűzet támogatás magánügyfeleknek

A Billentyűzet támogatás akkor fontos, ha egy weboldalt, űrlapot, felületet vagy kisebb alkalmazást egér nélkül is kényelmesen kell használni. Ez nem csak technikai részlet. A felhasználó sokszor akkor érzi először, hogy valami nincs rendben, amikor a tabulátorral nem jut tovább, nem látja, hol áll, vagy egy felugró ablakból nem tud kilépni. Én azt látom, hogy ezt a munkát érdemes külön feladatként kezelni, nem pedig a fejlesztés végén gyorsan rábízni valakire.

Magánügyfélként általában nem szabványokat akar olvasni. Azt szeretné tudni, hogy a felület működik-e rendesen. A szakember feladata ilyenkor az, hogy átnézze az oldal logikáját, javítsa a billentyűs kezelést, és érthetően átadja, mi változott. A Qjob.hu oldalán olyan szabadúszó szakembert lehet keresni, aki online vállal ilyen ellenőrzést, javítást vagy tanácsadást. A munka távolról is elvégezhető, ha az ügyfél hozzáférést, tesztoldalt vagy pontos leírást ad.

Szerintem a billentyűzetes használhatóság ott válik igazán fontossá, ahol a látogató adatot ad meg, rendel, jelentkezik, fizet, fájlt tölt fel vagy döntést hoz. Egy szép gomb önmagában kevés. Ha nem lehet elérni, ha nem látható a fókusz, vagy ha a sorrend zavaros, akkor a felület bizonytalan lesz. És ezt nem minden ügyfél veszi észre első ránézésre.

Billentyűs hozzáférés ellenőrzése

A billentyűs hozzáférés ellenőrzése általában egyszerű próbával kezdődik. A szakember végigmegy az oldalon tabulátorral, enterrel, szóközzel és nyílbillentyűkkel. Közben figyeli, hogy minden fontos elem elérhető-e. Ide tartoznak a menük, gombok, linkek, űrlapmezők, jelölőnégyzetek, rádiógombok, legördülő listák és felugró elemek.

Tapasztalatom szerint sok hiba nem a bonyolult részeknél jön elő. Gyakori gond, hogy egy egyszerű gomb csak egérrel működik. Vagy a fókusz láthatatlan. Ilyenkor a felhasználó nem tudja, éppen hol tart. Van, amikor a sorrend nem logikus, ezért a látogató előbb jut a láblécbe, mint a fő tartalomhoz. Ezek apró hibának tűnnek, de együtt nagyon rossz élményt adnak.

Volt olyan eset, amikor egy ügyfél csak annyit mondott, hogy a megrendelő űrlap valahogy nehézkes. A vizsgálat közben kiderült, hogy a felhasználó billentyűzettel nem tudott továbblépni az egyik mezőről, mert egy egyedi legördülő elem nem kapott megfelelő fókuszt. A javítás nem volt nagy munka, de a hiba miatt több ember félbehagyhatta a kitöltést. Ez jól mutatja, hogy a billentyűzet támogatás nem elméleti kérdés.

Billentyűzet támogatás árak

A Billentyűzet támogatás ára attól függ, hogy csak ellenőrzésre van szükség, vagy javítani is kell a hibákat. Egy kisebb oldal átnézése olcsóbb, mint egy összetett ügyfélfelület, ahol sok állapot, felugró ablak és űrlap van. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a szakember csak gyorsan átkattint néhány részt, de nem vizsgálja meg a valódi használati utat.

A táblázat irányadó. Egy tapasztalt szakember először általában megnézi a felületet, és csak utána ad pontos díjat. Én ezt tartom korrektnek, mert két azonosnak tűnő oldal között nagy különbség lehet. Egy sablonos bemutatkozó oldal kevés munkát kér. Egy egyedi kezelőfelület viszont sok rejtett állapotot tartalmazhat.

Billentyűs kezelés magánszakemberrel

Magánszakember választásánál nem elég azt nézni, hogy valaki tud-e weboldalt készíteni. A billentyűs kezelés külön figyelmet igényel. Jó jel, ha a szakember beszél fókuszról, tabulátor sorrendről, akadálymentes használatról, űrlaphibákról és felugró ablakokról. Nem kell mindent szakszavakkal magyaráznia, de legyen világos, mit fog ellenőrizni.

Érdemes portfóliót kérni. Még jobb, ha a szabadúszó meg tud mutatni egy korábbi javítást, vagy le tud írni egy tipikus hibát. A jó szakember nem csak azt mondja, hogy megoldja. Megkérdezi, milyen felületről van szó, van-e tesztverzió, milyen rendszerben készült az oldal, és ki fogja használni. Szerintem ez sokat elárul a hozzáállásról.

Sokan ott hibáznak, hogy csak ár alapján választanak. A billentyűzetes használhatóság látszólag kis feladat, de rossz javítással új hibák is keletkezhetnek. Például eltűnhet egy vizuális állapot, megváltozhat a menü működése, vagy egérrel jól működik majd valami, de billentyűzettel még rosszabb lesz. Ezért fontos a próba és az átadás utáni ellenőrzés.

Online munka menete és átadás

Az online munka menete általában rövid egyeztetéssel indul. Az ügyfél elküldi az oldal linkjét, a problémás részek leírását, képernyőképet vagy rövid videót. Ha javítás is kell, akkor hozzáférést ad a szükséges rendszerhez, vagy átadja a fájlokat. Nem minden esetben kell teljes hozzáférés. Sokszor elég egy tesztkörnyezet vagy egy külön másolat.

A szakember először feltérképezi a felületet. Megnézi, hogyan lehet haladni billentyűzettel. Ellenőrzi, hogy a fontos elemek elérhetők-e. Aztán eldönti, hogy elég-e stílusmódosítás, vagy a kódban is változtatni kell. Ez fontos különbség, mert a látható fókusz gyakran gyorsan javítható, de egy hibás egyedi vezérlő mélyebb beavatkozást kér.

Az átadás lehet rövid jelentés, javított fájl, módosított oldal vagy hibajegyek listája. Jó, ha a végeredmény nem csak annyi, hogy kész. Legyen benne, mi változott, mit kell még figyelni, és mely részeket érdemes később újra megnézni. Egy ügyfélnek ez azért hasznos, mert nem kell fejlesztői nyelven értelmeznie a teljes folyamatot.

Gyakori hibák a billentyűzetes használatban

A leggyakoribb hiba a láthatatlan fókusz. A felhasználó nyomja a tabulátort, de nem látja, hol van. Ez bizonytalanná teszi az oldalt. Ugyanilyen gond a rossz sorrend. Ha az elemek nem logikusan követik egymást, a látogató elveszti a fonalat. Egy űrlapnál ez különösen zavaró.

Másik gyakori probléma, hogy egy felugró ablak megnyílik, de a fókusz mögötte marad. Ilyenkor a billentyűzet a háttérben mozog, miközben a felhasználó a felugró elemet látja. Ez nem csak kényelmetlen, hanem félrevezető is. A bezárás hiánya szintén gond. Az escape billentyűnek sok esetben működnie kellene, de nem mindig működik.

Van még egy hiba, amit kevesen vesznek komolyan. Ez az, amikor a fejlesztő minden interaktív elemet egyformán kattinthatóvá tesz, de nem használ megfelelő gombot vagy linket. Egérrel működik. Billentyűzettel már nem biztos. Tapasztalatom szerint az ilyen megoldások később drágább javítást kérnek, mint ha az alapok eleve rendben lennének.

Minőség és elvárható eredmény

A jó billentyűzet támogatás eredménye nem látványos dísz. Inkább nyugodt működés. A felhasználó végig tud menni az oldalon, látja az aktuális helyét, tud választani, tud visszalépni, és nem akad el egy rejtett elem miatt. Ez a cél. Nem az, hogy a felület bonyolultabb legyen.

Magánügyfélként érdemes konkrét elvárást adni. Például működjön a fő menü billentyűzettel. Legyen látható fókusz minden gombon. Az űrlap legyen kitölthető egér nélkül. A felugró ablak legyen bezárható billentyűvel. Ezek egyszerű mondatok, de a szakember számára jól mérhető feladatok.

Szerintem akkor jó a végeredmény, ha az ügyfél is ki tudja próbálni. Nem kell szakértőnek lennie hozzá. Elég végigmenni a fő oldalakon tabulátorral, enterrel és escape billentyűvel. Ha a folyamat érthető, akkor a munka nagy része jó irányba ment. Ha közben bizonytalanság van, érdemes visszakérdezni, mert a billentyűs kezelést nem szabad csak papíron elfogadni.

A billentyűzetes hozzáférés javítása különösen hasznos akkor, ha az oldal már működik, de a használata nem elég tiszta. Ilyenkor nem feltétlenül kell mindent újratervezni. Sok esetben néhány pontos módosítás is elég. De ez csak akkor derül ki, ha a felületet valaki valódi használat közben nézi meg, nem csak képen.