Kas yra WCAG koeficientas? Kodėl turėtumėte tai įgyvendinti savo dizainuose

Žiniatinklio turinio prieinamumo gairės (WCAG) yra skaitmeninio ir interneto dizaino prieinamumo gairės. Šių nurodymų laikymasis užtikrina, kad spalvos būtų pakankamai kontrastingos, kad regos sutrikimų turintys asmenys galėtų tinkamai matyti ir perskaityti jūsų dizainą. Tai taip pat eina kartu su tipografiniu dydžiu, kad būtų užtikrintas skaitomumas kartu su spalvomis.

Pasaulyje, kuris turėtų būti įtraukesnis, prie savo dizaino pridėjus prieinamų elementų jūsų darbas tik pakylės ir galėsite juo dalytis su daugiau žmonių.

Kas yra WCAG koeficientas?

WCAG reiškia Žiniatinklio turinio prieinamumo gairės. WCAG padeda visiems, kurie kuria ar kuria žiniatinkliui ar internetui, užtikrinti, kad jų dizainas atitiktų prieinamumo tikslus. Tai reiškia, kad jūsų dizainas gali džiaugtis ir juo naudotis gali bet kas, jei įmanoma, neišskiriant ir turinčių regos sutrikimų ar kitų negalių.

WCAG koeficientas nustato minimalius rodiklius, kad būtų pasiektas tikslinis pasiekiamumas. Tai apima spalvų kontrastą ir teksto dydį, kurie užtikrina, kad regėjimo negalią turintys asmenys turės daugiau galimybių matyti, sąveikauti ir naudoti jūsų dizainą. WCAG koeficiento pasiekimas ne tik padeda tiems, kurie turi regėjimo sutrikimų, bet ir pagerina visų interneto vartotojų patirtį.

The World Wide Web Consortium kuria interneto kūrimo standartus. Nors nėra nustatytų žiniatinklio prieinamumo taisyklių, WCAG nustato standartą, kurio turi laikytis bet kuris interneto dizaineris.

Bandydami kontrasto santykį, WCAG siūlo vertinimą nuo A iki AAA. A įvertinimas rodo mažiausią kontrasto lygį. AA yra vidutinio diapazono kontrasto lygiai, kurių santykis yra 4,5:1 – laikomas minimaliu santykiu. Galiausiai AAA yra didžiausias kontrasto lygis. Jei kuriate visiems, jūsų kontrasto lygis yra geriausias tarp AA ir AAA diapazono.

Kodėl WCAG santykis yra svarbus grafiniam ir interneto dizainui?

Grafinis dizainas ir žiniatinklio dizainas turėtų ne tik padaryti informaciją gražią. Informacijos dizainas informuoja mases – tai reiškia, kad jūsų informacija tampa prieinama visiems. WCAG diegimas užtikrina prieinamą dizainą tiems, kurie turi regėjimo sutrikimų, disleksijos, neurodivergencijos ar bet ką, kas turi įtakos regėjimui ar skaitymo gebėjimui.

Žiniatinklio ir skaitmeninio dizaino, taip pat programavimo, pritaikymo neįgaliesiems funkcijos jau yra įdiegtos. Pavyzdžiui, „Windows“ vartotojams suteikia naudingų pritaikymo neįgaliesiems įrankius, ir tai jau įprasta pasiūlyti daugumą „YouTube“ vaizdo įrašų subtitrus ar antraštes. Bet visada galime pagerinti prieinamumą.

Globalus dizainas sukuria geresnį dizainą. Kuo daugiau žmonių gali įsitraukti į jūsų dizainą, tuo jis sėkmingesnis ir tuo didesnis pasiekiamumas. Ne tik jums, kaip dizaineriui, naudinga pasiekti daugiau žmonių, bet ir pasauliui geriau, kad mažiau žmonių būtų atskirti.

Dizainas naudojant WCAG santykį ir pritaikymo neįgaliesiems funkcijas turės teigiamos įtakos spalvų paletėms, tipografijos pasirinkimams ir teksto dydžiams. Sąmoningai nekursite kažko sunkiai įskaitomo, tad kodėl neįtraukus daugiau būdų, kaip sukurti visiems žmonėms geriau skaitomus dizainus?

WCAG santykio įgyvendinimas jūsų dizaine

Yra vietų, kuriose galite patikrinti WCAG santykį savo projektuose, pavyzdžiui, šis kontrasto tikrintuvas Interneto svetainė. Tačiau bet kuriuo atveju turėtumėte pradėti taikyti prieinamas dizaino ypatybes savo darbe, nepasitikėdami tik minimumu.

