Vietnes piekļūstamības kontrolsaraksts maziem uzņēmumiem

Iedomājieties klientu, kurš lieto ekrāna lasītāju. Viņš atrod vajadzīgos sporta apavus, izvēlas izmēru un nospiež pogu, kuru uzskata par groza pogu. Ekrāna lasītājs saka “poga”. Un neko vairāk. Lapā ir trīs šādas pogas, un nevienai nav nosaukuma, tāpēc viņš aiziet, bet jūs nekad neuzzināt, kāpēc.

Lielākā daļa piekļūstamības problēmu mazo uzņēmumu vietnēs ir tieši tādas: īpašniekam neredzamas, klientam strupceļš. Šis kontrolsaraksts ir domāts tiem, kuri uztur Shopify, WooCommerce, Wix vai Squarespace vietni bez sava izstrādātāja.

Vai mana mazā uzņēmuma vietnei jābūt piekļūstamai?

Ja pārdodat ES patērētājiem, visticamāk, jā. Eiropas Piekļūstamības akts (atveras jaunā cilnē) attiecas uz e-komercijas pakalpojumiem kopš 2025. gada 28. jūnija. Galvenais atbrīvojums ir paredzēts mikrouzņēmumiem, kas sniedz pakalpojumus: uzņēmumiem, kuros strādā mazāk nekā 10 cilvēku un kuru gada apgrozījums vai bilances kopsumma nepārsniedz 2 miljonus eiro.

E-komercija šeit nozīmē pārdošanu attālināti, izmantojot tīmekļa vietni vai lietotni, “pēc klienta individuāla pieprasījuma, ar mērķi noslēgt patērētāju līgumu” (3. panta 30. punkts). E-veikals vai rezervēšanas sistēma tam atbilst. Atbrīvojums attiecas tikai uz pakalpojumiem: pārdodot attiecīgos produktus, piemēram, e-lasītājus, joprojām jāievēro produktu noteikumi (4. panta 5. punkts). Nepalīdz arī atrašanās ārpus ES, jo Apvienotās Karalistes veikals, kas pārdod klientiem Francijā, attiecībā uz viņiem ietilpst darbības jomā (3. panta 4. punkts). Mūsu pamācībā par Eiropas Piekļūstamības aktu aplūkoti valstu likumi un sodi.

Apvienotās Karalistes Equality Act 2010 (atveras jaunā cilnē) prasa saprātīgus pielāgojumus cilvēkiem ar invaliditāti, bet nenosaka tehnisku standartu tīmekļa vietnēm. ASV Tieslietu departamenta 2022. gada marta vadlīnijās (atveras jaunā cilnē) teikts, ka sabiedrībai atvērtiem uzņēmumiem jāpadara piekļūstams tas, ko tie piedāvā tiešsaistē, un ka tādi standarti kā WCAG “sniedz noderīgus norādījumus”. Lai ko teiktu likums, klients, kurš nevar pabeigt norēķinus, nepērk.

Kādas ir biežākās piekļūstamības problēmas tīmekļa vietnēs?

Dominē sešas kļūdas. WebAIM Million 2026 (atveras jaunā cilnē) pētījumā – 2026. gada februārī veiktā miljona populārāko sākumlapu automātiskā skenēšanā – WCAG kļūdas tika konstatētas 95,9 % lapu, vidēji 56,1 kļūda lapā. Visbiežākā problēma bija zema kontrasta teksts, kas atrasts 83,9 % sākumlapu.

Šo pārbaužu pamatā ir WCAG jeb Tīmekļa satura piekļūstamības vadlīnijas; lielākā daļa likumu atsaucas uz to AA līmeni, un mūsu pamācībā par WCAG 2.2 izskaidrota jaunākā versija. Vairākas tālāk minētās pārbaudes neviens skeneris nevar novērtēt.

Vai visi var izlasīt jūsu tekstu un saprast attēlus?

