Kas ir tīmekļa pieejamība? WCAG un iekļaujošs dizains vienkārši paskaidrots

Tīmekļa pieejamība nozīmē vietņu un lietotņu veidošanu tā, lai cilvēki ar invaliditāti tās varētu lietot — neatkarīgi no tā, vai viņi ir neredzīgi un izmanto ekrāna lasītāju, nevar lietot peli, ir vāja redze vai krāsu aklums, ir nedzirdīgi vai ir kognitīvi vai mācīšanās traucējumi. Praksē tas nozīmē tādas lietas kā teksta alternatīvas attēliem, pietiekamu krāsu kontrastu, veidlapas ar pareizām etiķetēm un to, ka viss darbojas tikai ar tastatūru. Starptautiskais standarts šai jomai ir WCAG — W3C publicētās tīmekļa satura pieejamības vadlīnijas.

Pieejamību bieži saīsina līdz a11y — „a”, pēc tam 11 burti, pēc tam „y”.

Kāpēc pieejamība ir svarīga, veidojot ar AI

AI veidotāji labi spēj izveidot lietotnes, kas izskatās pareizi. Pieejamība galvenokārt attiecas uz to, ko ekrānuzņēmumā nevar redzēt: vai poga patiesi ir poga, vai ievades laukam ir etiķete, ko ekrāna lasītājs var izrunāt, vai izvēlni var sasniegt ar Tab taustiņu.

Tāpēc ir svarīgi jautāt:

• To viegli nepamanīt. Pielāgots nolaižamais saraksts var izskatīties perfekti un būt neiespējami lietojams bez peles. Jūs to nepamanīsiet, ja to nepārbaudīsiet.
• Agrāk to ir lētāk izdarīt pareizi. Pieejamu komponentu pieprasīšana jau no pirmās uzvednes maksā gandrīz neko. Gatavas lietotnes pārveidošana prasa aizskart katru ekrānu.
• Tas palīdz visiem. Subtitri palīdz cilvēkiem trokšņainās vietās, labs kontrasts palīdz cilvēkiem tālruņiem saulē, un skaidras etiķetes palīdz ikvienam ātrāk aizpildīt veidlapas.
• Tas pārklājas ar SEO. Pareizas virsrakstu hierarhijas, aprakstoši saites un alt teksts palīdz arī meklētājprogrammām saprast jūsu lapas — skatiet SEO AI veidotām vietnēm.
• Tas var būt obligāts. Atkarībā no tā, kur darbojaties un kam kalpojat, pieejamība var būt juridisks pienākums.

Ikdienas salīdzinājums

Padomājiet par ēkas ieeju.

Kāpnes der daudziem cilvēkiem. Rampa der ratiņkrēslu lietotājiem — un arī vecākiem ar bērnu ratiņiem, piegādātājiem ar ratiņiem un ceļotājiem ar koferiem. Automātiskās durvis, skaidras zīmes, Braila raksts uz lifta pogām un labs apgaismojums katrs noņem barjeru kādam.

Tīmekļa pieejamība ir tā pati ideja digitālai videi: jūsu lietotnes rampas, zīmes un margas. Un tāpat kā ar ēku, daudz vieglāk ir iekļaut rampu plānos, nekā pievienot to pēc tam, kad betons jau sacietējis.

WCAG īsumā

WCAG publicē W3C Web Accessibility Initiative. Pašreizējā versija ir WCAG 2.2, pirmo reizi publicēta 2023. gada oktobrī. Tā ir atpakaļsaderīga: saturs, kas atbilst WCAG 2.2, atbilst arī 2.1 un 2.0, un W3C iesaka izmantot jaunāko versiju. WCAG 2.2 ir arī apstiprināts kā starptautisks standarts ISO/IEC 40500:2025. Pilnīgi atšķirīgs WCAG 3 ir izstrādes stadijā kā agrīns melnraksts, nevis gatavs standarts.

WCAG ir organizēts četros principos, ko bieži atceras kā POUR:

Katrai vadlīnijai ir pārbaudāmi atbilstības kritēriji trijos līmeņos:

• A līmenis — minimums. Ja šie nav izpildīti, daži cilvēki pilnībā nevar lietot saturu.
• AA līmenis — standarta mērķis un līmenis, uz kuru atsaucas lielākā daļa likumu un politiku.
• AAA līmenis — augstākais līmenis. Dažās vietās noderīgi tam tiekties, bet W3C neiesaka to prasīt visām vietnēm, jo daļa satura to nevar sasniegt.

