Шта је ВЦАГ однос? Зашто би то требало да имплементирате у своје дизајне

Смернице за приступачност веб садржаја (ВЦАГ) су смернице за приступачност за дигитални и веб дизајн. Праћење ових смерница осигурава да су боје довољно контрастне да помогну особама са оштећењем вида да правилно виде и прочитају ваше дизајне. Ово такође иде руку под руку са типографском величином, како би се обезбедила читљивост заједно са бојама.

У свету који би требало да буде инклузивнији, додавање приступачних елемената вашим дизајнима само ће подићи ваш рад и омогућити вам да га делите са више људи.

Шта је ВЦАГ однос?

ВЦАГ је скраћеница за Смернице за приступачност веб садржаја. ВЦАГ помаже свима који дизајнирају или стварају за веб или интернет како би осигурали да њихови дизајни достигну циљеве приступачности. То значи да свако може да ужива у вашим дизајнима и да их користи, не искључујући особе са оштећењем вида или другим инвалидитетом када је то могуће.

ВЦАГ однос поставља минималне односе за постизање циљане приступачности. Ово укључује контраст боја и величину текста, што обезбедјује особама са оштећеним видом боље шансе да виде, комуницирају и користе ваше дизајне. Не само да постизање ВЦАГ односа помаже особама са оштећењем вида, већ и повећава корисничко искуство за све кориснике веба.

Тхе Ворлд Виде Веб Цонсортиум развија стандарде за веб развој. Иако не постоје одређена правила за веб приступачност, ВЦАГ поставља стандард којег треба да прати сваки веб дизајнер.

Приликом тестирања односа контраста, ВЦАГ предлаже оцену од А до ААА. Оцена А показује најниже нивое контраста. АА су нивои контраста средњег опсега са односом од 4,5:1 – који се сматра минималним односом. Коначно, ААА је највиши ниво контраста. Ако дизајнирате за свакога, ваши нивои контраста су најбољи када су између АА и ААА опсега.

Зашто је ВЦАГ однос важан у графичком и веб дизајну?

Графички дизајн и веб дизајн не би требало да само чине да информације изгледају лепо. Дизајн информација информише масе — то значи да ваше информације буду доступне свима. Имплементација ВЦАГ обезбеђује приступачне дизајне за оне са оштећењем вида, дислексијом, неуродивергенцијом или било чим што утиче на нечији вид или способност читања.

Веб и дигитални дизајн — као и програмирање — већ имају успостављене функције приступачности. На пример, Виндовс корисницима пружа корисне алатке за приступачност, и већ је уобичајено за већину ИоуТубе видео снимака титлови или натписи. Али увек можемо побољшати доступност.

Глобални дизајн ствара бољи дизајн. Што више људи може да се бави вашим дизајном, то је успешнији и већи досег има. Не само да је за вас као дизајнера добро да допрете до више људи, већ је боље за свет да је мање људи искључено.

Дизајнирање са ВЦАГ односом и функцијама приступачности у вашим дизајнима имаће позитивне ефекте на палете боја, избор типографије и величине текста. Не бисте намерно дизајнирали нешто тешко за читање, па зашто не бисте укључили више начина за креирање дизајна са бољом читљивошћу за све људе?

Примена ВЦАГ односа у вашим дизајнима

Постоје места на којима можете проверити ВЦАГ однос у својим дизајнима, као што је ово провера контраста веб сајт. Али ипак би требало да уђете у праксу имплементације приступачних карактеристика дизајна у свој рад без ослањања на проверу у односу на минимум.

Треба напоменути да се смернице за контраст не примењују на дизајн логотипа. То је због тога што су логотипи представљени у различитим величинама и често на различитим позадинама. Међутим, не штети вам да узмете у обзир ВЦАГ однос када дизајнирате логотипе.

Боје високог контраста

Коришћење боја високог контраста је једноставан начин да додате инклузивност својим дизајнима. Боје које су у супротности једна са другом помоћи ће особама са оштећењем вида и далтонистима да боље виде ваше дизајне. И не само то, већ ће чак и људи без оштећења вида боље видети – и бавити се – вашим дизајном.

Да ли сте икада покушали да прочитате светло ружичасти текст на светло зеленој позадини? Готово је немогуће. Али тамноплави текст на светло жутој позадини много је лакше видети и читати.

Боје високог контраста најбоље функционишу када се текст ставља на позадину у боји или ако користите мале путање у илустрацијама. Кхрома је АИ генератор палете боја који долази са уграђеном провером контраста—један од многих сјајних АИ алати који ће вам помоћи у току рада у графичком дизајну.

Одличан начин да проверите контраст је претварање вашег дизајна у нијансе сиве. Ако можете да раздвојите боје и разумете дизајн у црној и сивој боји, требало би да се добро преводи и у одабраним бојама.

Величина текста

Поред тога што су боје текста довољно контрастне према бојама позадине, сам текст би требало да буде довољно велик да се лако чита. ВЦАГ однос за велику величину текста је 3:1.

Величина текста није једнака у свим типографијама, тако да се немојте ослањати на величину од 12 тачака — која се обично сматра минималном величином за стандардну читљивост — за све фонтове. Тестирајте их сами или са корисничким тестерима тако што ћете приказати или одштампати дизајне у стварној величини. Ако ваше боје нису толико у контрасту, онда ће већи текст помоћи читљивости, као заобилазно решење.

Читљивост фонта

Подразумева се, али фонтови које одаберете у свом дизајну морају бити лако читљиви. Декоративни фонтови, курзивни фонтови или ручно нацртани фонтови често имају проблема са читљивошћу. Хеви метал бендови су познати по томе што користе сама по себи тешко читљива слова за логотипе својих бендова, на пример.

Такође бисте требали размотрити кернинг и праћење када користите свој текст за мале дизајне. Размак између слова такође може утицати на предвиђену читљивост речи.

Инклузивни фактори приступачности

Док се само контраст боја, величина фонта и читљивост текста у веб дизајну узимају у обзир у ВЦАГ односима, требало би да направите све своје веб и графичке дизајне имајући на уму инклузивност.

Ако сте веб дизајнер који ради са програмером или кодером, уверите се да јесте користећи ХТМЛ технике које помажу у приступачности веба. Постоје функције приступачности у Цанви да проширите домет својих дизајна код публике.

Не би требало да се зауставите само на минималним захтевима за ВЦАГ односе; ако имате контролу над додавањем алтернативног текста сликама, натписима аудио или видео датотекама, или чак корисна формулација текста за хипервезе—које читачи екрана читају наглас—требало би да идете изнад и изван. Укључивање функција приступачности не искључује ниједну публику – само позива више људи.

Дизајнирање са ВЦАГ односом побољшава дизајн за све

Стандарди за веб дизајн потичу од Ворлд Виде Веб Цонсортиум-а, заједнице која помаже у најбољим праксама широм веба. Конзорцијум је развио Смернице за приступачност веб садржаја, које би веб дизајнери требало да прате. Ово обезбеђује стандард односа за проверу видљивости приликом дизајнирања за веб.

Праћење ових смерница и стандарда за однос значи да вашем веб дизајну може приступити више људи.