Kaip padaryti savo svetainę prieinamą žmonėms su negalia

Atskleidimas: Jūsų palaikymas padeda išlaikyti svetainę! Mes uždirbame siuntimo mokestį už kai kurias paslaugas, kurias rekomenduojame šiame puslapyje.


Pasaulinio žiniatinklio konsorciumo (W3C) duomenimis, žiniatinklis yra unikali galimybė naudoti technologijas, kad neįgaliems žmonėms būtų suteikta precedento neturinti prieiga prie rašytinio, garso ir vaizdo turinio. Sprogstant švietimo, užimtumo, vyriausybės, verslo, sveikatos priežiūros ir pramogų tarnyboms internete, prieinamas svetainių dizainas yra kritinė problema ir tai lems, ar neįgalūs vartotojai turi vienodas galimybes naudotis tomis paslaugomis, kurias mes turime be savaime suprantamais dalykais..

Kai kuriais atvejais prieinamumo suteikimo priežastys apima teisinę sritį. Pavyzdžiui, yra įstatymų, reglamentuojančių knygas, reikalaujančias, kad visos JAV federalinės vyriausybės sukurtos ar įsigytos svetainės užtikrintų vienodą prieigą neįgaliesiems. JT taip pat sukūrė panašias gaires. Be to, teismai reikalavo, kad kai kurios svetainės atitiktų amerikiečių su negalia įstatymą (ADA), ir šiuo metu visoms švietimo įstaigoms patariama turėti prieinamą svetainę..

Atsižvelgiant į interneto teikiamą naudą neįgaliesiems, taip pat į teisinius padarinius, su kuriais gali susidurti svetainė, neatitinkanti tam tikrų būtiniausių prieinamumo standartų, kelios organizacijos, įskaitant W3C, sukūrė standartus, kuriuos gali pritaikyti tinklalapių dizaineriai. užtikrinti, kad visi lankytojai galėtų visapusiškai naudotis informacija ir svetainės funkcionalumu.

Patarimai, kaip sukurti prieinamą svetainę

Žmonės su negalia prieigai prie interneto dažnai naudoja pagalbines technologijas. Prieinama svetainė yra suprojektuota tinkamai veikti pagalbinėmis technologijomis, kad informacija apie ją ir jos funkcionalumas būtų prieinami kiekvienam lankytojui..

Kai kuriais atvejais, pavyzdžiui, spalvų aklumo atveju, pagalbinės technologijos nenaudojamos. Vietoj to, lankytojams prieinamos svetainės atsižvelgia į šias problemas kurdamos savo svetainę ir tinkamai naudojasi vaizdiniais elementais.

Trumpai tariant, pasak W3C: „interneto prieinamumas reiškia, kad žmonės su negalia gali naudotis žiniatinkliu“ (šaltinis) nepaisant negalios. Pasiekti tokį prieigos lygį yra siekiama žiniatinklio turinio prieinamumo gairėse (WCAG) 2.0, kuri yra šiuo metu taikomas W3C standartas..

Pradėkite savo projektą atsižvelgdami į pritaikymą neįgaliesiems

Pirmasis prieinamos interneto svetainės kūrimo žingsnis yra suprasti, kaip žmonės su negalia naudojasi žiniatinkliu. W3C surinko išteklius, apimančius realių interneto vartotojų istorijas, žiniatinklio vartotojų įvairovės tyrinėjimą ir diskusiją apie įvairius vartotojų prieigos prie interneto būdus. Peržiūrėję šiuos išteklius gausite aiškų vaizdą, kaip žmonės su negalia naudojasi žiniatinkliu.

Taip pat svarbu galvoti apie žiniatinklio prieinamumo komponentus. Nors dizaineriams gali kilti pagunda apriboti savo prieinamumo mąstyseną vizualiais elementais, kuriuos jie kuria, ir rašančiu kodu, svarbu žinoti kitus galvosūkio elementus – ypač tokius dalykus kaip pagalbinės technologijos ir programinė įranga, naudojama prieinamumui pagerinti – ir kaip jie turėtų informuoti apie interneto dizainą.

