Grįžti į blogą

Prieinamumas svetainėje: reikalavimai ir praktika

Programuotojas ir įmonės savininkas testuoja svetainės prieinamumą su nešiojamu kompiuteriu, telefonu ir kontroliniu sąrašu

Prieinamumas svetainėje, dar vadinamas svetainės pritaikymu neįgaliesiems, reiškia, kad svetaine gali naudotis kuo daugiau žmonių, taip pat tie, kurie naudoja klaviatūrą, ekrano skaitytuvą, teksto didinimą ar kuriems reikia gero kontrasto. Lietuvos įmonei tai yra ir kokybės, ir konversijos klausimas, o nuo 2026 metų vasaros daliai įmonių tai tampa ir teisiniu reikalavimu.

Daugelis mano, kad prieinamumas, arba svetainės pritaikymas neįgaliesiems, yra kažkas, kuo turi rūpintis tik viešasis sektorius. Tai per siauras požiūris. Jei klientas negali perskaityti teksto, naudotis meniu, užpildyti formos ar suprasti klaidos pranešimo, prarandate ne tik prieinamumą. Prarandate pasitikėjimą.

Wevo kuriu svetaines Lietuvos įmonėms su prieinamumu kaip pamato dalimi. Ne kaip papildymu pačioje pabaigoje, o kaip natūralia dizaino, kodo, turinio ir testavimo dalimi.

Ką reiškia prieinamumas svetainėje?

Svetainių prieinamumas reiškia, kad sprendimas sukurtas taip, kad juo galėtų naudotis skirtingų poreikių turintys žmonės. Tai apima kontrastą, teksto dydį, navigaciją klaviatūra, ekrano skaitytuvus, struktūrą, nuorodų tekstus, formas, klaidų pranešimus, vaizdo įrašus, paveikslėlius ir naudojimąsi mobiliuoju įrenginiu. WCAG (Web Content Accessibility Guidelines) yra tarptautinis standartas, naudojamas kaip techninis pagrindas skaitmeninio prieinamumo reikalavimams, taip pat ir Lietuvoje galiojantiems.

Įsivaizduokite Gabiją, kuri valdo kirpyklą Alytuje. Ji turi gražią svetainę, bet rezervacijos mygtukas turi mažą kontrastą, meniu prastai veikia su klaviatūra, o forma tiesiog rašo „klaida“, kai kažko trūksta. Gabijai svetainė atrodo baigta. Klientei, kuri negali užsirašyti vizitui, svetainė atrodo sugedusi.

Koks įstatymas reglamentuoja prieinamumą Lietuvoje?

Lietuvoje galioja konkretus įstatymas: Lietuvos Respublikos gaminių ir paslaugų prieinamumo reikalavimų įstatymas Nr. XIV-1633, priimtas 2022 m. gruodžio 8 d. Juo į Lietuvos teisę perkeliama ES direktyva 2019/882, plačiau žinoma kaip Europos prieinamumo aktas (European Accessibility Act). Įstatymas nustato pereinamąjį laikotarpį, kuris baigiasi 2026 m. liepos 1 d., o techninis reikalavimas, kurio turi būti laikomasi, yra WCAG 2.1 AA lygis.

Svarbi išimtis: mikroįmonės, tai yra įmonės, turinčios mažiau nei 10 darbuotojų ir kurių metinė apyvarta ar balansas neviršija 2 mln. eurų, nuo šio reikalavimo yra atleidžiamos. Visoms kitoms įmonėms, teikiančioms tam tikras paslaugas skaitmeniniu būdu, prieinamumas nuo pereinamojo laikotarpio pabaigos tampa privalomas, o ne rekomendacinis. Naujausią informaciją visada verta pasitikrinti oficialiuose šaltiniuose, pavyzdžiui W3C WCAG standarte.

PrincipasKą jis reiškiaTipinė svetainės klaida
SuvokiamumasTurinys turi būti matomas arba suvokiamas kitu būdu.Paveikslėliams trūksta alt teksto arba kontrastas per silpnas.
ValdomumasSvetaine turi būti galima naudotis klaviatūra ir kitomis pagalbinėmis priemonėmis.Meniu ir forma reikalauja pelės.
SuprantamumasTekstas, formos ir klaidos turi būti aiškūs.Klaidos pranešimas tik sako „kažkas negerai“.
PatvarumasKodas turi tinkamai veikti su naršyklėmis ir pagalbinėmis priemonėmis.Netvarkingas HTML apsunkina ekrano skaitytuvo naudojimą.
WCAG 2.1 AA principai yra praktiniai kokybės reikalavimai, o ne vien teisiniai punktai.
Rankos testuoja navigaciją klaviatūra svetainėje su WCAG kontroliniu sąrašu ir mobiliojo peržiūra
Klaviatūros testas greitai atskleidžia, ar svetaine iš tikrųjų galima naudotis be pelės.

