Interneto prieinamumo projektavimo pagrindai

Žiniatinklis turėtų būti vieta, kur kiekvienas gali pasiekti tą patį turinį iš bet kurios pasaulio vietos. Reaguojantys metodai buvo toli įrenginio agnostikos dizainas. Bet ką apie prieinamumo ir agnostikos projektai?

Interneto prieinamumas jau daugelį metų vyksta, tačiau jo įgyvendinimas reikalauja naujų technologijų ir interneto plėtros. Daugelis kūrėjų nori padėti, bet sunku suprasti, kaip sukurti prieinamumą, nes yra tiek daug judančių dalių. Tai apima didelio kontrasto tekstą, aklųjų, optimizuotų laikmenų garso puslapius ir netinkamas JS / CSS naršykles..

Šiame pranešime apžvelgsiu prieinamumo projektavimo pagrindus, kas tai yra, ką ji siekia išspręsti, ir veiksmus, kurių galite imtis norint pradėti. Atkreipkite dėmesį, kad tai yra neįtikėtinai išsamus dalykas, o visiškai suprasti reikės mėnesių ar metų. Tačiau nauda yra verta pastangų, ir visi jūsų interneto projektai paliks kiekvieną lankytoją ilgalaikio įspūdžio apie prieinamą turinį.

Intro į prieinamumą