Sāciet ar šo, jo šie labojumi ir lēti un lielākoties tos varat veikt paši vietnes redaktorā. Tekstam vajag pietiekamu kontrastu, attēliem, kas nes informāciju, vajag alternatīvo tekstu, un nekam nevajadzētu balstīties tikai uz krāsu. Saskaņā ar Colour Blind Awareness (atveras jaunā cilnē) datiem krāsu redzes traucējumi ir aptuveni katram 12. vīrietim un katrai 200. sievietei.

• Kontrasts. Parastam tekstam pret fonu vajag kontrasta attiecību vismaz 4,5:1 (atveras jaunā cilnē), lielam tekstam vismaz 3:1. Pārbaudiet savas krāsas bezmaksas rīkā, arī tekstu uz baneru fotoattēliem. Mūsu krāsu kontrasta pamācībā parādīti labojumi, kas saglabā jūsu zīmolu.
• Produktu alternatīvais teksts. Aprakstiet to, kas pircējam jāzina: “Tumši zils vilnas džemperis ar rievotu augstu apkakli, skats no priekšpuses” ir labāk nekā “produkta attēls 1”. Sāciet ar desmit visvairāk pārdotajiem produktiem.
• Dekoratīvi attēli. Fona rotājumam jābūt ar tukšu alternatīvo tekstu, lai ekrāna lasītājs to izlaistu. Dažas platformas tukšu alt lauku aizpilda ar faila nosaukumu, tāpēc pārbaudiet, kā rīkojas jūsējā.
• Tikai krāsa. “Nav noliktavā”, kas parādīts tikai kā pelēcīgs krāsas paraugs, vai obligāts lauks, kas atzīmēts tikai ar sarkanu, nesasniegs visus. Apskatiet lapu ar tālruņa pelēktoņu filtru un pievienojiet vārdu vai ikonu visur, kur zūd nozīme.
• Tālummaiņa. Ar 200 % pārlūkprogrammas tālummaiņu tekstam jāpalielinās, nepārklājoties un netiekot nogrieztam, un izvēlnei joprojām jādarbojas.
• Lapas valoda. Jebkurš bezmaksas pārbaudes rīks pamana trūkstošu valodas norādi. Tas ir tēmas iestatījums vai vienas rindas izmaiņa veidnē.

Vai jūsu vietni var lietot ar tastatūru?

Daudzi cilvēki pārlūko bez peles: ekrāna lasītāju lietotāji, cilvēki ar trīci vai ierobežotām roku kustībām un ikviens, kura skārienpaliktnis tikko sabojājies. Nolieciet peli malā un spiediet tabulēšanas taustiņu. Jums jāspēj saprātīgā secībā sasniegt katru saiti, pogu un veidlapas lauku, vienmēr redzēt, kur atrodaties, un nekur neiestrēgt.

• Redzams fokuss. Kontūrai jārāda, kurš elements ir aktīvs, un fiksēta galvene vai tērzēšanas burbulis to nedrīkst aizsegt (WCAG 2.2 kritērijs 2.4.11 Fokuss nav aizsegts). Daudzas tēmas izskata dēļ kontūru noņem; izstrādātājs to var atjaunot.
• Bez slazdiem. Ar tastatūru atveriet izvēlni, izmēra izvēli, uznirstošos logus un attēlu galeriju, izvēlieties kaut ko un mēģiniet iziet. Taustiņam Escape jāaizver uznirstošie logi.
• Ikonām ir nosaukumi. Katrai ikonas saitei un pogai vajag nosaukumu, ko ekrāna lasītājs var nolasīt, piemēram, “Grozs, 2 preces”. Aizstājiet “Noklikšķiniet šeit” ar vārdiem, kas pasaka, kurp saite ved.
• Izlaišanas saite un virsraksti. Pirmajam tabulēšanas taustiņa nospiedienam ideālā gadījumā jāparāda saite “Pāriet uz saturu”. WebAIM 2024. gada ekrāna lasītāju aptaujā (atveras jaunā cilnē) 71,6 % respondentu norādīja, ka garā lapā vispirms pārvietojas pa virsrakstiem, tāpēc izmantojiet īstus virsrakstu līmeņus, nevis treknrakstu.
• Pieskāriena mērķi. WCAG 2.2 prasa mērķus, kas ir vismaz 24 × 24 CSS pikseļi, vai pietiekamu brīvu vietu ap tiem (veiksmes kritērijs 2.5.8 (atveras jaunā cilnē)).

