Piekļūstamas saziņas formas un Eiropas Piekļūstamības akts

Saziņas forma bieži ir vienīgās durvis starp apmeklētāju un jūsu uzņēmumu. Ja šīs durvis var atvērt tikai ar peli, labu redzi un pacietību atrisināt izplūdušu attēlu mīklu, daži cilvēki vienkārši paliek ārā. Kopš 2025. gada vidus tas vairs nav tikai lietojamības jautājums: daudziem uzņēmumiem, kas pārdod patērētājiem ES, tas ir kļuvis par juridisku jautājumu.

Ko aptver Eiropas Piekļūstamības akts

Eiropas Piekļūstamības akts (Direktīva (ES) 2019/882) tiek piemērots kopš 2025. gada 28. jūnija. Tas nosaka piekļūstamības prasības noteiktiem patērētājiem piedāvātiem produktiem un pakalpojumiem – starp tiem e-komercijai, patēriņa banku pakalpojumiem, e-grāmatām, elektroniskajiem sakariem un daļai pasažieru pārvadājumu. Vietnes gadījumā tas nozīmē tiešsaistes veikalu vai banku pakalpojumu kopumā, ieskaitot formas, ko klienti izmanto, lai sazinātos ar jums, uzdotu jautājumus vai sūdzētos. Mikrouzņēmumi, kas sniedz pakalpojumus, ir atbrīvoti: uzņēmumi, kuros ir mazāk nekā desmit darbinieku un kuru gada apgrozījums vai bilances kopsumma nepārsniedz 2 miljonus EUR. Piedāvājumi, kas paredzēti tikai citiem uzņēmumiem, parasti neietilpst tā darbības jomā.

Katra dalībvalsts ir transponējusi direktīvu valsts tiesību aktos. Vācijā tas ir Barrierefreiheitsstärkungsgesetz (BFSG), Polijā – 2024. gada likums par to, lai nodrošinātu noteiktu produktu un pakalpojumu atbilstību piekļūstamības prasībām. Uzraudzības iestādes un sodi dažādās valstīs atšķiras, taču tehniskais mērogs būtībā ir vienāds: praksē Eiropas standarts EN 301 549, kas savukārt balstās uz Tīmekļa satura piekļūstamības vadlīnijām (WCAG).

Kāpēc tas atmaksājas pat bez juridiska pienākuma

Varbūt jūsu uzņēmums ir atbrīvots vai jūs apkalpojat tikai citus uzņēmumus. Piekļūstamas formas tomēr ir tā vērtas – vienkārša iemesla dēļ: katrs cilvēks, kurš padodas pusceļā, ir pieprasījums, ko jūs nekad nesaņemat. Labojumi, kas palīdz ekrāna lasītāja lietotājam, palīdz arī tam, kurš aizpilda formu tālrunī vilcienā, spožā saules gaismā, ar lauztu plaukstas locītavu vai otrajā valodā. Skaidras etiķetes un noderīgi kļūdu ziņojumi nozīmē mazāk pamestu formu ikvienam – un neviens no tiem nepavājina jūsu aizsardzību pret surogātpastu.

Praktisks kontrolsaraksts ar atsaucēm uz WCAG 2.2

