Biežākās pieejamības kļūdas e-veikalos un kā tās novērst

Trūkstoši alt teksti, zems krāsu kontrasts, nepieejamas formas — tās ir kļūdas, ko automātiskās pārbaudes atklāj visbiežāk. Pārskats un labošanas rokasgrāmata.

Publicēts:

E-veikala piemērs ar četrām izceltām pieejamības kļūdām: trūkstošs alt teksts, zems kontrasts, nenosaukts formas lauks un trūkstošs fokusa rādītājs

Kāpēc automātiskās pārbaudes atklāj vairāk nekā paredzēts

Lielākā daļa e-veikalu īpašnieku pieņem, ka viņu tīmekļa vietne ir pieejama. Realitāte bieži vien ir citādāka. Automātiskā pārbaude parasti atklāj desmitiem līdz simtiem atradumu pat šķietami normālā e-veikalā.

Automatizācija aptver aptuveni 30–50 % WCAG 2.1 AA noteikumu. Kādas ir visbiežākās problēmas?

Trūkstoši alt teksti

Visizplatītākais atradums. Attēli bez teksta apraksta (alt atribūts) ir pilnīgi nepieejami lietotājiem, kas izmanto ekrāna lasītājus.

Kā labot:

  • Funkcionālie attēli (produkti, ilustrācijas, logotipi): jēgpilns apraksts par to, ko attēls rāda vai ko poga dara
  • Dekoratīvie attēli (foni, rotājumi): tukšs alt atribūts, lai ekrāna lasītāji tos pareizi izlaistu
  • Attēli, kuros ir teksts: tekstam jābūt alt atribūtā

Zems krāsu kontrasts

Otra visbiežākā problēma. WCAG 2.1 AA prasa minimālo kontrasta attiecību 4,5:1 parastam tekstam un 3:1 lielam tekstam (18 pt vai 14 pt treknrakstā). Vājš kontrasts ietekmē cilvēkus ar redzes traucējumiem.

Tipiski problemātiski elementi: gaiša poga 'Pievienot grozam' uz balta fona, pelēks aprakstošs teksts, kļūdu ziņojumi blāvās krāsās, teksts uz attēlu reklāmkarogiem.

Kā labot: tādi rīki kā Colour Contrast Analyser vai automātiskā skenēšana nekavējoties parādīs, kuras vietas neatbilst standartam.

Nepieejamas veidlapas

Veidlapas ir kritiska katra e-veikala vieta. Visbiežākās problēmas:

  • Trūkstošs label laukam: e-pasta lauks bez programmatiski pievienota label nav atpazīstams ekrāna lasītājam
  • Kļūdu ziņojumi, kas nav paziņoti ar ARIA: ekrāna lasītāja lietotājs neredz, ka radusies kļūda
  • Obligātie lauki bez apzīmējuma: zvaigznīte (*) bez teksta skaidrojuma nav pietiekama
  • Pogas bez jēgpilna teksta: 'Apstiprināt' ir labāk nekā tikai ikona bez apraksta

Tastatūras navigācijas problēmas

Jūsu valsts tiesību akts, ar ko ievieš EAA, prasa, lai viss e-veikals būtu lietojams bez peles. Visbiežākās problēmas:

  • Trūkstošs redzams focus ring: kad lietotājs navigē ar Tab taustiņu, viņam vienmēr jāredz, kur viņš atrodas
  • Keyboard trap: lietotājs iestrēgst modālā logā vai izvēlnē un nevar iziet, izmantojot tastatūru
  • Slikta fokusa secība: Tab lec pa lapu nedabiskā veidā

Nepieejami interaktīvie elementi

Pogām un saitēm ir jābūt pieejamam nosaukumam, lai palīgtehnoloģijas tās pareizi paziņotu. Problemātiskie modeļi:

  • Poga tikai ar ikonu bez teksta vai aria-label
  • Saite 'Klikšķiniet šeit' vai 'Vairāk' bez konteksta
  • Interaktīvs div vai span bez role='button' un tastatūras atbalsta

Kā sākt labošanu

Ieteicamā pieeja:

  1. Palaidiet automātisko skenēšanu — ātri un bez maksas identificējiet visietekīgākās problēmas
  2. Nosakiet prioritātes pēc smaguma: vispirms risiniet kritiskos (critical) un nopietnus (serious) atradumu
  3. Labojiet tehniskās kļūdas: alt teksti, kontrasts un veidlapu label ir salīdzinoši vienkārši labojumi
  4. Pasūtiet manuālo revīziju: atlikušie noteikumi (lasāmība, uzvedība ar ekrāna lasītājiem) prasa cilvēka vērtējumu

Atcerieties: automātiskās pārbaudes atklāj aptuveni 30–50 % WCAG noteikumu. Automātiski atklāto kļūdu labošana ir nepieciešams, bet ne pietiekams solis, lai izpildītu jūsu valsts tiesību aktu, ar ko ievieš EAA.

Automātiskā pieejamības pārbaude (kā šī Inkluzo) aptver aptuveni 30–50 % WCAG 2.1 AA noteikumu. Pārbauda automātiski atklājamas kļūdas — alternatīvos tekstus, kontrastu, virsrakstu un veidlapu struktūru, ARIA atribūtus. Pārējos 50–70 % kritēriju nepieciešama manuāla novērtēšana: tekstu saprotamība, loģiska fokusa secība, alternatīvo tekstu jēgpilnums, reāla tastatūras vadīšana.

Citi rokasgrāmatas raksti

Bieži uzdotie jautājumi

Cik kļūdu ir normāli?
Lielākajai daļai e-veikalu ir desmitiem līdz simtiem automātiski konstatētu atradumu. Skaita vietā svarīgāks ir smagums — vispirms labojiet kritiskās un nopietnās kļūdas.
Kā zināt, ko labot vispirms?
Koncentrējieties uz atradumiem, kas apzīmēti kā kritiski (critical) un nopietni (serious) — tiem ir lielākā ietekme uz lietotājiem ar invaliditāti.
Vai pietiek izlabot automātiski atklātās kļūdas?
Nē. Automatizācija atklāj aptuveni 30–50 % WCAG 2.1 AA noteikumu. Lai iegūtu pilnīgu pārskatu — un izpildītu jūsu valsts tiesību aktu, ar ko ievieš EAA — ir nepieciešama manuālā revīzija.

Vēlaties tagad pārbaudīt savas vietnes pieejamību?

Sākt pieejamības pārbaudi