Efektyvus naršymas yra būtinas funkcionaliai svetainei, tačiau ne visi internetu naudojasi vienodai. Nors dauguma lankytojų naršo mobiliuosiuose įrenginiuose arba spaudinėja pele, daugelis žmonių naudoja tik klaviatūrą. Iki 10 milijonų suaugusių amerikiečių kenčia nuo riešo kanalo sindromo, kuris gali sukelti skausmą laikant pelę, o regėjimo problemos gali apsunkinti žymeklio sekimą. Todėl, siekdami visuotinio patrauklumo ir prieinamumo, turėtumėte užtikrinti, kad jūsų svetainė būtų valdoma klaviatūra.
Kas yra naršymas klaviatūra?
Naršymas klaviatūra leidžia vartotojams sąveikauti su jūsų svetaine naudojant tik klaviatūros įvestį. Tai apima sparčiųjų klavišų naudojimą ir elementų pasirinkimą Tab ir Enter klavišais.
Operacinėse sistemose ir specifinėse programėlėse, kurias gali naudoti jūsų auditorija, yra daugiau nei 500 klaviatūros sparčiųjų klavišų. Standartiniai naršymui internete apima Ctrl + F, norint rasti žodžius ar išteklius, Shift + rodyklės klavišą, norint pasirinkti tekstą, ir Ctrl + Tab, norint pereiti tarp naršyklės skirtukų. Nors už tai didžiąja dalimi atsakingos programinės įrangos įmonės, sukūrusios konkrečią naršyklę ar OS, vis tiek turėtumėte į tai atsižvelgti.
Naršymas vienu mygtuku yra dar viena svarbi klaviatūros valdymo dalis. Vartotojai gali judėti tarp paspaudžiamų elementų naudodami Tab ir Shift klavišus, slinkti rodyklių klavišais, paspausti Enter arba tarpo klavišą, kad „paspaustų“ nuorodą, ir uždaryti iššokančiuosius langus su Esc.
„The Washington Post“ pagrindinis puslapis eina dar toliau. Paspaudus Tab, paspaudžiami elementai paryškinami, kaip ir turėtų būti, tačiau pirmasis mygtuko paspaudimas pirmiausia iškelia nuorodą į svetainės prieinamumo pareiškimą. Vartotojai gali praleisti šį punktą, tačiau jo įtraukimas pabrėžia, kaip dizainas supranta, jog valdymas klaviatūra yra prieinamumo klausimas.
Turėtumėte suprasti, kaip žmonės gali naudoti šiuos valdiklius, kad galėtumėte sukurti svetainę, kuri jiems padėtų. Šios naršymo parinktys paprastai yra standartinės, todėl bet koks nukrypimas ar funkcionalumo trūkumas išsiskirs. Užtikrindami valdymą klaviatūra, ypač leisdami naudoti šiuos konkrečius sparčiuosius klavišus ir valdiklius, padėsite pateisinti tokius lūkesčius ir išvengsite vartotojų atbaidymo.
Kodėl naršymas klaviatūra svarbus interneto dizaine?
Valdymas klaviatūra yra labai svarbus dėl kelių priežasčių. Svarbiausia, kad tai padaro jūsų svetainę prieinamesnę. Vien JAV daugiau nei vienas iš keturių žmonių turi negalią, ir daugelis tokių būklių paveikia technologijų naudojimą. Pavyzdžiui, motorikos sutrikimai apsunkina standartinės pelės naudojimą, o vartotojams su regėjimo problemomis paprastai reikia naudoti klaviatūrą ir ekrano skaitytuvą.
Be to, kad atsižvelgiama į įvairius naudojimo poreikius, platesnio valdymo metodų spektro įgalinimas daro svetainę patogesnę. Naudoti klaviatūrą vietoj pelės yra greičiau, kai ji veikia taip, kaip turėtų, ir gali būti patogiau. Atsižvelgiant į tai, kad darbuotojai praleidžia beveik trečdalį savo darbo savaitės ieškodami informacijos, bet kokios kliūtys efektyvumui gali labai trikdyti.
Šių sričių nepaisymas gali sukelti teisinių komplikacijų. Tokie teisės aktai kaip Neįgaliųjų amerikiečių aktas (ADA) reikalauja technologijų prieinamumo. Nors ADA neturi privalomų taisyklių, apibrėžiančių, kas yra prieinama svetainė, savo neprivalomose gairėse ji konkrečiai mini naršymą klaviatūra. Nesugebėjimas palaikyti tokio funkcionalumo nebūtinai reiškia, kad sulauksite teisinių nuobaudų, tačiau teismai gali naudoti šiuos standartus, priimdami sprendimą, ar jūsų svetainė yra pagrįstai prieinama.
2023 m. „Kitchenaid“ susidūrė su grupės ieškiniu dėl to, kad neatitiko tokių standartų. Ieškovai teigė, kad įmonės svetainė nepalaikė alternatyvaus teksto (alt text) ar naršymo klaviatūra, todėl ji buvo neprieinama vartotojams su regos sutrikimais. Nors byla galiausiai buvo išspręsta ne teismo tvarka, tai primena apie galimas teisines ir finansines pasekmes, kylančias dėl įtraukties nepaisymo.
Be teisinių aspektų, neprieinama svetainė kelia etinių problemų, nes rodo palankesnį požiūrį į tuos, kurie gali naudotis pele, net jei tai daroma netyčia. Net ir be teisinių veiksmų, viešas šio šališkumo pripažinimas gali lemti lankytojų skaičiaus sumažėjimą ir suterštą viešąjį įvaizdį.
Klaviatūra valdomos svetainės elementai
Laimei, valdymo klaviatūra užtikrinimas yra nesudėtinga vartotojo patirties (UX) dizaino praktika. Kadangi naršymas yra standartizuotas visose OS ir naršyklėse, klaviatūra pasiekiamose svetainėse naudojami keli nuoseklūs elementai.
Fokuso indikatoriai
„Web Accessibility In Mind“ teigia, kad svetainės turi pateikti vizualų indikatorių), rodantį, kurie elementai yra fokuse, kai vartotojai paspaudžia Tab. Fokuso indikatoriai paprastai yra paprastas rėmelis aplink paryškintą piktogramą.
Jie yra standartiniai CSS, tačiau kai kurie dizaineriai juos slepia, todėl venkite naudoti outline:0 ar outline:none, kad apribotumėte jų matomumą. Taip pat galite padidinti kontrastą arba pakeisti indikatoriaus spalvą CSS.
„CNN Breaking News“ pagrindinis puslapis yra geras stipraus fokuso indikatoriaus pavyzdys. Paspaudus Tab, iškart pasirodo rėmelis, kuris yra pakankamai ryškus, kad būtų lengvai matomas, ir netgi naudoja baltą apvadą, kai reikia išsiskirti iš juodų ar tamsių svetainės elementų.
Logiška Tab klavišo seka
Tvarka, kuria fokuso indikatorius juda tarp elementų, taip pat yra svarbi. Paprastai tariant, paspaudus Tab klavišą, jis turėtų judėti iš kairės į dešinę ir iš viršaus į apačią – taip pat, kaip žmonės skaito anglų kalba.
Kelios klaidos gali tam sutrukdyti. Išjungti mygtukai sutrikdo naršymo klaviatūra srautą, praleisdami elementą be paaiškinimo arba paryškindami jį, bet nepadarydami jo paspaudžiamu. Panašiai, sąsaja, kurioje piktogramos nėra išdėstytos nuspėjama iš kairės į dešinę, iš viršaus į apačią tvarka, apsunkins logišką Tab judėjimą.
Svetainė Sutton Maddock Vehicle Rental yra geras pavyzdys, ko nereikėtų daryti. Paspaudus Tab, fokuso indikatorius šokinėja iš „Contact“ į „Facebook“ nuorodą, prieš grįždamas atgal prie „Twitter“ nuorodos. Jis prasideda dešinėje ir juda į kairę, kai pereina į kitą eilutę – priešinga tvarka nei jaustųsi natūralu.
Turinio praleidimo nuorodos
Praleidimo nuorodos (angl. skip links) taip pat yra būtinos. Šie interaktyvūs elementai leidžia klaviatūros vartotojams pereiti prie konkretaus turinio be pasikartojančių klavišų paspaudimų. Atminkite, kad šios praleidimo nuorodos turi būti vienos iš pirmųjų sričių, paryškinamų paspaudus Tab, kad jos veiktų, kaip numatyta.
HSBC grupės pagrindiniame puslapyje yra kelios praleidimo nuorodos. Paspaudus Tab, pasirodo trys parinktys, leidžiančios vartotojams greitai pereiti prie bet kurios juos dominančios svetainės dalies.
Klaviatūra pasiekiami interaktyvūs elementai
Galiausiai, visi interaktyvūs elementai klaviatūra valdomoje svetainėje turėtų būti pasiekiami klavišų paspaudimais. Viskas, ką žmonės gali paspausti ar vilkti žymekliu, taip pat turėtų palaikyti naršymą ir sąveiką. Tai įgalinti yra paprasta, kaip leisti vartotojams pasirinkti visus elementus Tab arba rodyklių klavišais ir juos paspausti tarpo klavišu arba Enter.
Tinkamai, šis Arizonos valstijos universiteto puslapis apie prieinamumą klaviatūra puikiai demonstruoja šią koncepciją. Visi išskleidžiamieji meniu gali būti atidaryti, nuėjus iki jų per Tab ir paspaudus Enter, todėl vartotojams nereikia pelės, kad su jais sąveikautų.
Kaip patikrinti, ar svetainė valdoma klaviatūra?
Sukūrę klaviatūra pasiekiamą UX, turėtumėte jį išbandyti, kad įsitikintumėte, jog jis veikia tinkamai. Lengviausias būdas tai padaryti – naršyti svetainę naudojant tik klaviatūrą. Žemiau esančioje lentelėje pateikiami kriterijai, į kuriuos reikia atsižvelgti nustatant, ar jūsų svetainė yra teisėtai valdoma klaviatūra.
Interneto turinio prieinamumo gairės (WCAG) nurodo dvi testavimo taisykles, skirtas patikrinti valdymą klaviatūra:
- Pirmoji užtikrina, kad visi interaktyvūs elementai būtų pasiekiami Tab klavišu.
- Antroji tikrina klaviatūros slinkimo funkcionalumą.
Prieš paleisdami svetainę, taikykite abu standartus savo UX peržiūrai.
Tipiškos problemos apima negalėjimą paryškinti elementų Tab klavišu arba elementus, kurie nėra išdėstyti natūralia tvarka. Abi problemas galite atrasti bandydami pasiekti viską klaviatūra. Tačiau galite norėti atlikti valdomumo auditą per trečiąją šalį. Daugelis privačių įmonių siūlo šias paslaugas, tačiau taip pat galite naudoti Interneto prieinamumo biurą (angl. Bureau of Internet Accessibility) pagrindiniam WCAG auditui atlikti.
Padarykite savo svetainę valdomą klaviatūra jau šiandien
Valdymas klaviatūra užtikrina, kad atsižvelgiate į visus poreikius ir pageidavimus, kurdami įtraukų ir prieinamą svetainės dizainą. Nors tai įgyvendinti nesudėtinga, tai taip pat lengva praleisti, todėl prisiminkite šiuos principus kurdami savo UX ir testuodami svetainę.
WCAG pateikia kelias technikas, kurias galite taikyti, kad atitiktumėte klaviatūros prieinamumo standartus ir pagerintumėte vartotojų patirtį:
- Technika G90, skirta klaviatūra suaktyvinamų įvykių tvarkytuvėms
- Technika G202, skirta bendram klaviatūros funkcionalumui
- Technika H91, skirta formų valdikliams ir nuorodoms HTML
Laikykitės šių gairių ir naudokite WCAG testavimo taisykles, kad sukurtumėte prieinamą svetainę. Nepamirškite jos iš naujo patikrinti kiekvieną kartą, kai pridedate elementų ar keičiate savo UX.
Be to, apsvarstykite šiuos rekomenduojamus skaitymo šaltinius, kad sužinotumėte daugiau apie klaviatūras ir jų vaidmenį prieinamume:
- „Klaviatūros prieinamumo vadovas: HTML ir CSS (1 dalis)“, Cristian Díaz
- „Klaviatūros prieinamumo vadovas: JavaScript (2 dalis)“, Cristian Díaz
- „Išsamus mechaninių klaviatūrų vadovas“, Ben Frain
- „UX patobulinimai klaviatūros prieinamumui“, Vitaly Friedman
- „Vieną dieną naršiau internete naudodamas tik klaviatūrą“, Chris Ashton
Patogumas vartotojui yra geriausia pramonės praktika, kuri parodo jūsų įsipareigojimą įtraukčiai visiems. Net ir vartotojai be negalios įvertins intuityvų ir efektyvų naršymą klaviatūra.