Vai visi var tikt cauri jūsu veidlapām, grozam un norēķiniem?

Norēķinos piekļūstamības problēmas jums tieši maksā naudu, tāpēc testējiet tos no sākuma līdz beigām, arī to, kas notiek, ja kaut kas noiet greizi. Katram laukam vajag redzamu etiķeti, kļūdu ziņojumiem problēma jāpaskaidro vārdiem, un pieteikšanās nedrīkst būt atkarīga no atmiņas testiem vai mīklām. Tas attiecas arī uz jūsu maksājumu pakalpojumu sniedzēja lapām.

• Etiķetes, nevis vietturi. Viettura teksts pazūd, tiklīdz kāds sāk rakstīt, un bieži ir pārāk bāls, lai to izlasītu. Katram laukam vajag etiķeti, kas paliek redzama.
• Kļūdu ziņojumi. Iesniedziet veidlapu tukšu. Katrai kļūdai jābūt izskaidrotai vārdiem (“Ievadiet pasta indeksu, piemēram, LV-1050”), jāatrodas blakus attiecīgajam laukam un jātiek paziņotai, nevis tikai jāiekrāso lauka apmale sarkana.
• Neprasiet divreiz. Piedāvājiet “Maksātāja adrese sakrīt ar piegādes adresi”, nevis lieciet cilvēkiem vēlreiz ievadīt piegādes adresi. WCAG 2.2 to padarīja par A līmeņa prasību 3.3.7 Atkārtota ievade.
• Pieteikšanās. Ļaujiet ielīmēt paroles un vienreizējos kodus un izmantot paroļu pārvaldniekus. Ielīmēšanas bloķēšana neatbilst WCAG 2.2 piekļūstamas autentifikācijas kritērijam (atveras jaunā cilnē), ja vien nepiedāvājat citu veidu, kā pieteikties.
• CAPTCHA. WebAIM 2024. gada aptaujā ekrāna lasītāju lietotāji CAPTCHA atzina par problemātiskāko elementu tīmeklī. Ja jums vajadzīga aizsardzība pret robotiem, izvairieties no vizuālām mīklām un vienmēr piedāvājiet nevizuālu alternatīvu.
• Laika ierobežojumi. Ja groza vai rezervācijas turēšanas laiks beidzas, brīdiniet par to un ļaujiet to pagarināt.

Ja daļa norēķinu procesa pieder jūsu platformai vai maksājumu pakalpojumu sniedzējam, tomēr testējiet to, ziņojiet par problēmām un uzskaitiet tās kā zināmas problēmas.

Kā ar sīkdatņu joslām, uznirstošajiem logiem un tērzēšanas logrīkiem?

Jūsu klientiem trešo pušu skripti ir daļa no jūsu vietnes. Sīkdatņu josla, ko nevar aizvērt ar tastatūru, bloķē katru lapu, un jaunumu uznirstošais logs, kas norēķinu vidū pārņem fokusu, var izjaukt pirkumu. Testējiet katru pievienoto skriptu un pirms jauna skripta uzstādīšanas pajautājiet piegādātājiem par piekļūstamību.

• Sīkdatņu josla. Vai ar tabulēšanas taustiņu varat sasniegt pieņemšanas un noraidīšanas pogas, vai varat tās izlasīt ar 200 % tālummaiņu un vai pēc tam varat turpināt tur, kur bijāt?
• Uznirstošie logi. Fokusam jāpāriet uznirstošajā logā, jāpaliek tajā līdz aizvēršanai un tad jāatgriežas. Taustiņam Escape tas jāaizver.
• Tērzēšanas logrīki. Pogai vajag nosaukumu, logam jāatveras un jāaizveras ar tastatūru, un tālrunī tas nedrīkst atrasties virs pogas “Maksāt tagad”.
• Karuseļi. Visam, kas automātiski kustas ilgāk par piecām sekundēm, vajag iespēju to apturēt, pārtraukt vai paslēpt (WCAG 2.2 (atveras jaunā cilnē), veiksmes kritērijs 2.2.2).
• Iegultais saturs. Atsauksmju logrīki, kartes un rezervēšanas rīki arī atrodas jūsu lapā. Par kļūdām ziņojiet piegādātājam.

