Градењето вистинска култура на дигитална пристапност во компанијата е мисија на издржливост и истрајност. Не е тешко дискурсот за пристапноста да падне во вообичаените клишеа. Пристапноста е многу важна за луѓето. Пристапноста на дигиталните производи и услуги промовира инклузија. Или дури, сите професионалци во тимовите треба да бидат вклучени во работата за пристапност. Се разбира. Никој со здрав ум нема да оспори ниту една од овие изјави (се надевам). Меѓутоа, вториот дел од овој разговор, до кој многу малку компании стигнуваат, е „како? Како да го направиме ова да се случи во средината на секојдневната работа на тимовите за дигитална трансформација, кои, како што сите знаеме, се нурнати во тешки скрипти, често со многу ограничен број на луѓе на располагање? Поголемиот дел од времето, изборот завршува помеѓу „ние го правиме ова“ и „тоа“. И не треба, затоа што, во овие случаи, никогаш не видов дека пристапноста победува во оваа равенка. Не треба да биде вака. Не треба да бидете вака. Пред сè, затоа што изборот помеѓу пристапноста и што било друго не е вистинскиот избор. Пристапноста повеќе не е само уште една карактеристика што треба да се додаде на другите. Тоа е додадена вредност за бизнисот и, во моментов, законска обврска што може да има сериозни последици за компаниите. Од друга страна, постојат интелигентни, оптимизирани и влијателни начини за инкорпорирање на принципите за пристапност во природната динамика на тимовите. Можно е да се работи на пристапноста без да се превртуваат тимските операции. Во суштина, тоа е она што го прави AccessibilityOps. Зајакнување на луѓето и обезбедување на тимови со едноставни процеси за да можат да ја интегрираат работата за пристапност во нивните секојдневни рутини без непропорционален напор. Пристапност и дизајн Работата на дигиталната пристапност во дизајнот може да вклучи неколку активности. Јасно е дека треба да посветиме особено внимание на бојата и како таа се користи за да се пренесе значење. Се разбира, големини на интеракцијата на елементите мора да бидат удобни. Но, што е најважно, ние мора да размислуваме за дизајнот од разноврсна перспектива. Интерфејсот не е постер. Можеме да контролираме многу аспекти од тој дизајн, но начинот на кој корисниците комуницираат со интерфејсот е предмет на бесконечен број на променливи. Типот на уредот, контекстот, целта, квалитетот на мрежата итн. Сето ова во голема мера влијае на искуството и интеракцијата на секоја личност. Заедно со сето ова, кога прашањата за дигиталната пристапност се внесуваат во процесот на дизајнирање, тоа додава уште повеќе променливи.
Луѓето често ги користат она што се нарекуваат помошни технологии и стратегии. Во основа, ова се технолошки алатки или, во најмала рака, „трикови“ на кои луѓето прибегнуваат за да најдат поудобни модели за користење. Познатите читачи на екран, вообичаено поврзани со употребата на слепи лица (но кои не се корисни само за нив), на пример, се помошна технологија. Промената на боите или контрастите на боите помеѓу различни елементи е исто така помошна технологија. Зголемувањето на големината на фонтот (за што разговаравме во овој текст) е уште еден пример. Постојат безброј помошни технологии и стратегии. Речиси колку различните контексти на употреба за секој човек. Ние не контролираме сè Со други зборови (и ова е „лошата вест“ за нас дизајнерите), „нашиот дизајн“ е предмет, од перспектива на корисниците, на трансформации што ние не ги контролираме. Корисникот ќе го „трансформира“, осигурувајќи дека ќе може да комуницира со апликацијата и сè што таа нуди на најудобниот можен начин. И тоа е добра работа. Ако ова се случи и сè биде добро, сигурно ќе ја завршиме нашата работа за пристапност многу добро и сите заслужуваме честитки. Ако корисникот применува некоја од овие технологии и стратегии за поддршка и сè уште не може да ја користи дигиталната апликација, тоа е знак дека нешто не функционира како што треба. О, и кога зборуваме за тоа. Не ни помислувајте да ја блокирате употребата на овие технологии или стратегии за поддршка. Можеби го „уништуваат“ вашиот прекрасен дизајн, но им дозволуваат на се повеќе луѓе всушност да ја користат апликацијата. На крајот, зарем тоа не беше токму она што го ветивме дека сакаме да го направиме? Дизајн за (сите) луѓе. Без исклучок? Зголемете ја големината на фонтот Колку пати сме слушнале некој — пријатели, семејство, па дури и колеги — да се жали дека овој или оној текст е премал? Текстот игра многу важна улога во дигиталното искуство. Многу информации се пренесуваат преку текст:упатства за употреба, натписи на копчињата или интерактивни елементи. Сето ова го користи текстот како алатка за комуникација. Ако читањето на сите овие елементи е тешко, природно, искуството е сериозно нарушено. Удобното читање текст, без разлика на неговата функција, е принцип што не може да се преговара. Ова читање може да се олесни со користење на удобни големини во дизајнот. Сепак, технологиите и стратегиите за поддршка, преку функционалноста за зголемување на големината на фонтот, исто така може да помогнат да се подобри читливоста. Според податоците на APPT, 26% од корисниците на мобилни уреди со Android и iOS ја зголемуваат стандардната големина на фонтот (податоци од февруари 2026 година). Секој четврти корисник ја зголемува големината на фонтот на својот паметен телефон. Ова е многу значаен примерок на луѓе, што ја прави оваа функционалност неизбежна во процесите на дизајнирање.
Усогласеност со упатствата Зголемувањето на големината на фонтот во интерфејсите може да претставува огромен дизајн предизвик. Важно е да се разбере дека, одеднаш, некои текстуални елементи, поради дејствата на корисникот, може да се удвојат во големина од нивната почетна големина. „Со исклучок на натписите и текстуалните слики, големината на текстот може да се промени без помошна технологија до 200% без губење на содржината или функционалноста.“ - Критериум за успех 1.4.4, „Промена на големината на текстот“ на упатствата за пристапност на веб-содржини (WCAG), верзија 2.2
Овој критериум за успех е на ниво на усогласеност со АА, што значи дека ова е апсолутно задолжителна карактеристика според која било законска рамка. Лесно е да се разбере 200% во овој критериум за успех. Ако претпоставиме дека ги дизајнираме интерфејсите на скала од 100%, што значи дека големината на елементот е почетната големина, тогаш зголемувањето на текстот до 200% ќе одговара на удвојување на почетната големина. Може да се користат и други ваги за зголемување, како што се 120%, 140%, итн. Со други зборови, мораме да се погрижиме корисниците да можат да го зголемат текстот за да ја удвојат неговата почетна големина преку технологии или стратегии за поддршка (и ова не е помал детал). За да се усогласиме со овој стандард, не треба да обезбедуваме алатки за зголемување на големината на текстот во интерфејсите. Во пракса, овие карактеристики не се ништо повеќе од вишок. Уредите веќе дозволуваат тоа да се направи на стандардизиран начин. Корисниците на кои навистина им е потребна оваа поставка го знаат тоа (бидејќи, без него, нивните животи би биле многу потежок). Па, тие веќе ја имаат оваа поставка применета на нивниот уред. А тоа значи дека можеме да ги елиминираме овие дополнителни елементи на интерфејсот, поедноставувајќи го искуството.
Стандардизиран пристап Важен концепт што треба да се запамети за помошните технологии, особено во овој случај во врска со зголемувањето на големината на фонтот, е дека повеќето уреди веќе имаат стандардно инсталирани многу од овие алатки. Со други зборови, во многу случаи, корисниците не треба да купуваат сопствен софтвер или да купуваат специфичен тип на уред само за да ја имаат оваа функционалност. Без разлика дали на мобилни уреди или дури и во веб-прелистувачи, во огромното мнозинство на случаи, лесно е да се најдат инсталирани функции што ви дозволуваат да ја зголемите стандардната големина на фонтот што ја користиме низ интерфејсот. Овој принцип на зголемување на големината на фонтот може да се примени на дигитални производи, како што се апликациите, па дури и на било кој тип на веб-локација што работи на стандардните веб-прелистувачи што се користат денес. iPhone-и На уредите со iPhone, функцијата за зголемување на големината на фонтот е стандардно интегрирана. За да ја користите оваа одлика, едноставно пристапете до панелот „Settings“, изберете „Accessibility“ и во групата опции „Vision“, пристапете до функцијата „Text Size and Display“ и конфигурирајте го саканото зголемување на големината на фонтот на тој екран.
Google Chrome Веб-прелистувачите стандардно нудат и функционалност за зголемување на големината на фонтот. На пример, во Google Chrome, оваа функција е достапна во панелот „Опции“, конкретно во областа „Изглед“. Во списокот со опции што се појавуваат во оваа група, едноставно изберете ја опцијата „Големина на фонтот“. Вообичаено, ќе биде избрана опцијата „Средно - препорачано“. Можете да ја промените оваа поставка на која било друга достапна големина на фонтот. Обидете се, на пример, со опцијата „Многу голема“.
Тест во Figma За да се осигура дека работата за дигитална пристапност станува ефективна во секојдневниот живот на тимовите, од суштинско значење е да се најдат едноставни работни процеси. Акции или иницијативи кои можат да се интегрираат во рутината на тимот, кои се однесуваат на пристапноста на интегриран начин и не бараат драматична трансформација на моменталната реалност. Ако тоа беше неопходно, смета тој, тоа немаше да се случи најчесто. Затоа, дизајнирањето едноставни работни процеси е половина од битката за пристапноста навистина да се случи, во оваслучај, исто така во рамките на дизајнерскиот тим. Во однос на тестирањето на зголемувањето на големината на фонтот во дизајнот, денес имаме на располагање извонредни алатки. Оние кои се сеќаваат на деновите на дизајнирање сложени интерфејси во Adobe Photoshop ќе ги препознаат разликите во алатките што ги имаме денес (и за среќа). Сега е можно, преку алатки како Figma, да се создаде таква динамика во дизајнот што тестирањето на големината на фонтот се зголемува за пристапност станува речиси неизбежно за тимот.
Забелешка: За да го направите овој тест, треба добро да ги разберете стиловите на текстот на Figma, автоматските распореди и променливите. Овие три се основни алатки за успех без многу дополнителен напор. Ако сè уште не сте ги совладале овие карактеристики, препорачливо е да започнете таму. Не прескокнувајте чекори. Учењето е постепен процес кој мора да се следи на структуриран, чекор-по-чекор начин. Каде сакаме да одиме? Тестот за зголемување на големината на фонтот во Figma што сакаме да го извршиме е едноставен. Сакаме да имаме сет на променливи достапни за сите стилови на текст што ги користиме во интерфејсот, што ни овозможува да избереме дали сакаме да го гледаме интерфејсот со текстот на скала од 100%, 120%, 140%, 160%, 180% или 200%. Додека го применуваме овој сет на променливи (слично како примена на променливи за светол и темни режим), ги набљудуваме трансформациите на текстот во интерфејсот и разбираме до кој степен се потребни адаптации во секоја верзија на интерфејсот со различни типографски размери.
Како да го направиме ова да се случи? За овој тест да помине толку непречено, треба да направите одредена основа. Дизајнерските системи можат многу да помогнат да се оптимизира голем дел од оваа почетна работа. Но, нема да те лажам. За тестот да работи добро, вашиот дизајн треба да има многу сериозно ниво на организација и систематизација. Ова навистина не е водич, бидејќи секој тим ќе има свој модел на работа, а овие препораки може да се применат на различни начини (и тоа е во ред). Сепак, за да функционира овој тест, важно е да се обезбедат одредени претпоставки во дизајнот. За да ви помогнеме во фаза на имплементација на овој тест модел, еве неколку чекори што треба да се следат. Чекор-по-чекор инструкции кои ќе ве водат во организирањето на вашите датотеки и ќе се осигурате дека можете целосно да го извршите овој тест на наједноставен и најпрактичен можен начин. 1. Дизајнирање на интерфејси Сè започнува со дизајнот. Пред секое тестирање, фокусот треба, како што треба, да биде на дизајнот на секој интерфејс што ќе сакаме да го тестираме подоцна. Во оваа фаза, сè уште нема посебна грижа за тестот за зголемување на големината на фонтот што ќе го извршиме подоцна. Секако, целиот дизајн на интерфејс треба, од самиот почеток, да ги следи најосновните препораки за пристапност применети за дизајнот.
2. Примени автоматски распореди на сите елементи Во секој дизајн на екранот што го создавате, ќе треба да се осигурате дека совршено ги применувате автоматските распореди. Ова е многу важен чекор. Токму оваа доследна примена на автоматски распореди на целата структура и дизајнерски елементи е што подоцна ќе гарантира приспособливост на интерфејсот кога ќе почнеме да тестираме зголемување на големината на фонтот. Овој чекор навистина не можете да го потцените. Ако не му го посветите вниманието што го заслужува, ќе видите кога ќе тестираме типографско скалирање во интерфејсите, сè ќе се распадне како слон во продавница за порцелан.
3. Структурирање и примена на стилови на текст За да го извршиме нашиот тест за зголемување на големината на фонтот, ќе ни треба и да примените стилови на текст на секој дизајн на интерфејсот. Веројатно дури и почнавте да ги создавате додека цртате. Одлично. Ако не сте го направиле тоа, важно е да го направите сега. За тестот да работи совршено, ова навистина ни треба. Не оставајте никаков текстуален елемент во дизајнот без применет текстуален стил.
4. Дефинирајте го множеството променливи 100% Овој тест принудува прилично висок степен на оптимизација. Во пракса, ова значи дека ќе треба да користиме Figma променливи за сите карактеристики на стиловите на текст што ги имаме во интерфејсот. Во оваа фаза, мора да ги дефинирате променливите „број“ на Figma барем за големината на фонтот и висината на линијата на стиловите на текст што сте ги примениле на цртежот. Со овој чекор, ги дефинирате вредностите на скалата за зголемување на големината на фонтот за 100% модел на визуелизација, односно почетната и референтната верзија на цртежот. Важно е да ги структурирате овие променливи за секој стил на текст во цртежот бидејќи, последователно, ќе треба да ја разгледаме скалата на зголемување на секој од овие текстуални елементи.
5. Примени ги променливите во стиловите на текстот Откако ги дефиниравте променливите за стиловите на текст од 100% скала, сега мора да ги применитена елементите на веќе создадените стилови на текст. Не заборавајте да примените променливи барем за карактеристиките на големината на фонтот и висината на линијата. Ако имате повеќе типографски променливи, тоа е во ред. Но, барем треба да имате променливи применети на големината на фонтот и висината на линијата. Ова е навистина многу важно.
6. Дефинирајте ги променливите за зголемување на големината на текстот Сега кога ги имате применетите променливи на стиловите на текстот од 100% скала, следниот чекор е да ги креирате променливите за другите скали за зголемување на големината на фонтот. Во пракса, треба да креирате променливи кои ќе му кажат на системот до која големина на фонт ќе порасне секој стил на текст кога скалата на зголемување е 120%, 140%, 160%, итн. За да ги дефинирате вредностите на големината на фонтот и висината на линијата, едноставно помножете ја почетната вредност со процентот на скалата. На пример, ако стилот на текст има големина на фонт од 16 пиксели, големината за скалата од 120% ќе биде 16 помножена со 1,2, што дава резултат од 19,2. Повторете ја оваа пресметка за сите вредности на големината на фонтот и висината на линијата на големината на фонтот што ги зголемува процентите на скалата што ќе ги изберете. Можете исто така да изберете дали да се примени или не заокружувањето на конечните вредности. Ова е приближен тест и затоа сите разлики што може да произлезат од заокружувањето нема да влијаат на конечната перцепција на резултатот од тестот.
7. Примени променливи на различни верзии од размер Дојде моментот на вистината. Следниот чекор е да разбереме дали имаме сè што работи така што тестот работи совршено. Затоа, треба да го копирате оригиналниот интерфејс и да го примените множеството променливи за секоја од стапките на зголемување на големината на фонтот што има смисла за вас. Повторете го овој процес за сите проценти за зголемување на големината на фонтот што сте ги дефинирале. Како предлог, можете да ги користите процентите за зголемување од 120%, 140%, 160%, 180% и 200% како референца. Ако сакате да поедноставите, можете да го намалите бројот на проценти на скалирање со кои работите. Без оглед на бројот на проценти со кои работите, секогаш треба да работите со минимум од 100% и 200% скали.
8. Идентификувајте области за подобрување Со примена на различни скали за зголемување на големината на фонтот на истиот екран, лесно е да се разбере каде можеби се потребни подобрувања. Тука започнува вистинскиот тест за зголемување на големината на фонтот во дизајнот на интерфејсот и најинтересната работа за пристапност. Во анализата на различните екрани, имајте на ум некои важни аспекти:
Фактот дека текстот изгледа гигантски не е проблем и не го „руши“ дизајнот. Запомнете дека ова може да значи разлика помеѓу некој да може да користи одреден производ или услуга или не. Проблем со пристапноста постои кога зголемувањето на големината на фонтот го оневозможува корисникот да чита одредени текстови или да активира одредени контроли. За текстуалните елементи кои се веќе многу големи, зголемувањето на големината на фонтот можеби нема да има смисла. Тоа може да ги направи тие елементи непропорционални, што нема да ја подобри читливоста (бидејќи веќе се со добра големина) и би заземало целосно непотребен простор. Ако има елементи што се чини дека излегуваат од екранот, првиот чекор е да потврдите како го применувате автоматскиот распоред. Многу дизајнерски аспекти може лесно да се решат со правилна употреба на автоматски распоред. Без оглед на скалата на зголемување на големината на фонтот, од суштинско значење е да се одржи визуелната хиерархија на типографијата, бидејќи оваа читливост е важна за согледување на различните нивоа на информации присутни на екранот. Овој тест може да помогне да се идентификуваат елементите на кои можеби им требаат прилагодувања директно во кодот за да функционираат добро на дадена скала на зголемување. Не може се да се реши само преку дизајн, и тоа е сосема во ред. Пристапноста во суштина е тимски напор.
9. Направете корекции и прилагодувања на дизајнот Конечно, врз основа на различните екрани со применети различни скали за зголемување на текстот, можете да ги направите промените во дизајнот што имаат смисла. Некои од овие прилагодувања може да бидат потребни само во код. Во овие случаи, вие ги документирате сите овие предлози и ги пренесувате на тимот за развој. Исто така, клучно е да се зајакне (повторно) дека некои од проблемите со кои може да се сретнете во дизајнот може брзо да се решат во процесот на дизајнирање, со едноставна и правилна примена на својствата на автоматско распоредување.
10. Вратете се на почетокот и повторете го процесот Ова е цикличен пристап. Ова значи дека треба да ги повторите овие чекори, или нивни варијации, онолку пати колку што е потребно во текот на проектот. Природно е дека, со текот на времето и со оптимизација на процесот, некоиод овие чекори ќе престане да има смисла. Тоа апсолутно не е проблем. Но, најважното нешто што треба да се сфати овде е дека пристапноста и овој процес на тестирање на зголемувањето на големината на фонтот не треба да се прават само еднаш, и тоа е тоа. Тоа е тест што треба да се направи многу, многу пати во текот на секојдневната работа на секој проект и тим.
Улогата на системи за дизајн На прв поглед, оваа листа на чекори може да изгледа како сложена вежба. Но, тоа не е. Ова е затоа што огромното мнозинство, ако не и сите, од овие чекори се лесни за извршување во секој контекст каде што постои систем за дизајн. Всушност, системите за дизајн станаа неизбежен стандард во индустријата за дизајн на производи. Можеме да разговараме за тоа што секој тим го нарекува систем за дизајн, но вистината е дека денес е многу тешко да се најде тим за дизајн на производи што нема, барем, минимално структурирана библиотека на компоненти и стилови.
Со оваа основа, без разлика дали е повеќе или помалку документирана, многу е лесно да се примени овој тип на тест за зголемување на големината на фонтот со помош на променливите Figma. Понатаму, ако вашиот дизајн систем веќе има, на пример, структурирани променливи за светло и темни режими, тоа значи дека веќе ги применувате истите принципи што ги користевме за да го извршиме овој тест. Значи, ништо ново. Работата со системи за дизајн вклучува ниво на структурирање и организација што е исто така многу корисно за креирање на овој тип на тест. Постои мит дека системите за дизајн ја ограничуваат креативноста. Ова не е точно. Дизајнерските системи помагаат да се реши „бирократскиот“ дел од дизајнот, така што всушност можеме да имаме повеќе време за она што е важно: во овој случај, тестирање на пристапноста и градење се повеќе и повеќе производи и услуги кои се навистина достапни за најголемиот број луѓе. Пример датотека Секогаш е полесно да се види пример отколку само да се прочита опис на процес. Ако ова е точно во многу дисциплини на знаење, во дизајнот, оваа премиса има уште поголема смисла. Затоа, во оваа датотека Figma, слободно објавена и отворено достапна за заедницата, ќе најдете практичен пример за целиот процес на тестирање опишан овде. Запомнете дека ова е само пример. Може да има безброј начини да се изврши овој тип на тест во контекст на датотеката Figma.
Не заборавајте да го погледнете овој пристап со критичко око. Тоа е предлог за тестирање на зголемување на големината на фонтот што следи по одреден процес. И покрај ова, пристапот треба да се прилагоди на специфичната реалност, процесите и нивото на зрелост на вашиот тим. Едноставно копирање формули од други тимови без разбирање дали имаат смисла во нашиот сопствен контекст е сигурен начин да се направат непропорционални напорите за пристапност. Секоја ситуација е единствена. Овој пристап се обидува да ја поедностави работата за пристапност колку што е можно повеќе во овој специфичен контекст. И запомнете: ако нешто се случи, колку и да е мало, тоа е чекор напред, а не чекор назад. И тоа треба да го слават сите во тимот.