Pradėjus projektą ir pasirinkus autorių kūrimo įrankius, atsiminkite prieinamumą. Ne visos temos, valdikliai ir papildiniai suteikia vienodą prieigą svetainių lankytojams. Prieiga prie svetainių, sukurtų naudojant šias skirtingas priemones, turėtų būti vienas iš kriterijų, į kurį reikia atsižvelgti renkantis autorių kūrimo priemones.

Galiausiai, prieš pradėdami projektą, peržiūrėkite WCAG 2.0 pateiktas rekomendacijas. Vykdydami šiame dokumente pateiktas rekomendacijas, galėsite įsitikinti, kad jūsų svetainės turinys yra suprantamas, tinkamas naudoti, suprantamas ir patikimas..

Tinkamai HTML struktūra

Kuriant prieinamą svetainę, vienas iš svarbių dalykų yra tinkamai naudoti semantinį HTML. Čia yra keli patarimai, kaip pradėti:

  • Pateikite vaizdų aprašomąjį teksto variantą (alt-text): Ekrano skaitytojai skaito alt-text, todėl padarykite jį prasmingą. Skaitydamas tekstą, turėtum suteikti tą pačią reikšmę kaip ir vaizdas.
  • Teisingai naudokite antraščių žymas: Ekrano skaitytojai atkreipia dėmesį į antraščių žymas ir jas naudoja kaip užuominas apie informacijos svarbą ir puslapio turinio struktūrą. Nepraleiskite antraštės lygio ir nenaudokite jų netinkamai.
  • Sukurkite prieinamas formas: naudokite aprašomąsias ir gerai išdėstytas etiketes kiekvienam įvesties laukui ir naudokite etiketės žymą arba ARIA ypatybę, kad susietumėte etiketę su įvesties lauku..
  • Tinkamai naudokite lenteles: Anksčiau lentelių naudojimas tinklalapių išdėstymui buvo įprasta praktika. Tačiau ekrano skaitytuvai negali atskirti lentelės, kurioje yra duomenų, ir lentelės, naudojamos išdėstymo tikslams. Dėl to netinkamai naudojamos lentelės sukuria nereikalingą sudėtingumą ir painiavą lankytojams, naudojantiems ekrano skaitytuvus.

Darbas su vaizdiniu turiniu

Vaizdinius elementus reikia atidžiai išnagrinėti, siekiant užtikrinti, kad regėjimo negalią turintys vartotojai neprarastų prieinamumo. Tokie vartotojai dažnai pasiekia svetaines naudodami specialias didelio kontrasto interneto naršykles, ekrano skaitytuvus arba CSS stilius pakeisdami taisyklių rinkiniu, skirtu pašalinti vaizdo kliūtis. Norėdami sukurti svetainę, kurioje būtų kuo daugiau galimybių naudotis regėjimo negalią turinčiais žmonėmis, atsižvelkite į šiuos patarimus.

Niekada nepriklauso tik nuo spalvos, kad perteiktų informaciją

Forma, kurios spalva pažymėta būtiniems laukams identifikuoti, sukels problemų lankytojams, kurie yra žaliuzės arba naudojasi ekrano skaitytuvu. Tuo pačiu metu kitiems vartotojams didelę naudą suteikia spalvų perdavimas informacijai. Pasirinkimas turėtų būti tai, kad jūs naudojate spalvas, tačiau turėtumėte naudoti ir kitus kritinės informacijos perdavimo būdus.

Nenaudokite CSS, kad pateiktumėte kritinę informaciją

Kai kurios žiniatinklio naršyklės suteikia galimybę lankytojams susikurti savo stiliaus lapą, kuriame bus viršesni stiliai, kuriuos suteikia svetainės CSS failai. Kurdami svetainę, atsiminkite tai ir įsitikinkite, kad visa svarbi informacija ir funkcijos pateikiamos atskirai nuo CSS failų. Didėjant galimybėms kurti ir pristatyti turinį naudojantis CSS, padidėja kliūtys žmonėms su negalia prieiti. Būkite atsargūs, kad novatoriškas dizainas nepaliks jūsų lankytojų.