Vai jūsu video, PDF faili un ēdienkartes ir lietojami visiem?

Video vajag subtitrus, audio vajag transkripciju, un svarīga informācija nedrīkst būt tikai PDF failā vai attēlā. Restorāns, kura ēdienkarte ir skenēts PDF, vai veikals, kura izmēru tabula ir tabulas fotoattēls, izslēdz ekrāna lasītāju lietotājus un ikvienu, kam saturs tālrunī jāpietuvina.

• Subtitri un transkripcijas. Pirms publicēšanas izlabojiet automātiskos subtitrus. Aplādēm vajag teksta versiju.
• Teksts attēlos. Ievietojiet ēdienkartes, cenrāžus, izmēru tabulas un darba laikus parastā tīmekļa lapā. Ja jāizmanto PDF, eksportējiet to no teksta redaktora ar virsrakstiem un tagiem, nevis skenējiet izdruku.
• Vecāki faili. EAA neprasa labot biroja failus vai iepriekš ierakstītu audio un video, kas publicēti pirms 2025. gada 28. jūnija, vai arhīvus, kurus vairs neatjaunināt (2. panta 4. punkts). Jaunie faili ietilpst darbības jomā.

Ko varu salabot pats un kad vajadzīgs izstrādātājs vai audits?

Lielāko daļu satura problēmu varat salabot paši satura pārvaldības sistēmā: alternatīvo tekstu, virsrakstus, saišu tekstus, krāsas, subtitrus un daudzas veidlapu etiķetes. Tēmas līmeņa problēmām, piemēram, trūkstošiem fokusa stiliem, tastatūras slazdiem un pielāgotām nolaižamajām izvēlnēm, vajag izstrādātāju. Audits ir vislietderīgākais tad, kad pamatlietas ir salabotas, vai pirms jauna dizaina palaišanas.

Kur iederas tāds logrīks kā mūsējais? Apmeklētāja pusē atverams panelis, piemēram, SiteAccessible, ļauj cilvēkiem palielināt kontrastu, palielināt tekstu vai ieslēgt lasīšanas līniju. Tas palīdz dažiem apmeklētājiem, taču neizpilda nevienu šī saraksta punktu: poga bez nosaukuma paliek bez nosaukuma, un tastatūras slazds paliek slazds. Vispirms salabojiet vietni un uztveriet logrīku kā papildinājumu.

Kā dokumentēt paveikto?

Veidojiet vienkāršu žurnālu par to, ko un kad testējāt, ko salabojāt un kas joprojām nedarbojas, un publicējiet godīgu kopsavilkumu piekļūstamības paziņojumā. Ja uz jums attiecas EAA, jums jāpublicē arī informācija par to, kā jūsu pakalpojums atbilst piekļūstamības prasībām, parasti vispārīgajos noteikumos vai līdzvērtīgā dokumentā.

Šis otrais pienākums izriet no direktīvas V pielikuma; formu nosaka valsts tiesību akti. Mūsu pamācībā par piekļūstamības paziņojuma rakstīšanu ir veidne, ko varat pielāgot. Pēc tam uzturiet šo kārtību:

1. Pārbaudiet trīs galvenās lapas pēc šī saraksta un katrai kļūdai uzņemiet ekrānuzņēmumu.
2. Satura punktus salabojiet paši vēl šonedēļ.
3. Uzdodiet izstrādātājam tēmas un norēķinu punktus, sākot ar sliktākajiem.
4. Katru labojumu pārbaudiet vēlreiz gan ar tastatūru, gan ar pārbaudes rīku.
5. Publicējiet vai atjauniniet savu paziņojumu, norādot datumu.
6. Atkārtojiet ikreiz, kad pievienojat lietotni, maināt tēmu vai palaižat jaunu mērķlapu.