Prieinamumo svarba interneto erdvėje
Internetas jau seniai tapo neatsiejama mūsų kasdienybės dalimi. Jame mokomės, dirbame, bendraujame ir perkame. Tačiau ar susimąstome, kad ne visi gali lygiaverčiai naudotis šiomis galimybėmis? Lietuvoje gyvena apie 240 tūkstančių žmonių, turinčių negalią, ir daugeliui jų naršymas internete kelia nemažai iššūkių.
2018 metais priimta ES Direktyva 2016/2102 dėl viešojo sektoriaus institucijų interneto svetainių ir mobiliųjų programų prieinamumo įpareigojo visas ES šalis, įskaitant Lietuvą, užtikrinti, kad valstybinių įstaigų svetainės būtų prieinamos visiems. Nors privačiam sektoriui šie reikalavimai nėra privalomi, vis daugiau įmonių supranta, kad prieinamumas – ne tik socialinė atsakomybė, bet ir verslo galimybė.
Kurti prieinamą svetainę nėra sudėtinga, jei žinai pagrindinius principus ir Lietuvoje galiojančius standartus. Šiame straipsnyje aptarsime, kaip sukurti interneto svetainę, kuri būtų patogi naudoti visiems, nepriklausomai nuo jų gebėjimų ar negalios pobūdžio.
Lietuvos teisinė bazė ir standartai
Lietuvoje interneto svetainių prieinamumas reglamentuojamas keliais teisės aktais. Pagrindinis jų – Lietuvos Respublikos informacinės visuomenės paslaugų įstatymas, kuris buvo papildytas nuostatomis, perkėlusiomis minėtą ES direktyvą.
Pagrindiniai standartai, kuriais vadovaujamasi kuriant prieinamas svetaines Lietuvoje:
- WCAG 2.1 (Web Content Accessibility Guidelines) – tarptautinis standartas, kurio AA lygis yra minimalus reikalavimas viešojo sektoriaus svetainėms Lietuvoje;
- LST EN 301 549 V2.1.2 – Europos standartas, kuris apima IKT produktų ir paslaugų prieinamumo reikalavimus;
- Bendrųjų reikalavimų valstybės ir savivaldybių institucijų ir įstaigų interneto svetainėms ir mobiliosioms programoms aprašas – Lietuvos Respublikos Vyriausybės patvirtintas dokumentas.
Įdomu tai, kad Lietuvoje veikia Informacinės visuomenės plėtros komitetas, kuris prižiūri, kaip laikomasi šių reikalavimų. Jie reguliariai atlieka viešojo sektoriaus svetainių prieinamumo patikrinimus ir skelbia rezultatus. 2022 metų duomenimis, tik apie 60% valstybinių įstaigų svetainių atitiko minimalius prieinamumo reikalavimus – tai rodo, kad dar turime kur tobulėti.
Pagrindiniai prieinamumo principai
Prieinama svetainė remiasi keturiais pagrindiniais principais, kurie sudaro WCAG standarto pagrindą:
1. Suvokiamumas
Informacija ir naudotojo sąsajos elementai turi būti pateikiami taip, kad vartotojai galėtų juos suvokti. Praktiškai tai reiškia:
- Visiems netekstiniams elementams (paveiksliukams, diagramoms) turi būti pateikiami alternatyvūs tekstiniai aprašymai;
- Vaizdo ir garso medžiaga turi turėti subtitrus ir tekstinius aprašymus;
- Svetainės turinys turi būti pritaikytas skaitymui įvairiais būdais, įskaitant ekrano skaitytuvu;
- Spalvos neturi būti vienintelis būdas perteikti informaciją – turi būti naudojami ir kiti vizualiniai indikatoriai.
Pavyzdžiui, Lietuvos banko svetainėje pateikiamos diagramos turi ne tik spalvinį kodavimą, bet ir skirtingus raštus, o svarbiausia informacija dubliuojama tekstu po diagrama.
2. Valdymas
Vartotojo sąsajos elementai ir navigacija turi būti valdomi įvairiais būdais:
- Visa funkcionalumą galima pasiekti naudojant tik klaviatūrą;
- Vartotojams suteikiama pakankamai laiko perskaityti ir naudoti turinį;
- Nėra turinio, kuris gali sukelti priepuolius (pvz., greitai mirksintys elementai);
- Navigacija yra nuosekli ir intuityvi.
Puikus pavyzdys – Sodros svetainė, kuri turi aiškią navigacijos struktūrą ir veikia naudojant tik klaviatūrą.
3. Suprantamumas
Informacija ir vartotojo sąsajos veikimas turi būti suprantami:
- Tekstas turi būti įskaitomas ir suprantamas;
- Tinklalapio veikimas turi būti nuspėjamas;
- Vartotojams padedama išvengti ir ištaisyti klaidas.
Valstybinė mokesčių inspekcija savo e. paslaugų sistemoje naudoja aiškius klaidų pranešimus ir pasiūlo, kaip ištaisyti klaidas – tai geras suprantamumo principo taikymo pavyzdys.
4. Patikimumas
Turinys turi būti pakankamai patikimas, kad jį galėtų interpretuoti įvairios vartotojų programos, įskaitant pagalbines technologijas:
- HTML kodas turi būti validus ir be klaidų;
- Visi interaktyvūs elementai turi aiškiai apibrėžtą paskirtį;
- Svetainė turi būti suderinama su įvairiomis naršyklėmis ir pagalbinėmis technologijomis.
Praktiniai patarimai kuriant prieinamą svetainę
Teorija yra svarbi, tačiau dar svarbiau žinoti, kaip šiuos principus pritaikyti praktikoje. Štai keletas konkrečių patarimų:
Semantinis HTML
Naudokite semantinius HTML elementus, kurie padeda ekrano skaitytuvams ir kitoms pagalbinėms technologijoms suprasti svetainės struktūrą:
<!-- Blogai --> <div class="header">Mano antraštė</div> <!-- Gerai --> <h1>Mano antraštė</h1>
Lietuvoje populiari klaida – naudoti <div> elementus su klasėmis vietoj semantinių elementų kaip <nav>, <header>, <footer>, <main>. Semantinis HTML ne tik pagerina prieinamumą, bet ir padeda paieškos sistemoms geriau suprasti jūsų turinį.
Alternatyvūs tekstai paveikslėliams
Kiekvienas informatyvus paveikslėlis turi turėti alt atributą, kuris aprašo, ką vaizduoja paveikslėlis:
<img src="vilnius-panorama.jpg" alt="Vilniaus miesto panorama su Gedimino pilimi ir Neries upe">
Jei paveikslėlis yra tik dekoratyvinis, naudokite tuščią alt atributą:
<img src="dekoratyvine-linija.jpg" alt="">
Lietuviškose svetainėse dažnai matome arba visai nenaudojamus alt atributus, arba labai trumpus, neaprašančius paveikslėlio turinio (pvz., „nuotrauka1”). Tai didelė klaida, nes ekrano skaitytuvo naudotojai negauna reikalingos informacijos.
Spalvų kontrastas
Lietuvos standartai, remiantis WCAG 2.1 AA lygiu, reikalauja, kad teksto ir fono spalvų kontrastas būtų bent 4.5:1 (mažam tekstui) ir 3:1 (dideliam tekstui).
Kontrastą galite patikrinti naudodami įrankius kaip WebAIM Contrast Checker. Pastebėjau, kad daugelis lietuviškų svetainių naudoja šviesiai pilką tekstą ant balto fono, kas sukelia kontrasto problemas.
Geras pavyzdys – Lietuvos nacionalinės Martyno Mažvydo bibliotekos svetainė, kuri naudoja aiškų juodą tekstą ant balto fono, užtikrinant puikų kontrastą.
Formų prieinamumas
Formos yra vienas iš svarbiausių interaktyvių elementų svetainėje, todėl ypač svarbu užtikrinti jų prieinamumą:
- Kiekvienas įvesties laukas turi turėti susietą <label> elementą;
- Klaidų pranešimai turi būti aiškūs ir pateikti ne tik spalvos pagalba;
- Privalomi laukai turi būti aiškiai pažymėti.
<!-- Gerai --> <div> <label for="vardas">Vardas (privalomas)</label> <input type="text" id="vardas" name="vardas" required aria-required="true"> </div>
Lietuvoje dažnai matome formas be susietų etikečių arba su placeholder tekstu vietoj etikečių, kas sukelia prieinamumo problemas.
Testavimas ir įvertinimas
Sukūrus svetainę, būtina patikrinti jos prieinamumą. Lietuvoje galima naudotis keliais būdais:
Automatiniai įrankiai
Naudokite automatinio testavimo įrankius, kurie gali aptikti daugumą prieinamumo problemų:
- WAVE (Web Accessibility Evaluation Tool)
- Lighthouse (integruotas į Chrome naršyklės DevTools)
- Axe (Deque Systems)
Tačiau atminkite, kad automatiniai įrankiai gali aptikti tik apie 30% visų prieinamumo problemų, todėl jie neturėtų būti vienintelis testavimo metodas.
Rankinis testavimas
Rankinis testavimas yra būtinas norint užtikrinti visapusišką prieinamumą:
- Patikrinkite svetainę naudodami tik klaviatūrą;
- Išbandykite svetainę su ekrano skaitytuvu (pvz., NVDA, kuris yra nemokamas);
- Patikrinkite, ar svetainė veikia padidinus tekstą 200%;
- Išbandykite svetainę skirtingais įrenginiais ir naršyklėmis.
Lietuvoje veikia kelios organizacijos, kurios gali padėti testuoti svetainės prieinamumą su realiais naudotojais, turinčiais negalią, pavyzdžiui, Lietuvos aklųjų ir silpnaregių sąjunga.
Prieinamumo deklaracija
Pagal Lietuvos teisės aktus, viešojo sektoriaus svetainės privalo paskelbti prieinamumo deklaraciją, kurioje nurodoma, kaip svetainė atitinka prieinamumo reikalavimus. Deklaracijoje turi būti pateikta:
- Atitikties lygis (A, AA ar AAA pagal WCAG);
- Neatitikimų aprašymas ir jų sprendimo būdai;
- Alternatyvūs būdai pasiekti neprieinamą turinį;
- Kontaktinė informacija atsiliepimams apie prieinamumą.
Nors privačiam sektoriui tai nėra privaloma, tokios deklaracijos paskelbimas rodo įmonės įsipareigojimą prieinamumui ir gali padėti išvengti galimų teisinių problemų ateityje.
Prieinamumo horizontai: kodėl verta investuoti
Prieinamumas nėra tik techninis reikalavimas ar teisinė prievolė – tai investicija į platesnę auditoriją ir geresnius produktus. Lietuvoje, kur skaitmeninė atskirtis vis dar yra problema, prieinamos svetainės gali reikšmingai prisidėti prie įtraukios visuomenės kūrimo.
Statistika rodo, kad svetainės, kurios investuoja į prieinamumą, pasiekia 15-20% didesnę auditoriją. Be to, prieinamumo principai dažnai sutampa su gerąja vartotojų patirties praktika – tai, kas padeda žmonėms su negalia, dažniausiai pagerina naudojimąsi svetaine visiems.
Prisiminkime, kad prieinamumas yra kelionė, ne tikslas. Net ir nedideli pakeitimai gali turėti didelį poveikį. Pradėkite nuo pagrindinių elementų – semantinio HTML, alternatyvių tekstų paveikslėliams, gero kontrasto – ir palaipsniui tobulinkite savo svetainę.
Galiausiai, kuriant prieinamas svetaines, kuriame ne tik geresnį internetą, bet ir geresnę, įtraukesnę Lietuvą, kurioje kiekvienas gali visavertiškai dalyvauti skaitmeniniame pasaulyje. O tai jau yra tikslas, vertas mūsų visų pastangų.