Siūlykite garso ir vaizdo turinio alternatyvas

Šiandienos žiniatinklyje intensyviai naudojama raiškioji medija, tokia kaip internetiniai transliacijos ir vaizdo įrašai. Kai naudojate tokio tipo turinį, lankytojams, turintiems regėjimo ir klausos negalią, pateikite teksto alternatyvas. Tai reiškia, kad rašytiniai nuorašai turėtų būti prieinami tiek vaizdo, tiek garso turiniui, o subtitrai turėtų būti prieinami visiems vaizdo įrašams.

Naudokite aprašomąjį saito tekstą

Lankytojai, naudojantys ekrano skaitytuvą, priklauso nuo nuorodos teksto, kad nustatytų, kur nukreipia nuoroda. Todėl šiems lankytojams negalima pasiekti nuorodų, tokių kaip „Skaityti daugiau“, arba nuorodų į paveikslėlius, kuriuose nepateikiamas aukščiausias tekstas. Teksto nuorodose turėtų būti naudojamas trumpas aprašomasis tekstas, pvz., „skaitykite apie mus” geriau nei “Skaityti daugiau“. Šią nuorodą lengva suprasti ir lankytojams, naudojantiems kalbos atpažinimo programinę įrangą, bus lengva atsiminti ir pakartoti.

Būkite atsargūs, kai naudojate dinaminį turinį

Šiandien praktiškai visos svetainės naudoja „JavaScript“ ir kitas technologijas, kad pridėtų interaktyvumo ir funkcionalumo. Tačiau dinamiškas turinys gali sukelti problemų ekrano skaitytojams, tik klaviatūros vartotojai gali įstrigti puslapių perdengimuose, o kitos problemos gali išryškėti, jei kuriant kūrimo procesą neprisimenama apie prieinamumą.

Sužinokite apie ARIA vaidmenis ir juos naudokite

Žiniatinklio pritaikymo neįgaliesiems turtingo interneto programų (WAI-ARIA) rekomendacija yra W3C specifikacija, skirta padėti svetainių kūrėjams padaryti dinamišką turinį prieinamesnį. Visa ARIA specifikacija nusipelno rimtų kūrėjų tyrimų, tačiau kiekvienas, rašantis HTML, turėtų skirti laiko sužinoti apie naują vaidmens atributą ir „aria-label“ atributą, kurį galima priskirti bet kuriam HTML elementui. Šie atributai padeda tam tikrų sutrikimų turintiems lankytojams naršyti dinaminėse svetainėse.

Išsaugokite lankytojų, naudojančių tik klaviatūrą, funkcionalumą

Žmonės, susiduriantys su judėjimo problemomis, dažnai negali manipuliuoti pelėmis tokiu tikslumu, kokio reikia norint veiksmingai ją naudoti. Todėl jie pasiekia internetą naudodamiesi klaviatūra, specialia klaviatūros perdanga ar kitais prietaisais prie interneto sukurtais prietaisais. Tačiau tam tikras interneto turinys, pavyzdžiui, sudėtingi meniu, skaidrių demonstracijos, iššokantys langai ir elementai, kuriems reikia atlikti pelės žymeklį, šiems lankytojams neprieinamas. Norėdami išvengti šio scenarijaus, interneto svetainių kūrėjai turi atsižvelgti į tik klaviatūros lankytojus, nes jie projektuoja sąveiką, reikalingą svetainei naudoti.

Prieinamumo tikrinimas

Yra daugybė įrankių ir šaltinių, kuriuos galite naudoti norėdami patikrinti savo svetainės prieinamumą. Tinkama vieta pradėti yra W3C pateiktas paprastų tikrinimų sąrašas. Peržiūrėję šį sąrašą susidursite su dažniausiai pasitaikančiomis problemomis, tokiomis kaip vaizdai be viršutinio teksto, antraštės, kurių nėra arba netinkamos, bendros spalvos kontrastingumo problemos ir dar daugiau.