Pažymėtina, kad logotipo dizainui kontrasto gairės netaikomos. Taip yra dėl to, kad logotipai pateikiami įvairaus dydžio ir dažnai skirtinguose fonuose. Tačiau kuriant logotipus neatsižvelgiama į WCAG santykį.

Didelio kontrasto spalvos

Didelio kontrasto spalvų naudojimas yra paprastas būdas suteikti dizaino įtraukimo. Viena prieš kitą kontrastuojančios spalvos padės žmonėms, turintiems regėjimo sutrikimų ir daltonizmo, geriau matyti jūsų dizainą. Negana to, net žmonės, neturintys regėjimo sutrikimų, geriau matys jūsų dizainą ir su jais įsitrauks.

Ar kada nors bandėte skaityti šviesiai rožinį tekstą šviesiai žaliame fone? Tai beveik neįmanoma. Tačiau tamsiai mėlynas tekstas šviesiai geltoname fone yra daug lengviau matomas ir skaitomas.

Didelio kontrasto spalvos geriausiai tinka dedant tekstą spalvotame fone arba iliustracijose naudojant mažus kelius. Khroma yra AI spalvų paletės generatorius, turintis įmontuotą kontrasto tikrintuvą – vieną iš daugelio puikių AI įrankiai, padedantys jūsų grafinio dizaino darbo eigai.

Puikus būdas patikrinti kontrastą – paversti dizainą pilkos spalvos tonu. Jei galite atskirti spalvas ir suprasti juodos ir pilkos spalvos dizainą, jis taip pat turėtų būti gerai išverstas ir jūsų pasirinktomis spalvomis.

Teksto dydis

Teksto spalvos turi būti pakankamai kontrastingos fono spalvoms, o pats tekstas turi būti pakankamai didelis, kad jį būtų lengva skaityti. Didelio teksto WCAG santykis yra 3:1.

Teksto dydis nėra vienodas visose tipografijose, todėl nepasikliaukite visų šriftų 12 taškų dydžiu, kuris paprastai laikomas minimaliu standartinio skaitomumo dydžiu. Išbandykite juos patys arba su naudotojų bandytojais rodydami arba spausdindami realaus dydžio piešinius. Jei jūsų spalvos nėra tokios kontrastingos, didesnis tekstas padės lengviau skaityti.

Šrifto skaitomumas

Savaime suprantama, bet šriftai, kuriuos pasirenkate savo dizaine, turi būti lengvai įskaitomi. Dekoratyviniai šriftai, kursyvieji šriftai ar ranka piešti šriftai dažnai turi skaitymo problemų. Pavyzdžiui, sunkiojo metalo grupės garsėja sunkiai įskaitomų šriftų naudojimu savo grupių logotipams.

Taip pat turėtumėte pagalvoti apie kerningą ir sekimą, kai naudojate tekstą mažiems dizainams. Tarpai tarp raidžių taip pat gali turėti įtakos numatomam žodžių skaitomumui.

Įtraukiantys prieinamumo veiksniai

Nors WCAG santykiuose atsižvelgiama tik į spalvų kontrastą, šrifto dydį ir teksto įskaitomumą interneto dizaino srityje, turėtumėte kurti visus žiniatinklio ir grafinius dizainus atsižvelgdami į įtraukumą.

Jei esate žiniatinklio dizaineris, dirbantis su programuotoju ar programuotoju, įsitikinkite, kad tai darote naudojant HTML metodus, kurie padeda pasiekti žiniatinklio prieinamumą. Taip pat yra „Canva“ pritaikymo neįgaliesiems funkcijos norėdami išplėsti savo dizaino pasiekiamumą su auditorija.

Jūs neturėtumėte sustoti ties minimaliais WCAG koeficientų reikalavimais; jei galite valdyti alternatyvaus teksto pridėjimą prie vaizdų, antraštes prie garso ar vaizdo failų ar net naudinga teksto formuluotė hipersaitams, kuriuos garsiai skaito ekrano skaitytuvai, turėtumėte eiti aukščiau ir toliau. Pritaikymo neįgaliesiems funkcijų įtraukimas neišskiria jokios auditorijos – tai tik pakviečia daugiau žmonių.

Projektavimas naudojant WCAG koeficientą pagerina dizainą visiems

Žiniatinklio dizaino standartai pateikiami iš World Wide Web Consortium – bendruomenės, kuri padeda žiniatinklyje taikyti geriausią praktiką. Konsorciumas sukūrė žiniatinklio turinio prieinamumo gaires, kurių turėtų laikytis interneto dizaineriai. Tai suteikia matomumo tikrinimo koeficiento standartą kuriant žiniatinkliui.

Šių gairių ir santykio standartų laikymasis reiškia, kad jūsų žiniatinklio dizainą gali pasiekti daugiau žmonių.