Visaptveroša rokasgrāmata par tīmekļa piekļūstamību, aptverot principus, vadlīnijas, metodes un rīkus iekļaujošas digitālās pieredzes radīšanai lietotājiem visā pasaulē.
Tīmekļa piekļūstamība: Iekļaujošas digitālās pieredzes veidošana globālai auditorijai
Mūsdienu savstarpēji saistītajā pasaulē internets ir kļuvis par neaizstājamu ikdienas dzīves sastāvdaļu. No informācijas un pakalpojumu piekļuves līdz saziņai ar tuviniekiem, tīmeklis piedāvā neskaitāmas iespējas. Tomēr miljoniem cilvēku ar invaliditāti digitālā vide var būt šķērslis, nevis vārti. Tīmekļa piekļūstamība nodrošina, ka vietnes, lietojumprogrammas un digitālais saturs ir lietojams ikvienam, neatkarīgi no viņu spējām vai invaliditātes. Tas ietver personas ar redzes, dzirdes, kustību, kognitīviem un runas traucējumiem.
Kāpēc tīmekļa piekļūstamība ir svarīga
Tīmekļa piekļūstamība nav tikai atbilstības jautājums; tas ir iekļaujoša dizaina un ētiskas izstrādes pamataspekts. Prioritizējot piekļūstamību, organizācijas var:
- Sasniedziet plašāku auditoriju: Vairāk nekā miljardam cilvēku visā pasaulē ir kāda veida invaliditāte. Padarot savu vietni piekļūstamu, jūs paplašināt savu potenciālo klientu bāzi un auditoriju.
- Uzlabojiet lietotāja pieredzi visiem: Daudzas piekļūstamības funkcijas, piemēram, skaidra navigācija un alternatīvais teksts attēliem, noder visiem lietotājiem, ne tikai tiem, kam ir invaliditāte.
- Uzlabojiet SEO: Meklētājprogrammas dod priekšroku vietnēm, kas ir labi strukturētas, semantiskas un piekļūstamas. Piekļūstamības labākās prakses bieži sakrīt ar SEO principiem.
- Ievērojiet juridiskās prasības: Daudzās valstīs ir likumi un noteikumi, kas nosaka tīmekļa piekļūstamību, piemēram, Amerikāņu ar invaliditāti akts (ADA) Amerikas Savienotajās Valstīs, Ontārio iedzīvotāju ar invaliditāti piekļūstamības akts (AODA) Kanādā un EN 301 549 Eiropā.
- Veiciniet sociālo atbildību: Piekļūstamu vietņu izveide demonstrē apņemšanos nodrošināt iekļaušanu un sociālo atbildību.
Izpratne par Tīmekļa satura piekļūstamības vadlīnijām (WCAG)
Tīmekļa satura piekļūstamības vadlīnijas (WCAG) ir starptautiski atzīts tīmekļa piekļūstamības standarts. Izstrādātas Pasaules Tīmekļa konsorcijā (W3C), WCAG sniedz vadlīniju kopumu, kā padarīt tīmekļa saturu piekļūstamāku cilvēkiem ar invaliditāti. WCAG ir organizētas ap četriem pamatprincipiem, ko bieži atceras ar akronīmu POUR:
- Uztveramība: Informācijai un lietotāja saskarnes komponentiem jābūt pasniegtiem lietotājiem veidos, kādos viņi tos var uztvert. Tas ietver teksta alternatīvu nodrošināšanu neteksta saturam, subtitru un citu alternatīvu piedāvāšanu audio un video saturam, un nodrošināšanu, ka saturs ir viegli atšķirams.
- Darbībspēja: Lietotāja saskarnes komponentiem un navigācijai jābūt darbināmiem. Tas ietver visas funkcionalitātes pieejamību no tastatūras, pietiekama laika nodrošināšanu lietotājiem satura lasīšanai un izmantošanai, un izvairīšanos no satura, kas izraisa krampjus.
- Saprotamība: Informācijai un lietotāja saskarnes darbībai jābūt saprotamai. Tas ietver teksta lasāmības un saprotamības nodrošināšanu, garantēšanu, ka saturs parādās un darbojas paredzamos veidos, un palīdzību lietotājiem izvairīties no kļūdām un tās labot.
- Robustums: Saturam jābūt pietiekami robustam, lai to varētu uzticami interpretēt dažādi lietotāja aģenti, tostarp asistējošās tehnoloģijas. Tas ietver derīga HTML un CSS izmantošanu un nodrošināšanu, ka saturs ir saderīgs ar pašreizējiem un nākotnes lietotāja aģentiem.
WCAG ir pieejamas trīs atbilstības līmeņos: A, AA un AAA. A līmenis ir minimālais piekļūstamības līmenis, savukārt AAA līmenis ir augstākais. Lielākā daļa organizāciju tiecas uz AA līmeņa atbilstību, jo tas nodrošina labu līdzsvaru starp piekļūstamību un īstenojamību.
Galvenie piekļūstamības apsvērumi un metodes
Tīmekļa piekļūstamības ieviešana prasa daudzpusīgu pieeju, kas aptver dizainu, izstrādi un satura veidošanu. Šeit ir daži galvenie apsvērumi un metodes, lai nodrošinātu, ka jūsu vietne ir piekļūstama:
1. Nodrošiniet teksta alternatīvas neteksta saturam
Viss neteksta saturs, piemēram, attēli, video un audio faili, ir jāpapildina ar teksta alternatīvām, kas apraksta saturu un tā mērķi. Tas ļauj lietotājiem, kuri nevar redzēt vai dzirdēt saturu, saprast tā nozīmi.
- Attēli: Izmantojiet `alt` atribūtu, lai nodrošinātu aprakstošu tekstu attēliem. Dekoratīviem attēliem izmantojiet tukšu `alt` atribūtu (`alt=""`). Apsveriet `longdesc` atribūtu (lai gan tagad tas ir mazāk atbalstīts) ļoti sarežģītiem attēliem, kuriem nepieciešami plaši apraksti.
- Video: Nodrošiniet subtitrus, transkripcijas un audio aprakstus videoierakstiem. Subtitri nodrošina tekstu, kas sinhronizēts ar audio, savukārt transkripcijas nodrošina visa video teksta versiju. Audio apraksti apraksta video vizuālos elementus. Tādi pakalpojumi kā YouTube un Vimeo piedāvā automātiskās subtitrēšanas funkcijas, bet manuāla pārskatīšana un rediģēšana ir būtiska precizitātei.
- Audio: Nodrošiniet transkripcijas audio failiem.
Piemērs (attēla alternatīvais teksts):
<img src="logo.png" alt="Uzņēmuma logotips - Piekļūstamu vietņu veidošana">
2. Nodrošiniet navigāciju ar tastatūru
Visai vietnes funkcionalitātei jābūt pieejamai, izmantojot tastatūru. Tas ir būtiski lietotājiem, kuri nevar izmantot peli vai citu rādītājierīci.
- Tabulēšanas secība: Nodrošiniet, lai tabulēšanas secība būtu loģiska un intuitīva. Lietotājiem vajadzētu būt iespējai pārvietoties pa vietni paredzamā veidā. Izmantojiet `tabindex` atribūtu piesardzīgi, jo nepareiza lietošana var negatīvi ietekmēt piekļūstamību.
- Fokusa indikatori: Nodrošiniet skaidrus vizuālos fokusa indikatorus interaktīviem elementiem, piemēram, saitēm, pogām un veidlapu laukiem. Tas palīdz lietotājiem saprast, kurš elements pašlaik ir atlasīts.
- Navigācijas izlaišanas saites: Nodrošiniet navigācijas izlaišanas saites, kas ļauj lietotājiem apiet atkārtotu saturu, piemēram, navigācijas izvēlnes, un pāriet tieši uz lapas galveno saturu.
Piemērs (navigācijas izlaišanas saite):
<a href="#main-content">Pāriet uz galveno saturu</a>
<main id="main-content">...</main>
3. Izmantojiet semantisko HTML
Semantiskais HTML izmanto HTML elementus, lai paustu satura nozīmi un struktūru. Tas palīdz asistējošām tehnoloģijām saprast saturu un pasniegt to lietotājiem piekļūstamā veidā.
- Virsraksti: Izmantojiet virsrakstu elementus (
<h1>
līdz<h6>
), lai strukturētu saturu un izveidotu skaidru hierarhiju. - Saraksti: Izmantojiet sarakstu elementus (
<ul>
,<ol>
,<li>
), lai izveidotu vienumu sarakstus. - Orientieru lomas: Izmantojiet orientieru lomas (piemēram,
<nav>
,<main>
,<aside>
,<footer>
), lai identificētu dažādas lapas sadaļas. - ARIA atribūti: Izmantojiet ARIA (Accessible Rich Internet Applications) atribūtus, lai sniegtu papildu informāciju par elementu lomām, stāvokļiem un īpašībām. Lietojiet ARIA taupīgi un tikai tad, ja nepieciešams papildināt semantisko HTML. Pārmērīga lietošana var radīt piekļūstamības problēmas.
Piemērs (semantiskais HTML):
<header>
<nav>
<ul>
<li><a href="#">Sākums</a></li>
<li><a href="#">Par mums</a></li>
<li><a href="#">Pakalpojumi</a></li>
<li><a href="#">Kontakti</a></li>
</ul>
</nav>
</header>
<main>
<h1>Laipni lūdzam mūsu vietnē</h1>
<p>Šis ir lapas galvenais saturs.</p>
</main>
<footer>
<p>Autortiesības 2023</p>
</footer>
4. Nodrošiniet pietiekamu krāsu kontrastu
Nodrošiniet pietiekamu krāsu kontrastu starp teksta un fona krāsām, lai nodrošinātu, ka teksts ir lasāms lietotājiem ar vāju redzi vai krāsu aklumu. WCAG pieprasa kontrasta attiecību vismaz 4.5:1 normālam tekstam un 3:1 lielam tekstam.
Rīki: Izmantojiet krāsu kontrasta pārbaudītājus, lai pārliecinātos, ka jūsu krāsu kombinācijas atbilst WCAG prasībām. Piemēri ietver WebAIM Color Contrast Checker un Accessible Colors rīku.
Piemērs (labs krāsu kontrasts): Melns teksts uz balta fona nodrošina lielisku kontrastu.
5. Padariet saturu lasāmu un saprotamu
Lietojiet skaidru un kodolīgu valodu, izvairieties no žargona un tehniskiem terminiem, un strukturējiet saturu loģiskā un viegli sekojamā veidā.
- Lasāmība: Izmantojiet lasāmības pārbaudītāju, lai novērtētu sava satura lasāmību. Tiecieties uz lasāmības līmeni, kas ir piemērots jūsu mērķauditorijai.
- Valoda: Lietojiet vienkāršu valodu un izvairieties no sarežģītām teikumu struktūrām.
- Organizācija: Izmantojiet virsrakstus, apakšvirsrakstus un aizzīmju sarakstus, lai organizētu saturu un padarītu to vieglāk pārskatāmu.
6. Nodrošiniet skaidru un konsekventu navigāciju
Atvieglojiet lietotājiem navigāciju jūsu vietnē, nodrošinot skaidras un konsekventas navigācijas izvēlnes, ceļa norādes (breadcrumbs) un meklēšanas funkcionalitāti.
- Navigācijas izvēlnes: Izmantojiet skaidrus un aprakstošus nosaukumus navigācijas izvēlnes vienumiem.
- Ceļa norādes: Nodrošiniet ceļa norādes, lai palīdzētu lietotājiem saprast savu atrašanās vietu vietnē.
- Meklēšana: Piedāvājiet meklēšanas funkciju, lai ļautu lietotājiem ātri atrast konkrētu saturu.
7. Izmantojiet piekļūstamas veidlapas
Padariet veidlapas piekļūstamas, nodrošinot skaidrus apzīmējumus veidlapu laukiem, izmantojot atbilstošus ievades veidus un sniedzot viegli saprotamus kļūdu paziņojumus.
- Apzīmējumi: Izmantojiet
<label>
elementu, lai saistītu apzīmējumus ar veidlapu laukiem. - Ievades veidi: Izmantojiet atbilstošus ievades veidus (piemēram,
text
,email
,number
), lai sniegtu semantisku informāciju par gaidāmo ievadi. - Kļūdu paziņojumi: Sniedziet skaidrus un informatīvus kļūdu paziņojumus, kas izskaidro, kā labot kļūdas.
8. Projektējiet ar responzivitāti
Nodrošiniet, ka jūsu vietne ir responzīva un pielāgojas dažādiem ekrāna izmēriem un ierīcēm. Tas ir būtiski lietotājiem, kuri piekļūst jūsu vietnei no mobilajām ierīcēm vai ar asistējošām tehnoloģijām, kurām nepieciešams palielināts skats.
- Mediju vaicājumi: Izmantojiet mediju vaicājumus (media queries), lai pielāgotu jūsu vietnes izkārtojumu un stilu atkarībā no ekrāna izmēra.
- Elastīgi izkārtojumi: Izmantojiet elastīgus izkārtojumus, kas pielāgojas dažādiem ekrāna izmēriem.
- Skata loga meta tags: Izmantojiet skata loga (viewport) meta tagu, lai kontrolētu, kā pārlūkprogramma mērogo lapu.
9. Testējiet ar asistējošām tehnoloģijām
Testējiet savu vietni ar asistējošām tehnoloģijām, piemēram, ekrāna lasītājiem, ekrāna palielinātājiem un runas atpazīšanas programmatūru, lai nodrošinātu, ka to var lietot cilvēki ar invaliditāti. Tas ir visefektīvākais veids, kā identificēt un novērst piekļūstamības problēmas.
- Ekrāna lasītāji: Testējiet ar populāriem ekrāna lasītājiem, piemēram, NVDA (Windows), VoiceOver (macOS un iOS) un TalkBack (Android).
- Ekrāna palielinātāji: Testējiet ar ekrāna palielinātājiem, lai nodrošinātu, ka saturs paliek lasāms augstos palielinājuma līmeņos.
- Runas atpazīšanas programmatūra: Testējiet ar runas atpazīšanas programmatūru, lai nodrošinātu, ka lietotāji var navigēt un mijiedarboties ar jūsu vietni, izmantojot balsi.
10. Regulāri novērtējiet un uzturiet piekļūstamību
Tīmekļa piekļūstamība ir nepārtraukts process. Regulāri novērtējiet savas vietnes piekļūstamības problēmas un veiciet nepieciešamos atjauninājumus, lai nodrošinātu, ka tā laika gaitā paliek piekļūstama. Izmantojiet automatizētus piekļūstamības testēšanas rīkus, lai identificētu potenciālās problēmas, bet vienmēr papildiniet automatizēto testēšanu ar manuālu testēšanu un lietotāju atsauksmēm.
- Automatizēti testēšanas rīki: Izmantojiet automatizētus piekļūstamības testēšanas rīkus, piemēram, WAVE, Axe un Siteimprove, lai identificētu potenciālās piekļūstamības problēmas.
- Manuāla testēšana: Veiciet manuālu testēšanu, lai pārbaudītu, vai jūsu vietne atbilst WCAG prasībām un ir lietojama cilvēkiem ar invaliditāti.
- Lietotāju atsauksmes: Lūdziet atsauksmes no lietotājiem ar invaliditāti, lai identificētu un risinātu piekļūstamības problēmas.
Piekļūstamība ārpus vietnēm: Iekļaujošs dizains digitālajos produktos
Tīmekļa piekļūstamības principi attiecas ne tikai uz vietnēm, bet arī uz visiem digitālajiem produktiem, tostarp mobilajām lietotnēm, programmatūras lietojumprogrammām un elektroniskajiem dokumentiem. Lai radītu iekļaujošu digitālo pieredzi, nepieciešama holistiska pieeja, kas visā projektēšanas un izstrādes procesā ņem vērā visu lietotāju vajadzības.
Mobilo lietotņu piekļūstamība
Mobilās lietotnes rada unikālus piekļūstamības izaicinājumus to mazā ekrāna izmēra, uz pieskārieniem balstītu mijiedarbību un atkarības no vietējām platformas funkcijām dēļ. Lai nodrošinātu mobilo lietotņu piekļūstamību:
- Izmantojiet vietējos UI elementus: Kad vien iespējams, izmantojiet vietējos lietotāja saskarnes (UI) elementus, jo tie parasti ir piekļūstamāki nekā pielāgoti komponenti.
- Nodrošiniet alternatīvas ievades metodes: Piedāvājiet alternatīvas ievades metodes, piemēram, balss vadību un slēdžu piekļuvi, lietotājiem, kuri nevar izmantot uz pieskārieniem balstītus žestus.
- Nodrošiniet pietiekamu pieskāriena mērķa izmēru: Pārliecinieties, ka pieskāriena mērķi ir pietiekami lieli un ar pietiekamu atstarpi, lai novērstu nejaušu aktivizēšanu.
- Nodrošiniet skaidras vizuālās norādes: Izmantojiet skaidras vizuālās norādes, lai norādītu UI elementu stāvokli un funkciju.
- Atbalstiet asistējošās tehnoloģijas: Nodrošiniet, ka jūsu lietotne ir saderīga ar asistējošām tehnoloģijām, piemēram, ekrāna lasītājiem un ekrāna palielinātājiem.
Programmatūras lietojumprogrammu piekļūstamība
Programmatūras lietojumprogrammām jābūt izstrādātām tā, lai tās būtu piekļūstamas lietotājiem ar invaliditāti, tostarp tiem, kuri izmanto ekrāna lasītājus, tastatūras navigāciju un runas atpazīšanas programmatūru.
- Ievērojiet platformas piekļūstamības vadlīnijas: Ievērojiet operētājsistēmas piegādātāja sniegtās piekļūstamības vadlīnijas (piemēram, Microsoft Accessibility Guidelines, Apple Accessibility Guidelines).
- Izmantojiet piekļūstamus UI ietvarus: Izmantojiet piekļūstamus UI ietvarus, kas nodrošina iebūvētu atbalstu piekļūstamības funkcijām.
- Nodrošiniet piekļuvi ar tastatūru: Nodrošiniet, ka visa funkcionalitāte ir pieejama, izmantojot tastatūru.
- Atbalstiet ekrāna lasītājus: Sniedziet semantisku informāciju par UI elementiem, lai ļautu ekrāna lasītājiem interpretēt un pasniegt saturu lietotājiem.
- Piedāvājiet pielāgošanas iespējas: Ļaujiet lietotājiem pielāgot lietojumprogrammas izskatu un darbību atbilstoši viņu individuālajām vajadzībām.
Elektronisko dokumentu piekļūstamība
Elektroniskie dokumenti, piemēram, PDF, Word dokumenti un izklājlapas, jāizstrādā tā, lai tie būtu piekļūstami lietotājiem ar invaliditāti. Tas ietver alternatīvā teksta nodrošināšanu attēliem, pareizu virsrakstu un formatējuma izmantošanu, kā arī dokumenta marķēšanu piekļūstamībai.
- Izmantojiet piekļūstamus dokumentu formātus: Izmantojiet piekļūstamus dokumentu formātus, piemēram, marķētus PDF, kas sniedz semantisku informāciju par dokumenta struktūru un saturu.
- Nodrošiniet alternatīvo tekstu attēliem: Pievienojiet alternatīvā teksta aprakstus visiem attēliem dokumentā.
- Izmantojiet pareizus virsrakstus un formatējumu: Izmantojiet pareizus virsrakstus un formatējumu, lai strukturētu dokumentu un atvieglotu navigāciju.
- Nodrošiniet pietiekamu krāsu kontrastu: Izmantojiet pietiekamu krāsu kontrastu starp tekstu un fona krāsām.
- Testējiet ar asistējošām tehnoloģijām: Testējiet dokumentu ar asistējošām tehnoloģijām, lai nodrošinātu, ka tas ir piekļūstams lietotājiem ar invaliditāti.
Piekļūstamas kultūras veidošana
Lai radītu patiesi piekļūstamu digitālo pieredzi, nepieciešams vairāk nekā tikai tehnisko vadlīniju ieviešana; ir jāveicina piekļūstamības kultūra jūsu organizācijā. Tas ietver darbinieku izglītošanu par piekļūstamību, piekļūstamības integrēšanu projektēšanas un izstrādes procesā un atsauksmju lūgšanu no lietotājiem ar invaliditāti.
Piekļūstamības apmācība un izglītība
Nodrošiniet piekļūstamības apmācību un izglītību visiem darbiniekiem, tostarp dizaineriem, izstrādātājiem, satura veidotājiem un projektu vadītājiem. Šai apmācībai jāaptver tīmekļa piekļūstamības principi, WCAG vadlīnijas un labākās prakses piekļūstama digitālā satura veidošanai.
Piekļūstamības integrēšana projektēšanas un izstrādes procesā
Integrējiet piekļūstamību katrā projektēšanas un izstrādes procesa posmā, sākot no sākotnējās plānošanas un projektēšanas līdz testēšanai un ieviešanai. To bieži dēvē par piekļūstamības "pārbīdi pa kreisi". Apsverot piekļūstamību jau agrīnā stadijā, jūs varat izvairīties no dārgas pārstrādes un nodrošināt, ka jūsu digitālie produkti ir piekļūstami jau no paša sākuma.
Atsauksmju lūgšana no lietotājiem ar invaliditāti
Aktīvi lūdziet atsauksmes no lietotājiem ar invaliditāti, lai identificētu un risinātu piekļūstamības problēmas. Veiciet lietotāju testēšanu ar cilvēkiem, kuri izmanto asistējošās tehnoloģijas, lai gūtu vērtīgas atziņas par viņu pieredzi ar jūsu digitālajiem produktiem.
Piekļūstamības iniciatīvu piemēri pasaulē
Visā pasaulē dažādas iniciatīvas veicina tīmekļa piekļūstamību un digitālo iekļaušanu. Šeit ir daži piemēri:
- Eiropa: Eiropas Piekļūstamības akts (EAA) nosaka piekļūstamības prasības plašam produktu un pakalpojumu klāstam, tostarp vietnēm, mobilajām lietotnēm, e-grāmatām un bankomātiem.
- Kanāda: Ontārio iedzīvotāju ar invaliditāti piekļūstamības akts (AODA) nosaka, ka organizācijām Ontārio ir jāpadara savas vietnes un digitālais saturs piekļūstams cilvēkiem ar invaliditāti.
- Austrālija: Invaliditātes diskriminācijas akts (DDA) aizliedz diskrimināciju pret cilvēkiem ar invaliditāti, tostarp tiešsaistes vidē. Austrālijas Cilvēktiesību komisija sniedz norādījumus par tīmekļa piekļūstamību.
- Japāna: Japānas Industriālie standarti (JIS) ietver piekļūstamības standartus vietnēm un informācijas tehnoloģiju aprīkojumam.
- Indija: Personu ar invaliditāti tiesību akts (2016) veicina piekļūstamību un iekļaušanu cilvēkiem ar invaliditāti, tostarp digitālajā jomā.
Rīki un resursi tīmekļa piekļūstamībai
Ir pieejami daudzi rīki un resursi, kas palīdzēs jums izveidot piekļūstamu digitālo pieredzi:
- Piekļūstamības testēšanas rīki: WAVE, Axe, Siteimprove, Tenon.io
- Krāsu kontrasta pārbaudītāji: WebAIM Color Contrast Checker, Accessible Colors
- Ekrāna lasītāji: NVDA (Windows), VoiceOver (macOS un iOS), TalkBack (Android)
- WebAIM: Vadošais resurss par tīmekļa piekļūstamības informāciju un apmācību.
- W3C Web Accessibility Initiative (WAI): Organizācija, kas atbild par WCAG izstrādi.
- Deque Systems: Piedāvā piekļūstamības testēšanas rīkus un konsultāciju pakalpojumus.
- Level Access: Nodrošina piekļūstamības risinājumus un pakalpojumus.
Noslēgums
Tīmekļa piekļūstamība nav tikai tehniska prasība; tas ir iekļaujoša dizaina pamatprincips un būtisks aspekts, lai radītu taisnīgāku un piekļūstamāku digitālo pasauli. Pieņemot tīmekļa piekļūstamību, organizācijas var sasniegt plašāku auditoriju, uzlabot lietotāja pieredzi visiem, ievērot juridiskās prasības un veicināt sociālo atbildību. Izprotot un ieviešot WCAG principus, testējot ar asistējošām tehnoloģijām un veicinot piekļūstamības kultūru, jūs varat nodrošināt, ka jūsu vietne un digitālais saturs ir lietojams ikvienam, neatkarīgi no viņu spējām vai invaliditātes. Piekļūstamības prioritizēšanas globālā ietekme ir nozīmīga, radot iespējas un dodot spēku indivīdiem visā pasaulē.