Po darbo su lengvaisiais tikrinimais turėtumėte apsvarstyti galimybę naudoti keletą iš daugybės nemokamų ir mokamų įrankių, skirtų jūsų svetainei patikrinti, ar nėra prieinamumo problemų. „W3C“ sudarė naudingų prieinamumo bandymo įrankių sąrašą. Norėdami gauti daugiau informacijos apie prieinamumo tikrinimą, peržiūrėkite Pritaikymo neįgaliesiems vertinimo šaltinių puslapį, kuriame rasite daug papildomų šaltinių, kurie padės atlikti prieinamumo auditą ir bandymus..

Papildomi resursai

Jei norite sužinoti daugiau apie prieigą prie žiniatinklio, yra daugybė vietų, kuriose rasite papildomo išsilavinimo, vadovėlių, įrankių ir kitų šaltinių. Mes rekomenduojame šias organizacijas, kai stengiatės užtikrinti prieinamumą visiems savo svetainės lankytojams.

„W3C Web Accessibility Initiative“ yra viena iš organizacijų, kuriančių prieinamumo standartus ir gaires. Norėdami sužinoti daugiau apie WAI, galite peržiūrėti WAI pagrindinį puslapį, užpildyti nemokamus prieinamus dizaino vadovus ir pamatyti pakeitimų, reikalingų patobulinti neprieinamą svetainę ir pritaikyti ją prieinamumo gairėms, pavyzdį..

„Google“ taip pat siūlo nemokamą žiniatinklio pritaikymo neįgaliesiems kursą, kuriame bus išmokyti prieinamų svetainių kūrimo pagrindai ir parodoma, kaip naudoti pritaikymo neįgaliesiems įrankius „Chrome“ žiniatinklio naršyklėje, norint patikrinti jūsų svetainės pritaikymą neįgaliesiems..

Vašingtono universitetas sudarė 30 žiniatinklio pritaikymo neįgaliesiems patarimų sąrašą PDF formatu, kuriuos galite atspausdinti ir prireikus nurodyti. Šis sąrašas apima visas pagrindines prieinamų svetainių kūrimo gaires ir yra geras būdas greitai atnaujinti atmintį visiems pagrindiniams prieinamų interneto svetainių nuomininkams..

„WebAIM“ yra dar viena organizacija, skirta padaryti žiniatinklį prieinamesnį, ir jie siūlo daugybę naudingų šaltinių mokytis apie įvairius sutrikimus, įskaitant šiuos įrankius ir modeliavimą:

  • 508 skyriaus kontrolinis sąrašas: Šis naudingas kontrolinis sąrašas padės įsitikinti, kad jūsų dizainas atitinka 508 skyriaus reikalavimus.
  • WCAG 2.0 kontrolinis sąrašas: Jei jūsų tikslas yra atitikti Žiniatinklio turinio prieinamumo gaires (WCAG) 2.0, šis kontrolinis sąrašas padės jums įsitikinti, ar jūsų dizainas atitinka standartą.
  • Spalvų kontrasto tikrintuvas: Tiesiog įveskite šrifto spalvą ir fono spalvą, kad nustatytumėte, ar kontrastas tarp dviejų atitinka WCAG standartus.
  • Ekrano skaitytuvo modeliavimas: supraskite, kaip ekrano skaitytuvus naudojantys lankytojai patiria žiniatinklį naudodami šį modeliavimą.
  • Trumpo regėjimo modeliavimas: Šis modeliavimas leidžia peržiūrėti svetainę taip, kad būtų imituojamas įvairių regėjimo sutrikimų, tokių kaip glaukoma, katarakta ir geltonosios dėmės degeneracija, poveikis..
  • Disleksijos modeliavimas: šis paprastas pratimas suteiks jums supratimo, ką reiškia išbandyti ir skaityti disleksiją, kad galėtumėte geriau įvertinti iššūkius, su kuriais lankytojai susiduria naršydami internete..
  • Dimeraciškumo modeliavimas: šis modeliavimas leis jums suprasti, koks kenčiamas blaškymasis, ir padės įvertinti svetainių, skirtų atitraukti dėmesį, vertę..
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map