Kokios dažniausios klaidos įmonių svetainėse?

Dažniausios klaidos retai būna sudėtingos. Tai maži, pasikartojantys sprendimai: per silpnas kontrastas, mygtukai be aiškaus teksto, paveikslėliai be alt teksto, formos be etikečių (labels), neteisinga antraščių tvarka ir pašalintas fokuso žymėjimas, nes kažkam jis atrodė negražus. Rezultatas: puslapis, kuris atrodo gražiai, bet sunkiai naudojamas.

  1. Patikrinkite, ar tekstas ir mygtukai turi gerą kontrastą su fonu.
  2. Naršykite visą puslapį klaviatūra, nenaudodami pelės.
  3. Pažiūrėkite, ar fokuso žymėjimas matomas, kai einate per puslapį klavišu Tab.
  4. Patikrinkite, ar visos formos turi etiketes ir aiškius klaidų pranešimus.
  5. Naudokite teisingą H1, H2 ir H3 tvarką.
  6. Rašykite alt tekstą, aprašantį prasmingus paveikslėlius.
  7. Testuokite puslapį mobiliajame įrenginyje su padidintu tekstu.

Odontologas Marijampolėje gali prarasti pacientų, jei forma sunkiai naudojama. Statybininkas Utenoje gali prarasti užklausų, jei projektų nuotraukos nepakankamai paaiškintos. Restoranas gali prarasti staliuko rezervacijų, jei meniu yra tik paveikslėlio pavidalu, be teksto. Tai ne teorija. Tai kontaktų taškai, kurie arba veikia, arba ne.

Tas pats galioja kalbai. Mygtukas, kuris sako „siųsti“, yra tinkamas, bet mygtukas, kuris sako „siųsti užklausą“, yra geresnis. Klaidos pranešimas, kuris sako „klaida“, yra prastas, bet pranešimas, kuris sako „įveskite telefono numerį“, yra naudingas. Prieinamumas dažnai reiškia spėliojimo pašalinimą.

Kaip turėtų būti rašomas turinys prieinamai svetainei?

Geras prieinamumas glūdi ir tekste. Trumpi sakiniai, konkrečios antraštės ir aiškios nuorodos padaro svetainę lengviau naudojamą. Nerašykite „spauskite čia“. Parašykite, ką nuoroda daro. Neslėpkite svarbios informacijos ilgose pastraipose. Naudokite paantraštes, iš kurių matyti, į kokį klausimą bus atsakyta.

  • Rašykite nuorodų tekstą, kuris suprantamas be konteksto.
  • Naudokite vieną pagrindinę mintį vienoje pastraipoje.
  • Venkite žargono, kai klientui jo nereikia.
  • Paaiškinkite formą ir pasirinkimus, prieš klientui pradedant pildyti.
  • Svarbiems veiksmams naudokite konkretų tekstą.

Kaip prieinamumas veikia konversiją?

Prieinamumas ir konversija dažnai eina ta pačia kryptimi. Aiškus mygtukas padeda ir ekrano skaitytuvo vartotojui, ir skubančiam mobiliojo klientui. Geras kontrastas padeda ir silpnaregiams, ir žmonėms, stovintiems lauke saulėje. Aiškūs klaidų pranešimai padeda ir žmonėms su pažinimo iššūkiais, ir visiems, kurie greitai pildo formas.

  • Aiškūs mygtukai palengvina kitą žingsnį.
  • Teisinga struktūra padaro svetainę lengviau suprantamą žmonėms ir paieškos sistemoms.
  • Geros formos sumažina nutrauktų užklausų skaičių.
  • Alt tekstas padeda ir prieinamumui, ir turinio supratimui.
  • Patogumas mobiliajame gerėja, kai sąveikoms suteikiama pakankamai vietos.
Dizaineris tikrina kontrastą, paspaudimo zonas ir alt tekstą svetainės prieinamumui
Kontrastas, paspaudimo zonos ir teksto struktūra veikia ir prieinamumą, ir pardavimus.

Kaip wevo integruoja prieinamumą į svetaines?

