Изграждането на истинска култура на дигитална достъпност в една компания е мисия на устойчивост и постоянство. Не е трудно дискурсът за достъпността да попадне в обичайните клишета. Достъпността е много важна за хората. Достъпността на цифровите продукти и услуги насърчава приобщаването. Или дори всички професионалисти в екипите трябва да участват в работата по достъпността. разбира се Никой със здрав разум няма да оспори някое от тези твърдения (надявам се). Втората част от този разговор обаче, до която много малко компании достигат, е „как?“ Как да направим това да се случи в разгара на ежедневната работа на екипите за дигитална трансформация, които, както всички знаем, са потопени в взискателни скриптове, често с много ограничен брой налични хора? През повечето време изборът завършва между „ние правим това“ и „онова“. И не би трябвало, защото в тези случаи никога не съм виждал достъпността да печели в това уравнение. Не трябва да е така. Не е нужно да бъдете по този начин. Първо, защото изборът между достъпност и нещо друго не е правилният избор. Достъпността вече не е просто още една функция, която трябва да се добави към останалите. Това е добавена стойност за бизнеса и понастоящем законово задължение, което може да има сериозни последици за компаниите. От друга страна, има интелигентни, оптимизирани и въздействащи начини за включване на принципите за достъпност в естествената динамика на екипите. Възможно е да работите върху достъпността, без да преобръщате екипните операции с главата надолу. По същество това е, което прави AccessibilityOps. Овластяване на хората и предоставяне на екипи с прости процеси, така че те да могат да интегрират работата по достъпността в ежедневието си без непропорционални усилия. Достъпност и дизайн Работата по цифровата достъпност в дизайна може да включва няколко действия. Ясно е, че трябва да обърнем специално внимание на цвета и как се използва за предаване на смисъл. Разбира се, размерите на взаимодействието на елементите трябва да са удобни. Но най-важното е, че трябва да мислим за дизайна от многостранна гледна точка. Интерфейсът не е плакат. Можем да контролираме много аспекти на този дизайн, но как потребителите взаимодействат с интерфейса зависи от безкраен брой променливи. Видът на устройството, контекстът, предназначението, качеството на мрежата и т.н. Всичко това силно влияе върху опита и взаимодействието на всеки човек. Наред с всичко това, когато проблемите с цифровата достъпност се включат в процеса на проектиране, това добавя още повече променливи.
Хората често използват така наречените помощни технологии и стратегии. По принцип това са технологични инструменти или най-малкото „трикове“, към които хората прибягват, за да намерят по-удобни модели на използване. Известните екранни четци, които обикновено се свързват с използването на незрящи хора (но които не са полезни само за тях), например, са помощна технология. Промяната на цветовете или цветовите контрасти между различни елементи също е помощна технология. Увеличаването на размера на шрифта (което обсъдихме в този текст) е друг пример. Има безброй помощни технологии и стратегии. Почти толкова, колкото различните контексти на употреба за всеки човек. Ние не контролираме всичко С други думи (и това е „лошата новина“ за нас, дизайнерите), „нашият дизайн“ е обект, от гледна точка на потребителите, на трансформации, които ние не контролираме. Той ще бъде „трансформиран“ от потребителя, като се гарантира, че той може да взаимодейства с приложението и всичко, което предлага по възможно най-удобния начин. И това е нещо хубаво. Ако това се случи и всичко върви добре, със сигурност ще сме свършили работата си по достъпността много добре и всички заслужаваме поздравления. Ако потребителят приложи някоя от тези технологии и стратегии за поддръжка и все още не може да използва цифровото приложение, това е знак, че нещо не работи както трябва. О, и като стана дума за това. Не си и помисляйте да блокирате използването на тези технологии или стратегии за поддръжка. Те може да „унищожават“ вашия красив дизайн, но позволяват на все повече и повече хора действително да използват приложението. В крайна сметка, не беше ли точно това, което обещахме, че искаме да направим? Дизайн за (всички) хора. Без изключение? Увеличете размера на шрифта Колко пъти сме чували някой - приятели, семейство или дори колеги - да се оплаква, че този или онзи текст е твърде малък? Текстът играе много важна роля в цифровото изживяване. Много информация се предава чрез текст:инструкции за употреба, надписи на бутони или интерактивни елементи. Всичко това използва текста като средство за комуникация. Ако четенето на всички тези елементи е трудно, естествено, преживяването е силно нарушено. Удобното четене на текст, независимо от неговата функция, е принцип, който не подлежи на обсъждане. Това четене може да бъде улеснено чрез използване на удобни размери в дизайна. Въпреки това поддържащите технологии и стратегии, чрез функционалността на увеличаване на размера на шрифта, също могат да помогнат за подобряване на четливостта. Според данни на APPT 26% от потребителите на мобилни устройства с Android и iOS увеличават размера на шрифта по подразбиране (данни от февруари 2026 г.). Всеки четвърти потребител увеличава размера на шрифта на своя смартфон. Това е много значителна извадка от хора, което прави тази функционалност неизбежна в процесите на проектиране.
Съответствие с насоките Увеличаването на размера на шрифта в интерфейсите може да представлява огромно предизвикателство при дизайна. Важно е да разберете, че внезапно някои текстови елементи, поради действия на потребителя, могат да удвоят размера си от първоначалния си размер. „С изключение на надписи и текстови изображения, текстът може да бъде преоразмерен без помощна технология до 200% без загуба на съдържание или функционалност.“— Критерий за успех 1.4.4, „Преоразмеряване на текст“ от Насоките за достъпност на уеб съдържанието (WCAG), версия 2.2
Този критерий за успех е на ниво съответствие на AA, което означава, че това е абсолютно задължителна характеристика според всяка правна рамка. Лесно е да разберете 200% в този критерий за успех. Ако приемем, че проектираме интерфейсите в 100% мащаб, което означава, че размерът на елемента е първоначалният размер, тогава увеличаването на текста с до 200% ще съответства на удвояване на първоначалния размер. Могат да се използват и други мащаби на уголемяване, като 120%, 140% и т.н. С други думи, трябва да гарантираме, че потребителите могат да увеличат текста до удвояване на първоначалния му размер чрез поддържащи технологии или стратегии (и това не е маловажен детайл). За да спазим този стандарт, не е необходимо да предоставяме инструменти за увеличаване на размера на текста в интерфейсите. На практика тези функции не са нищо повече от излишък. Устройствата вече позволяват това да се прави по стандартизиран начин. Потребителите, които наистина се нуждаят от тази настройка, го знаят (защото без нея животът им би бил много по-труден). Е, те вече са приложили тази настройка на цялото си устройство. А това означава, че можем да премахнем тези допълнителни интерфейсни елементи, опростявайки изживяването.
Стандартизиран достъп Важна концепция, която трябва да запомните относно помощните технологии, особено в този случай по отношение на увеличаването на размера на шрифта, е, че повечето устройства вече имат много от тези инструменти, инсталирани по подразбиране. С други думи, в много случаи потребителите не трябва да купуват собствен софтуер или конкретен тип устройство, само за да имат тази функционалност. Независимо дали на мобилни устройства или дори в уеб браузъри, в по-голямата част от случаите е лесно да намерите инсталирани функции, които ви позволяват да увеличите размера на шрифта по подразбиране, който използваме в целия интерфейс. Този принцип на увеличаване на размера на шрифта може да се приложи към дигитални продукти, като приложения или дори към всеки тип уебсайт, работещ на стандартните уеб браузъри, използвани днес. телефони iPhone На iPhone устройства функцията за увеличаване на размера на шрифта е интегрирана по подразбиране. За да използвате тази функция, просто влезте в панела „Настройки“, изберете „Достъпност“ и в групата с опции „Визия“ влезте в функцията „Размер на текста и показване“ и конфигурирайте желаното увеличение на размера на шрифта на този екран.
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% и т.н. За да определите стойностите на размера на шрифта и височината на реда, просто умножете първоначалната стойност по процента на мащаба. Например, ако текстов стил има размер на шрифта 16px, размерът за 120% мащаб ще бъде 16, умножено по 1,2, което дава резултат 19,2. Повторете това изчисление за всички стойности на размера на шрифта и височината на реда в избраните от вас проценти на скалата за увеличаване на размера на шрифта. Можете също така да изберете дали да приложите закръгляване към крайните стойности. Това е приблизителен тест и следователно разликите, които могат да възникнат от закръгляването, няма да повлияят на крайното възприемане на резултата от теста.
7. Приложете променливи към различни мащабни версии Моментът на истината настъпи. Следващата стъпка е да разберем дали всичко работи, така че тестът да работи перфектно. Следователно трябва да копирате оригиналния интерфейс и да приложите набора от променливи за всяка от нивата на увеличаване на размера на шрифта, които имат смисъл за вас. Повторете този процес за всички проценти на увеличение на размера на шрифта, които сте дефинирали. Като предложение можете да използвате процентите на увеличение от 120%, 140%, 160%, 180% и 200% като справка. Ако искате да опростите, можете да намалите броя на процентите на мащабиране, с които работите. Независимо от броя на процентите, с които работите, винаги трябва да работите с минимум 100% и 200% скали.
8. Определете областите за подобрение Чрез прилагане на различни скали за увеличаване на размера на шрифта към един и същ екран е лесно да разберете къде може да са необходими подобрения. Това е мястото, където започва истинският тест за увеличаване на размера на шрифта в дизайна на интерфейса и най-интересната работа по достъпността. При анализа на различните екрани имайте предвид някои важни аспекти:
Фактът, че текстът изглежда гигантски, не е проблем и не „съсипва“ дизайна. Не забравяйте, че това може да означава разликата дали някой може да използва определен продукт или услуга или не. Проблем с достъпността съществува, когато увеличаването на размера на шрифта прави невъзможно потребителят да чете определени текстове или да активира определени контроли. За текстови елементи, които вече са много големи, увеличаването на размера на шрифта може да няма смисъл. Това може да направи тези елементи непропорционални, което няма да подобри четливостта (тъй като те вече са с добър размер) и ще заемат напълно ненужно място. Ако има елементи, които изглежда изскачат от екрана, първата стъпка е да потвърдите как прилагате автоматичното оформление. Много аспекти на дизайна могат лесно да бъдат разрешени с правилното използване на автоматичното оформление. Независимо от мащаба на увеличаване на размера на шрифта, от съществено значение е да се поддържа визуалната йерархия на типографията, тъй като тази четимост е важна за възприемането на различните нива на информация, присъстваща на екрана. Този тест може да помогне за идентифициране на елементи, които може да се нуждаят от корекции директно в кода, за да функционират добре при даден мащаб на увеличение. Не всичко може да се реши само чрез дизайн и това е напълно добре. Достъпността е по същество екипно усилие.
9. Направете корекции и корекции на дизайна И накрая, въз основа на различните екрани с различни приложени мащаби за уголемяване на текст, можете да направите промените в дизайна, които имат смисъл. Някои от тези корекции може да са необходими само в кода. В тези случаи вие документирате всички тези предложения и ги предавате на екипа за разработка. Също така е от решаващо значение да се подчертае (отново), че някои от проблемите, които може да срещнете при проектирането, могат бързо да бъдат решени в процеса на проектиране с простото и правилно прилагане на свойствата на автоматичното оформление.
10. Върнете се в началото и повторете процеса Това е цикличен подход. Това означава, че трябва да повторите тези стъпки или техни варианти толкова пъти, колкото е необходимо по време на проекта. Естествено е с течение на времето и с оптимизиране на процесите някоиот тези стъпки ще престанат да имат смисъл. Това абсолютно не е проблем. Но най-важното нещо, което трябва да осъзнаете тук, е, че достъпността и този процес на тестване на увеличаването на размера на шрифта не трябва да се прави само веднъж и това е. Това е тест, който трябва да се направи много, много пъти през ежедневната работа на всеки проект и екип.
Ролята на дизайнерските системи На пръв поглед този списък от стъпки може да изглежда като сложно упражнение. Но не е. Това е така, защото по-голямата част, ако не всички, от тези стъпки са лесни за изпълнение във всеки контекст, където съществува система за проектиране. Всъщност системите за проектиране са се превърнали в неизбежен стандарт в индустрията за продуктов дизайн. Можем да обсъждаме това, което всеки екип нарича система за дизайн, но истината е, че днес е много трудно да се намери екип за продуктов дизайн, който да няма най-малкото минимално структурирана библиотека от компоненти и стилове.
С тази основа, независимо дали е повече или по-малко документирана, е много лесно да се приложи този тип тест за увеличаване на размера на шрифта с помощта на променливи на Figma. Освен това, ако вашата система за проектиране вече има, например, структурирани променливи за светъл и тъмен режим, това означава, че вече прилагате абсолютно същите принципи, които използвахме, за да извършим този тест. Така че нищо ново. Работата с дизайнерски системи включва ниво на структуриране и организация, което също е много полезно за създаване на този тип тестове. Има мит, че дизайнерските системи ограничават креативността. Това не е истина. Системите за проектиране помагат за решаването на „бюрократичната“ част от дизайна, така че всъщност можем да имаме повече време за това, което има значение: в този случай, тестване на достъпността и изграждане на все повече и повече продукти и услуги, които са наистина достъпни за най-голям брой хора. Примерен файл Винаги е по-лесно да видите пример, отколкото просто да прочетете описание на процес. Ако това е вярно в много дисциплини на знанието, в дизайна, тази предпоставка има още повече смисъл. Следователно в този файл на Figma, публикуван безплатно и открито достъпен за общността, ще намерите практически пример за целия процес на тестване, описан тук. Не забравяйте, че това е само пример. Може да има безброй начини за извършване на този тип тест в контекста на Figma файл.
Не забравяйте да погледнете на този подход с критично око. Това е предложение за тестване на увеличаване на размера на шрифта, което следва конкретен процес. Въпреки това, подходът трябва да бъде адаптиран към специфичната реалност, процеси и ниво на зрялост на вашия екип. Простото копиране на формули от други екипи, без да разбираме дали имат смисъл в нашия собствен контекст, е сигурен начин да направим усилията за достъпност непропорционални. Всяка ситуация е уникална. Този подход се опитва да опрости работата по достъпността, доколкото е възможно в този специфичен контекст. И помнете: ако нещо се случи, колкото и малко да е, това е стъпка напред, а не стъпка назад. И това трябва да се празнува от всички в отбора.
