Atraskite prieinamas žiniatinklio patirtis su ARIA šablonais ir ekrano skaitytuvais. Išsamus vadovas priekinės sąsajos inžinieriams visame pasaulyje.
Priekinės sąsajos prieinamumo inžinerija: ARIA šablonai ir ekrano skaitytuvai
Šiandieniniame tarpusavyje susijusiame pasaulyje užtikrinti žiniatinklio prieinamumą yra ne tik geriausia praktika, bet ir esminis reikalavimas. Būdami priekinės sąsajos inžinieriais, atliekame lemiamą vaidmenį kuriant įtraukiančią skaitmeninę patirtį, kuri tinka visų gebėjimų naudotojams, nepriklausomai nuo geografinės vietos ar kultūrinės aplinkos. Šiame išsamiame vadove nagrinėjama svarbi ARIA (Accessible Rich Internet Applications) šablonų ir ekrano skaitytuvų sankirta, teikiamos praktinės žinios ir veiksmingos įžvalgos, skirtos kurti prieinamas svetaines ir programas.
Kas yra žiniatinklio prieinamumas?
Žiniatinklio prieinamumas – tai svetainių, programų ir skaitmeninio turinio projektavimo ir kūrimo praktika, kad jais galėtų naudotis visi, įskaitant žmones su negalia. Ši negalia gali būti regos, klausos, motorikos, pažinimo ir kalbos sutrikimai. Tikslas yra užtikrinti lygiavertę naudotojo patirtį, užtikrinant, kad visi naudotojai turėtų vienodą prieigą prie informacijos ir funkcionalumo.
Pagrindiniai žiniatinklio prieinamumo principai dažnai apibūdinami akronimu POUR (anglų kalba):
Pastebimas: Informacija ir naudotojo sąsajos komponentai turi būti pateikiami naudotojams taip, kad jie galėtų juos suvokti. Tai reiškia, kad reikia pateikti tekstines alternatyvas netekstiniam turiniui, subtitrus vaizdo įrašams ir užtikrinti pakankamą spalvų kontrastą.
Valdomas: Naudotojo sąsajos komponentai ir naršymas turi būti valdomi. Tai apima viso funkcionalumo prieinamumą nuo klaviatūros, pakankamai laiko naudotojams skaityti ir apdoroti turinį bei vengti greitai mirksinčio turinio.
Suprantamas: Informacija ir naudotojo sąsajos veikimas turi būti suprantami. Tai apima aiškios ir glaustos kalbos naudojimą, nuspėjamo naršymo teikimą ir pagalbą naudotojams vengti klaidų ir jas ištaisyti.
Patvarus: Turinys turi būti pakankamai patvarus, kad jį būtų galima patikimai interpretuoti naudojant įvairias naudotojo programas, įskaitant pagalbines technologijas. Tai reiškia, kad reikia naudoti tinkamą HTML, laikytis prieinamumo gairių ir išbandyti su skirtingomis naršyklėmis ir ekrano skaitytuvais.
Kodėl prieinamumas yra svarbus?
Žiniatinklio prieinamumo svarba apima ne tik teisinių reikalavimų laikymąsi. Tai susiję su įtraukesnio ir teisingesnio skaitmeninio pasaulio kūrimu. Štai keletas pagrindinių priežasčių, kodėl prieinamumas yra svarbus:
Teisės aktų laikymasis: Daugelis šalių, įskaitant Jungtines Valstijas (Amerikiečių su negalia aktas – ADA), Europos Sąjungą (Europos prieinamumo aktas) ir Kanadą (Prieinamumo neįgaliesiems Ontarijuje aktas – AODA), turi įstatymų ir reglamentų, kurie įpareigoja žiniatinklio prieinamumą. Nesilaikymas gali sukelti teisinius veiksmus ir pakenkti reputacijai.
Etiniai sumetimai: Prieinamumas yra socialinės atsakomybės klausimas. Kiekvienas asmuo turi teisę gauti informaciją ir dalyvauti skaitmeniniame pasaulyje, nepriklausomai nuo savo gebėjimų. Padarydami savo svetaines prieinamas, mes palaikome šias pagrindines teises.
Patobulinta naudotojo patirtis: Prieinamos svetainės paprastai yra patogesnės visiems. Aiškus naršymas, gerai struktūruotas turinys ir intuityvi sąveika naudinga visiems naudotojams, įskaitant tuos, kurie neturi negalios. Pavyzdžiui, subtitrų teikimas vaizdo įrašams gali būti naudingas naudotojams triukšmingoje aplinkoje arba tiems, kurie mokosi naujos kalbos.
Platesnė auditorijos aprėptis: Prieinamumas išplečia jūsų potencialią auditoriją. Padarydami savo svetainę prieinamą naudotojams su negalia, pasiekiate didesnę gyventojų dalį. Visame pasaulyje daugiau nei vienas milijardas žmonių turi kokią nors negalią.
SEO nauda: Paieškos sistemos palankiai vertina prieinamas svetaines. Prieinamos svetainės paprastai turi geresnę semantinę struktūrą, aiškesnį turinį ir patobulintą naudojimą, o visa tai prisideda prie aukštesnių paieškos sistemos reitingų.
ARIA (Accessible Rich Internet Applications) įvadas
ARIA (Accessible Rich Internet Applications) yra atributų rinkinys, kurį galima pridėti prie HTML elementų, kad būtų suteikta papildoma semantinė informacija pagalbinėms technologijoms, tokioms kaip ekrano skaitytuvai. Tai padeda sumažinti atotrūkį tarp standartinio HTML semantinių apribojimų ir sudėtingos dinamiškų žiniatinklio programų sąveikos.
Pagrindinės ARIA sąvokos:
Vaidmenys: Apibrėžkite valdiklio ar elemento tipą, pvz., „mygtukas“, „meniu“ arba „dialogas“.
Ypatybės: Pateikite informaciją apie elemento būseną ar charakteristikas, pvz., „aria-disabled“, „aria-required“ arba „aria-label“.
Būsenos: Nurodykite esamą elemento būklę, pvz., „aria-expanded“, „aria-checked“ arba „aria-selected“.
Kada naudoti ARIA:
ARIA turėtų būti naudojamas apgalvotai ir strategiškai. Svarbu atsiminti „Pirmąją ARIA naudojimo taisyklę“:
„Jei galite naudoti natūralų HTML elementą arba atributą su semantika ir elgsena, kurios jums reikia jau įdiegta, tuomet darykite tai. ARIA naudokite tik tada, kai negalite.“
Tai reiškia, kad jei galite pasiekti norimą funkcionalumą ir prieinamumą naudodami standartinius HTML elementus ir atributus, visada turėtumėte teikti pirmenybę šiam metodui. ARIA turėtų būti naudojamas kaip kraštutinė priemonė, kai natūralaus HTML nepakanka.
ARIA šablonai ir geriausia praktika
ARIA šablonai yra nusistovėję projektavimo šablonai, skirti įdiegti įprastus naudotojo sąsajos komponentus prieinamu būdu. Šie šablonai pateikia gaires, kaip naudoti ARIA vaidmenis, ypatybes ir būsenas, kad būtų sukurtos prieinamos elementų versijos, tokios kaip meniu, skirtukai, dialogai ir medžiai.
1. ARIA vaidmuo: `button`
Naudokite atributą `role="button"`, kad transformuotumėte ne mygtuko elementą, pvz., `
` arba ``, į mygtuką. Tai labai svarbu, kai negalite naudoti natūralaus elemento `