• Redzamas etiķetes, kas piesaistītas ievades laukiem (1.3.1, 3.3.2): katram laukam ir redzama etiķete, kas ar to savienota ar for/id. Vietturis vien nav etiķete – tas pazūd, tiklīdz kāds sāk rakstīt.
• Kļūdu ziņojumi, kas paskaidro labojumu (3.3.1, 3.3.3): nosauciet lauku, pasakiet, kas ir nepareizi un kā to izlabot – tekstā, nevis tikai ar sarkanu apmali. „Lūdzu, ievadiet e-pasta adresi, piemēram, name@example.com” ir labāk nekā „Nederīga ievade”.
• Pilnīga vadība ar tastatūru (2.1.1, 2.1.2): katru lauku, izvēles rūtiņu, CAPTCHA un iesniegšanas pogu var sasniegt un izmantot ar Tab, atstarpes un Enter taustiņu, bez tastatūras slazdiem.
• Redzams fokuss (2.4.7): vienmēr ir redzams, kurš lauks ir aktīvs. Pārlūkprogrammas fokusa kontūras noņemšana bez aizstājēja neatbilst šim kritērijam.
• Pietiekams kontrasts (1.4.3): tekstam, etiķetēm un kļūdu ziņojumiem kontrasta attiecība pret fonu ir vismaz 4,5:1 (lielam tekstam 3:1).
• Mērķa izmērs (2.5.8): pogas, izvēles rūtiņas un saites ir vismaz 24 × 24 CSS pikseļi vai ap tām ir pietiekami daudz vietas.
• CAPTCHA alternatīvas (1.1.1) un piekļūstama autentifikācija (3.3.8): 1.1.1 prasa teksta alternatīvu un CAPTCHA vairāk nekā vienā maņu formā; 3.3.8 stingri ņemot attiecas uz pieteikšanās soļiem, taču tā ideja ir pārnesama – mīkla, piemēram, izkropļotu burtu pārrakstīšana vai summas aprēķināšana, nedrīkst būt vienīgais ceļš. Piedāvājiet alternatīvu vai izmantojiet metodi, kurai mīkla vispār nav vajadzīga.
• Honeypot lauki, kas paslēpti no palīgtehnoloģijām: slazda lauka ietvaram ir aria-hidden="true", bet laukam – tabindex="-1", tāpēc ekrāna lasītāju un tastatūras lietotāji tajā nekad nenonāk.

CAPTCHA un honeypot: kur aizsardzība pret surogātpastu satiekas ar piekļūstamību

Stingri ņemot, kritērijs 3.3.8 attiecas uz pieteikšanās un autentifikācijas soļiem, nevis uz saziņas formām. Tomēr tā pamatideja ir labi pārnesama: izkropļotu burtu rakstīšana, summas aprēķināšana vai luksoforu atlasīšana attēlu režģī dažus cilvēkus izslēdz pilnībā. Iespējas, kas parasti darbojas bez jebkādas mīklas – piemēram, Cloudflare Turnstile, Friendly Captcha, honeypot kopā ar laika pārbaudi vai servera puses filtrēšana, piemēram, Akismet –, attur surogātpastu, neprasot apmeklētājiem neko pierādīt. Honeypot ir draudzīgs tikai tad, ja tas ir patiešām neredzams – arī ekrāna lasītājiem un tastatūras lietotājiem:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Atstājiet šo lauku tukšu</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Pārbaudiet savu formu piecpadsmit minūtēs

1. 1Nolieciet peli malā un aizpildiet visu formu, izmantojot tikai tastatūru. Vai varat sasniegt katru lauku un iesniegšanas pogu, un vai vienmēr redzat, kur atrodaties?
2. 2Iesniedziet formu tukšu, pēc tam ar nepareizu e-pasta adresi. Vai kļūdas parādās kā teksts pie pareizā lauka, un vai ir skaidrs, kas jādara?
3. 3Atveriet lapu tālrunī vai palieliniet pārlūkprogrammas tālummaiņu līdz 200 %. Vai viss ir salasāms, vai pogas ir viegli pieskarties un vai sīkdatņu paziņojums vai tērzēšanas logrīks neaizsedz iesniegšanas pogu?
4. 4Ieslēdziet ekrāna lasītāju (VoiceOver, NVDA vai TalkBack) un klausieties: vai katrs lauks tiek nolasīts ar savu etiķeti un vai honeypot paliek kluss?
5. 5Palaidiet automatizētu pārbaudi, piemēram, axe-core. Tā ātri atrod trūkstošas etiķetes un kontrasta problēmas, bet ne visu – iepriekš minētie manuālie soļi joprojām ir nepieciešami.

Ja vēlaties sākt ar pārskatu, formexposed aplūko jūsu publiskās formas no ārpuses, neko neiesniedzot. Tā piekļūstamības pārbaudes katrai formai palaiž axe-core, atzīmē CAPTCHA bez piekļūstamas alternatīvas un honeypot laukus, ko nolasa ekrāna lasītāji, un aplūko formu tālrunī – pieskāriena mērķus, pārklājumus, kas aizsedz iesniegšanas pogu, horizontālo ritināšanu. Bezmaksas pārbaude parāda kopējo līmeni; šīs detaļas ir pilnajā atskaitē. Tas ir labs sākumpunkts iepriekš minētajam sarakstam, nevis aizstājējs testēšanai ar īstiem cilvēkiem.