Apskritai, prieinamumas yra turinio kūrimo idėja, kad jį gali suvartoti bet kas. Tai gali apimti aklus žmones, kurie negali skaityti, ir gali apimti fizinės negalios turinčius asmenis, kurie negali valdyti pelės ar klaviatūros (arba.

Tačiau tai gali apimti ir žmones šiek tiek trūkumų vizijoje. Tai gali apimti ir žmones disleksija ar skaitymo supratimo klausimais. Iš tiesų, idėja “interneto prieinamumas” apima visi galimi sutrikimai, kurie gali turėti įtakos tam, kaip kažkas bendrauja ar vartoja svetainę.

Galbūt dar svarbiau yra tai, ką interneto prieinamumas gali pasiūlyti, kaip aprašyta Vikipedijos apibrėžime:

Vis dėlto Anne Gibson savo sąraše teigia, kad Wikipedia apibrėžimas yra pernelyg neaiškus, ir ne tiesiog apie žmones su negalia. Tai iš tikrųjų Visi žiniatinklyje iš viso pasaulio gali neturėti optimalios prieigos prie interneto.

Daugelis devų mano, kad prieinamumas yra tik akliesiems, kurie negali skaityti. Tačiau iš tikrųjų yra keturios pagrindinės interneto prieinamumo kategorijos:

1. Vaizdinis - silpnas regėjimas arba prastas / be akių
2. Klausos - klausos ir kurčiųjų
3. Pažinimo - sunku suvokti ar suvartoti informaciją
4. Variklis - fizinės prieigos problemos, kurioms gali prireikti specialių įvesties įrenginių, tokių kaip klaviatūros arba balso komandų programos

Šių kategorijų metodai yra plati taip pat greitai, kaip ir interneto standartai. Tačiau šių standartų, ratifikuotų į WCAG (Žiniatinklio turinio prieinamumo gairės), stabilumo jausmas.

Kai kurios svetainės, pvz pagal įstatymus valdžios institucijos privalo laikytis šių gairių. Jie taikomi tarptautiniu mastu per W3C.

Pažvelkime į žiniatinklio prieinamumo biurokratiją ir pasinerkime į kai kuriuos taikomus dizaino patarimus.

„W3C“ ir prieinamas dizainas

Yra nemažai akronimai, susiję su interneto prieinamumu. Tai gali būti sudėtinga, jei esate visiškai naujas dalykas, bet kai tik supaprastinta, tikiuosi, kad jie bus prasmingesni.

• W3C (World Wide Web Consortium) - Tarptautinė grupė, apibrėžianti interneto standartus protokolams, kalboms ir taisyklėms. Visos oficialios prieinamumo gairės patenka į šią organizaciją.
• WAI (Interneto prieinamumo iniciatyva) - Oficiali programa, apimanti viską apie prieinamumą. Šiame bendrame terminate yra visos šiuolaikinio prieinamumo taisyklės, gairės ir metodai.
• WCAG (Interneto turinio prieinamumo gairės) - Standartų ir taisyklių grupė, padedanti dizaineriams įvertinti savo svetaines pagal prieinamumo lygį.
• ARIA (Galimybės naudotis Rich Internet Applications) - Konkretus standartas, apibrėžiantis, kaip sukurti prieinamas turtingas programas, kurios remiasi „JavaScript“ / „Ajax“ ir panašiomis technologijomis. Daugiau apie tai skaitykite Anna Monus.

Kitos gairės egzistuoja pagal WAI skydą, įskaitant UAAG naudotojų agentams ir ATAG žiniatinklio kūrimo įrankiams. Šiuo metu jūs turėtumėte būti labiausiai suinteresuoti WAI pasiūlymais ir WAI taisyklėse pateiktomis gairėmis pagal pavadinimą WCAG.

Puikus šaltinis, kaip sužinoti daugiau, yra šis W3C pranešimas apie neįgalumą, dalintis pasakojimais apie tai, kaip neįgalieji gali naudotis internetu. Gali būti sunku suprasti visas sudėtingas problemas, jau nekalbant apie tai, kaip jas išspręsti. Bet geriausias šaltinis yra žmonės, kurie kasdien susiduria su šiomis problemomis.

Kitas svarbus dalykas, kurį turėtumėte suprasti, yra WCAG atitiktis. Tai susiję su svetainės prieinamumo lygis apima įvairius veiksnius. Lygiai yra pagrįsti atitiktimi A, AA ir AAA reitingų sistema. Tai galite patikrinti naudodami žiniatinklio prieinamumo tikrinimo įrankį. Geriausias rezultatas yra AAA.

Jei norite sužinoti daugiau apie šias gaires, patikrinkite W3C įvadas į supratimą apie WCAG 2.0 straipsnį. Taip pat peržiūrėkite šias susijusias nuorodas, jei norite gauti daugiau informacijos:

• WCAG 2.0 supaprastinta
• WCG 508 skyrius

Žingsniai prie prieinamo dizaino

Labai rekomenduoju apsilankyti A11Y projekto svetainėje, kad būtų galima rasti praktinių prieinamumo patarimų. A11Y (kuris taip pat yra skaitinis vardas) yra nemokamas atviro kodo projektas, kuriame yra „GitHub“, siūlo prieinamą interneto dizainą.

Galite peržiūrėti prieinamumo elementų kontrolinį sąrašą arba netgi keletą elementų, pvz., Išskleidžiamųjų meniu, skirtukų, akordeonų, mygtukų ir modalinių langų, dizaino modelius (be kitų elementų).

Sunku išmokti visą šią medžiagą ir ją įgyvendinti vienu metu. Paimkite jį žingsnis po žingsnio ir būkite pasirengę daugiau tirti, jei suprastumėte.

Peržiūrėkite A11Y patarimus ir sparčius patarimus, kaip pradėti. Susidursite su konkrečiais pasiūlymais, pvz., Nuorodomis į turinį ir aukšto kontrasto spalvų schemomis. Šie metodai turi savo detalumo lygį, todėl įgyvendinimas daugiausia susijęs su testavimu, norėdami pamatyti, kas veikia.

Apsvarstykite aklus naudotojus, kurie gali naudoti automatinį turinio skaitytuvą. Jie taip pat gali turėti garso translatorių arba net specialią klaviatūrą, skirtą naršyti internete su klavišais, o ne pele. Štai kodėl tinkamas semantinis HTML (žiūrėti į šį straipsnį) yra toks svarbus su tokiomis savybėmis kaip tabindex ir prieigos raktas.

Jei norite nardyti, apsvarstykite galimybę pasirinkti prieinamumo temą. Galite studijuoti architektūrą ir pritaikyti dizainą, kad jis atitiktų jūsų projektą.

Prieinamumo bandymo įrankiai

Jei norite pradėti, tiesiog pasirinkite prieinamumo sritį ir išbandykite. Tada galite naudoti testavimo priemones, kad įvertintumėte savo sėkmės lygį.

Verta paminėti, kad šis procesas gali būti varginantis. Yra tiek daug ką apsvarstyti, ir WCAG gairės yra taip sunku suprasti, kad galbūt galėtumėte gauti informacijos perkrovos.

Svarbiausia yra tiesiog judėti. Pasirinkite vieną prieinamumo sritį ir sutelkkite ją. Tada naudokite šiuos įrankius, kad padėtų jums patobulinti ir pagerinti savo darbą.

Pavyzdžiui, galite pabandyti dirbti su „WCAG“ kontrastiniais duomenimis pagerinti skaitomumą. Pasirinkę savo spalvas, naudokite šį nemokamą kontrasto santykio tikrintuvą, kad pamatytumėte, ar jie dirba kartu.

Deja, WCAG 2.0 gairės yra tokios painios, kad jums gali būti sunku suprasti reikalavimus. Bet kuo daugiau išbandysite, kuo daugiau sužinosite ir kuo daugiau suprasite.

Norėdami išbandyti svetainę, kuri jau yra internete, patikrinkite WAVE. Tai yra nemokama vizualinė tikrintuvas kuri rodo klaidas, įspėjimus, kontrasto problemas ir kitas svetainės specifikacijas. Šoninėje juostoje bus vaizdinis vaizdas ir problemų sąrašas.

Cynthia Says svetainėje yra dar viena nemokama programa patikrinkite WCAG sėkmės reitingų A, AA, AAA svetaines, ir 508 skirsnis dėl vyriausybės atitikties.

Ir jei esate į atvirą kodą, pažiūrėkite į juos nemokamos prieinamumo testavimo priemonės „GitHub“.

• HTML CodeSniffer
• Automatizuotas prieinamumo testavimo įrankis
• WCAG Validator

Naršyklės priedai

Naršyklės priedai gali greičiausiai ir lengviausiai naudoti prieinamumo bandymus. Šiuos duomenis galite paleisti iš bet kurio kompiuterio bet kurioje svetainėje, kad gautumėte tikrai naudingų rezultatų.

„AInspector for Firefox“ yra laikomas privalomuoju prieinamumu. Tai patikrina viską, ir tai yra daug išsamesnė už WAVE testerį.

„Mozilla“ naudotojai taip pat gali patikti „WCAG Contrast Checker“, kuris taip pat yra nemokamas priedas.

„Chrome“ naudotojai neturi „AInspector“, tačiau „Google“ sukuria „Accessibility Developer“ įrankius. Tai įtraukia papildomus įrankius į inspektoriaus langą, kad būtų galima patikrinti prieinamumo gaires.

„Chrome“ naudotojai taip pat turi šviesumo tikrintuvus, skirtus spalvų kontrastui, ir kai kuriuos kitus nemokamus plėtinius.

Deja, „Safari“ vartotojams nepavyko rasti daug, bet aš suradau vieną „Opera“ plėtinį, kuris patikrina, ar laikomasi WCAG 2.0 atitikties. Jei esate pasiruošęs ieškoti „Google“ pakankamai sunkiai, galite rasti daugiau įrankių.

Papildoma literatūra

Jei rimtai vertinate žiniatinklio prieinamumą, tada būkite pasirengę ilgam keliui. Tai nėra lengva, bet ji labai tenkina.

Iki šiol turėtumėte geriau suprasti faktinį žiniatinklio prieinamumo apibrėžimą, kodėl jis egzistuoja, ir smulkias detales apie tai, ką turėtų tikėtis kūrėjai, kad pagerintų savo svetaines. Kitas žingsnis yra tolesnis tyrimas ir praktika, kad šie principai būtų įtraukti į jūsų darbo eigą.

Išsamesnės informacijos ieškokite šiuose pranešimuose ir patikrinkite WCAG gaires, jei norite žinoti tiesiogiai iš šaltinio.

• Kaip pagerinti HTML lentelės prieinamumą su žymėjimu
• Galimybė naudotis neįgaliems vartotojams
• 6 patarimai, kaip pagerinti svetainės prieinamumą
• Užtikrinkite, kad jūsų svetainė būtų prieinama regos negalia