WCAG 2.2 pievienoja deviņus atbilstības kritērijus 2.1 versijai, tostarp Target Size (Minimum) AA līmenī — klikšķināmiem elementiem parasti jābūt vismaz 24 x 24 CSS pikseļu, ar izņēmumiem — un Accessible Authentication (Minimum), kas ierobežo pieteikšanās soļus, kas paļaujas uz atmiņu vai mīklām, piemēram, paroles pārrakstīšanu, ja to nedrīkst ielīmēt. Tā arī noņēma vecāko kritēriju „Parsing”, jo tas vairs nav aktuāls.

Darba piemērs: reģistrācijas veidlapa

Šeit ir reģistrācijas veidlapa, ko AI varētu izveidot, un to, ko atrod pieejamības pārbaude:

Neviens no šiem labojumiem daudz nemainīs veidlapas izskatu. Visi tie maina to, vai daži cilvēki vispār var to lietot.

Biežāk lietoti termini

Biežākie nepareizi priekšstati

• „Pieejamība attiecas tikai uz neredzīgajiem lietotājiem.” Tā aptver redzes, motoriskos, dzirdes, runas un kognitīvos traucējumus, kā arī īslaicīgus apstākļus, piemēram, salauztu roku.
• „Pieejamas vietnes izskatās vienkāršas.” Pieejamība ierobežo dažas lietas — kontrastu, fokusa stilus, teksta izmēru —, bet labi izskatītas pieejamas vietnes ir norma, nevis izņēmums.
• „Automātiska pārbaude parāda 100, tātad mēs esam pabeiguši.” Automātiskie rīki atrod tikai dažas problēmas. To, vai alt teksts patiesi ir jēgpilns vai vai plūsma ir loģiska ar ekrāna lasītāju, pārbauda cilvēks.
• „Pārklājuma logrīks mūs padarīs atbilstošus.” Virsū uzliktas rīkjoslas nevar novērst trūkstošas etiķetes vai salauztu piekļuvi ar tastatūru jūsu kodā. Labojiet avotu.
• „Mums nav lietotāju ar invaliditāti.” Jūs varbūt vienkārši nezināt. Daudzi traucējumi nav redzami, un cilvēki, kas saskaras ar barjeru, parasti vienkārši aiziet.

Ko prasīt no sava AI veidotāja

• „Veidojiet to atbilstoši WCAG 2.2 AA līmenim.”
• „Izmantojiet semantisko HTML: īstas pogas, saites, virsrakstus pareizā secībā un etiķetes katram veidlapas laukam.”
• „Pārliecinieties, ka katrs interaktīvs elements darbojas tikai ar tastatūru un tam ir redzams fokusa stils.”
• „Pārbaudiet visu tekstu un ikonu krāsas kontrastam — 4,5:1 parastam tekstam, 3:1 lielam tekstam un ikonām.”
• „Pievienojiet jēgpilnu alt tekstu informatīviem attēliem un tukšu alt tekstu dekoratīviem.”
• „Rādiet veidlapu kļūdas kā tekstu, saistītu ar lauku, nevis tikai ar krāsu.”
• „Ievērojiet lietotāja iestatījumu samazinātai kustībai animācijām.”
• „Palaidiet automātisku pieejamības pārbaudi un uzskaitiet, ko tā nevar pārbaudīt, lai es to varētu pārbaudīt manuāli.”

Pēc tam pārbaudiet pats: nolieciet peli malā un mēģiniet pabeigt galveno plūsmu, izmantojot tikai Tab, Shift+Tab, Enter un Space. Izmēģiniet sava tālruņa iebūvēto ekrāna lasītāju galvenajā lapā. Palieliniet pārlūkprogrammu līdz 200% un pārbaudiet, vai kaut kas nesabojājas.

Pieejamība Mythex

Mythex nav īpaša pieejamības pārbaudes rīka, tāpēc pieejamību uzskatiet par daļu no savām uzvednēm un testēšanas. Pieprasiet WCAG 2.2 AA jau no pirmās uzvednes, pārbaudiet rezultātu priekšskatījumā ar tastatūru un izmantojiet /test, lai aģents izietu cauri jūsu galvenajām plūsmām pirms publicēšanas — skatiet Lietotņu testēšana. SEO recepte arī prasa semantiskus virsrakstus un jēgpilnu alt tekstu, kas kalpo abiem mērķiem.

Praktisku kontrolsarakstu skatiet sadaļā kā padarīt savu vietni pieejamu. Dizainam lasiet kā ar AI izveidot labi izskatīgu lietotni, bet pirms palaišanas — kā pārbaudīt savu lietotni pirms palaišanas. W3C pašu WCAG pārskats ir autoritatīvs avots.

Jautājumi