Mājaslapas pieejamība: praktisks ceļvedis
Pieejamība nav papildfunkcija cilvēkiem ar invaliditāti. Tā ir pamatkvalitāte, no kuras iegūst visi: tastatūras lietotāji, cilvēki ar sliktu savienojumu, tie, kas skatās telefonā saulē, un ekrāna lasītāju lietotāji.
Šis ceļvedis aptver, ko pieejamība tiešām prasa, ko vari pārbaudīt pats un kuras kļūdas atkārtojas visbiežāk.
Ko tas nozīmē praksē#
Standarts ir WCAG un praktiskais mērķis ir AA līmenis. Aiz tā ir diezgan konkrēts saraksts.
- Visa funkcionalitāte darbojas ar tastatūru un fokuss ir skaidri redzams.
- Teksta kontrasts ir vismaz 4,5:1, lielam tekstam 3:1.
- Katram jēgpilnam attēlam ir alt teksts; dekoratīvam — tukšs alt atribūts.
- Formu laukiem ir īsti apzīmējumi, ne tikai vietturteksts.
- Kļūdu paziņojumi paskaidro, kas nav kārtībā, un ir saistīti ar pareizo lauku.
- Virsraksti veido hierarhiju un netiek lietoti izmēra dēļ.
- Video ir ar subtitriem, audio ar transkriptu.
- Lapa strādā pie 200 procentu tālummaiņas bez satura zaudēšanas.
- Krāsa nav vienīgais informācijas nesējs.
Tastatūras navigācija un redzams fokuss vien aptver ļoti lielu daļu īsto problēmu. Sāc no tā.
Ko vari pārbaudīt pats#
Lielu daļu kļūdu atrod trijās minūtēs bez īpašiem rīkiem.
- Noliec peli malā un pārvietojies ar tabulēšanas taustiņu cauri visai lapai.
- Pārbaudi, ka vienmēr redzi, kur ir fokuss, un ka secība ir loģiska.
- Tālummaini līdz 200 procentiem un skaties, vai kaut kas pazūd vai pārklājas.
- Palaid automātisko testu — tas atradīs kontrastu un trūkstošos apzīmējumus.
- Izlasi lapu, skatoties tikai virsrakstus: vai struktūra ir saprotama?
- Aizpildi formu nepareizi un skaties, vai kļūdas paziņojums ir noderīgs.
- Noklausies vienu lapu ar ekrāna lasītāju. Tas ir pamācošākais veids.
Automātiskie testi atrod aptuveni trešdaļu problēmu. Pārējais prasa tastatūru un veselo saprātu, ne speciālistu.
Biežākās kļūdas#
Tās atkārtojas gandrīz katrā lapā un no visām ir viegli izvairīties.
| Kļūda | Sekas | Labojums |
|---|---|---|
| Fokusa noņemšana ar CSS | Tastatūras lietotājs ir apmaldījies | Dizainē fokusu, neslēp |
| Vietturteksts apzīmējuma vietā | Apzīmējums pazūd ievadot | Īsts apzīmējums katram laukam |
| Gaiši pelēks teksts | Nelasāms daudziem | Pārbaudi kontrastu |
| «Lasi šeit» saites teksts | Bez konteksta ekrāna lasītājā | Aprakstošs saites teksts |
| Div kā poga | Nestrādā ar tastatūru | Lieto button elementu |
| Trūkst alt teksta | Attēls ir neredzams | Apraksti saturu, ne failu |
| Atšķirība tikai ar krāsu | Neredzama krāsu aklajiem | Pievieno ikonu vai tekstu |
Kam prasības jāievēro#
Juridiskā puse atkarīga no nozares un tirgus, bet virziens ir viennozīmīgs.
- Publiskajam sektoram Eiropas Savienībā jāievēro pieejamības direktīvas prasības.
- Pieejamības akts paplašina prasības uz daudziem privātā sektora pakalpojumiem, tostarp e-komerciju.
- Prasītais līmenis praksē ir WCAG 2.1 vai 2.2 līmenis AA.
- Prasības attiecas arī uz mobilajām lietotnēm un dokumentiem, ne tikai mājaslapu.
- Pieejamības paziņojums publiskajā sektorā ir obligāts.
- Pat ja prasība uz tevi neattiecas, tas ir kvalitātes standarts, ko prasa lielākā daļa iepirkumu.
- Plāno to no sākuma; pievienošana vēlāk maksā ievērojami vairāk.
Biežāk uzdotie jautājumi
Vai pieejamība padara lapu neglītu?
Nē. Kontrasta prasības un redzams fokuss ierobežo dažas izvēles, bet tās var dizainēt. Lielākā daļa pieejamības ir struktūra un uzvedība — virsrakstu hierarhija, apzīmējumi, tastatūra — kas vizuāli nav redzami. Neglīts rezultāts parasti nozīmē, ka tas pievienots vēlāk, nevis ka prasības ir ierobežojošas.
Vai pieejamības rīkjosla atrisina problēmu?
Nē. Pārklājuma rīki, kas sola automātiski padarīt lapu pieejamu, nelabo pamatproblēmas un bieži traucē īstajām palīgtehnoloģijām. Pieejamība jāiebūvē lapas struktūrā. Rīkjoslas dod nepatiesu drošības sajūtu un tiesu praksē vairākkārt atzītas par nepietiekamām.
Cik maksā pieejamība?
Plānojot no sākuma — maz; tā galvenokārt ir pareizo elementu lietošana un kontrasta pārbaude. Labošana vēlāk esošā lapā maksā ievērojami vairāk, jo skar dizainu, veidnes un saturu vienlaikus. Tāpēc to jāieraksta prasībās, nevis vēlāk jāizsaka kā vēlme.
Ar ko sākt esošai lapai?
Ar tastatūru un kontrastu. Izej lapai cauri ar tabulēšanas taustiņu un salabo fokusa redzamību un secību; pēc tam pārbaudi kontrastu ar automātisko testu. Šie divi aptver lielu daļu īsto lietotāju problēmu un ir vislētāk labojami. Tikai tad ej dziļāk.
mājaslapas pieejamībawcag aapieejamības prasībastastatūras navigācijaalt tekstskontrasta prasības