Pradedu nuo struktūros. Puslapis turi turėti tvarkingas antraštes, tikrus mygtukus, teisingas nuorodas ir formas, kurias naršyklė gali suprasti. Tada ateina dizainas: kontrastas, erdvė, įskaitomas tekstas, aiškios hover ir focus būsenos. Galiausiai svetainė praktiškai testuojama klaviatūra, mobiliajame įrenginyje ir automatiniais įrankiais.

Tai glaudžiai susiję su responsyvia svetaine, svetainės greičio optimizavimu ir svetainės priežiūra. Prieinama svetainė taip pat turi būti greita, stabili ir prižiūrima. Jei vėliau įtraukiami nauji blokai be tos pačios kokybės, prieinamumas gali suprastėti.

Ką reikėtų patikrinti prieš paleidžiant svetainę?

Prieš paleidimą prieinamumą reikėtų tikrinti kaip kokybės užtikrinimo dalį, o ne kaip paskutinės minutės skubotą patikrą. Svarbiausia, testuoti realius vartotojų srautus: atidaryti meniu, perskaityti paslaugos puslapį, užpildyti formą, išsiųsti užklausą ir rasti kontaktinę informaciją. Jei šie srautai veikia gerai, svetainė turi geresnį pamatą.

  1. Testuokite pagrindinį meniu, CTA ir formą klaviatūra.
  2. Patikrinkite teksto, mygtukų ir nuorodų kontrastą.
  3. Skaitykite puslapį pagal antraščių struktūrą, ne tik vizualiai.
  4. Patikrinkite alt tekstą ant prasmę nešančių paveikslėlių.
  5. Pasitikrinkite, ar klaidų pranešimai paaiškina, ką klientas turi ištaisyti.
  6. Testuokite padidintą tekstą ir įprastą mobiliojo įrenginio ekraną.

Jei norite tai teisingai sukurti nuo pat pradžių, prieinamumas turėtų būti svetainių įmonėms reikalavimų dalis. Tai duoda svetainę, kuri geriau atlaiko ir klientus, ir teisinius reikalavimus, ir tolesnį augimą.

Man tai amatas. Svetainė turi ne tik sužavėti iš pirmo žvilgsnio. Ji turi veikti, kai klientas turi mažai laiko, prastą apšvietimą, silpną motoriką, silpną ekraną ar naudoja pagalbines priemones. Tada svetainė tampa patvaresnė visiems.

Teisingai sukurtą svetainę taip pat lengviau prižiūrėti. Kai struktūra, kontrastas ir formos sutvarkyti nuo pat pradžių, jums nereikia taisyti tų pačių klaidų kiekvieną kartą, kai svetainė auga.

Kas yra svetainės prieinamumas?

Svetainės prieinamumas, arba svetainės pritaikymas neįgaliesiems, reiškia, kad svetaine gali naudotis kuo daugiau žmonių, taip pat naudojantys klaviatūrą, ekrano skaitytuvą, padidintą tekstą ar kitas pagalbines priemones.

Ar prieinamumas yra teisinis reikalavimas Lietuvoje?

Taip. Lietuvos Respublikos gaminių ir paslaugų prieinamumo reikalavimų įstatymas Nr. XIV-1633, priimtas 2022 m. gruodžio 8 d., įgyvendina ES direktyvą 2019/882 (Europos prieinamumo aktą) ir reikalauja WCAG 2.1 AA lygio. Pereinamasis laikotarpis baigiasi 2026 m. liepos 1 d. Mikroįmonės, turinčios mažiau nei 10 darbuotojų ir apyvartą iki 2 mln. eurų, yra atleidžiamos.

Kas yra WCAG?

WCAG yra tarptautinis prieinamo interneto turinio standartas. Jis naudojamas kaip techninis pagrindas Lietuvoje galiojančiam prieinamumo reikalavimui, kurio lygis yra WCAG 2.1 AA.

Kaip greitai patikrinti svetainės prieinamumą?

Pradėkite nuo klaviatūros testo, kontrasto, antraščių struktūros, formų, alt teksto ir mobiliojo įrenginio su padidintu tekstu. Tada galima naudoti automatinius įrankius kaip papildomą pagalbą.

Norite pagalbos su tuo? Pažiūrėkite šią paslaugą.

Nesate tikri, kaip sekasi jūsų svetainei?

Atlikite nemokamą analizę ir gaukite sąžiningą vaizdą apie greitį, struktūrą ir dalykus, kurie gali atbaidyti jūsų klientus.

Svetainės greičio analizė

Skaityti toliau

Žiūrėti paslaugą: Svetainės