Описание на изображението: дизайнер при бюро за работа прав, видян отзад, два монитора показват библиотека от компоненти на дизайн система със състояния на фокус — визуалният маркер за профила на дизайнера на достъпност в голям мащаб.

Време за четене: 10 минути

Бележка на редактора. Профилираната тук дизайнерка е композитна. „Мая Окафор“ не е един реален човек; биографията е съшита от записани на запис интервюта с петима старши ръководители по дизайн за достъпност, които между 2019 и 2025 г. ръководят многотримесечни програми за достъпност в потребителски интернет компании с потребителска база в диапазона приблизително 80 милиона до 300 милиона. Всяко число, всеки артефакт, всяко поражение в хронологията по-долу е реално и е почерпено от един от петимата практици; синтезът — дъгата на една кариера през една програма — е редакторската свобода.

Продуктът също е прикрит. Това, което именуваме точно, е неговият мащаб (приблизително 200 милиона месечно активни потребители в началото, приблизително 240 милиона към края), неговият технологичен стек (фронтенд на React и TypeScript с нативни iOS и Android приложения, споделящи същия дизайнерски език) и площта на дизайн системата, която Мая наследи (приблизително 410 компонента, от които приблизително 90 бяха „основни“). Това са променливите, които определят трудността на работата.

Понеделникът, в който тя влезе

Мая Окафор постъпи в компанията в един дъждовен понеделник в края на януари 2022 г. като старши продуктов дизайнер (Staff Product Designer) в екипа за дизайн системи. Беше на тридесет и четири. Беше прекарала предходните шест години в цифровото подразделение на голям издател, където беше станала — почти случайно — човекът, който знае как трябва да изглежда пръстенът на фокуса и защо наложеното от бранда съотношение на контраст 2,6:1 при третостепенните бутони всъщност не беше добре. Нямаше формални квалификации по достъпност. Винаги казваше, че е научила всичко, което знае, по трудния начин: като беше дизайнерката в разговора, когато потребител на екранен четец подаде заявка за поддръжка и никой друг не знаеше как да възпроизведе проблема.

В новата компания нямаше мандат за достъпност. Нямаше екип по достъпност. Имаше работна група по достъпност (Accessibility Working Group), която заседаваше през сряда в 16:00 ч. тихоокеанско време и която в първата сряда на Мая имаше шестима присъстващи. Имаше Confluence страница, последно актуализирана през 2020 г., Slack канал с приблизително 140 членове и три съобщения седмично и — както Мая по-късно осъзна — точно един лост: натрупване от четиридесет и една отворени заявки за поддръжка, свързани с достъпността, седем от които бяха от една-единствена организация за правата на хората с увреждания, която изпращаше имейли на компанията на тримесечие от 2019 г.

„Първото, което направих, беше да прочета всяка една от тези четиридесет и една заявки. Второто, което направих, беше да ги разпечатам и да ги сложа в папка. Не защото някой имаше нужда от папка — а защото имах нужда от физически предмет, който да поставя на бюрото на вицепрезидент след три месеца, когато разговорът станеше труден.“

Мая Окафор, композитна, за първия си месец

Изграждане на аргумента: обем на оплакванията, правен риск, пазарен дял

Първите три месеца не бяха дизайнерска работа. Бяха разследваща работа. Мая направи три неща паралелно.

Тя количествено определи потока от оплаквания. Работейки с поддръжката, тя извади всяка заявка от последните двадесет и четири месеца, съдържаща някой от дузина флаг термини — „screen reader“, „VoiceOver“, „TalkBack“, „JAWS“, „NVDA“, „contrast“, „keyboard only“, „WCAG“, „ADA“, „EAA“, „не мога да чета“. Тя намери приблизително 1470 отделни оплаквания, от които приблизително 280 бяха нерешени по-стари от деветдесет дни. Тя ги съпостави с продуктовите повърхности: приблизително 38 процента при плащането, приблизително 22 процента при съобщенията, приблизително 14 процента при създаването на профил, приблизително 9 процента при видеоплейъра. Това разпределение щеше, шест месеца по-късно, да реши кои компоненти ще бъдат пренаписани първи.

Тя количествено определи правния риск. Компанията беше посочена като ответник по два иска по ADA Title III през предходните осемнадесет месеца, и двата приключили със споразумение. Мая не можеше да види сумите по споразуменията — правният отдел не искаше да ѝ ги даде — но можеше да види кривата на честотата на съдебните производства в публичния регистър за нейния сектор. Тя изгради електронна таблица, която взе повърхността на риска на компанията и изведе оценка на диапазона на очакваните годишни разходи за споразумение плюс отстраняване на проблеми по траектория на бездействие. Средната точка на този диапазон беше няколко милиона долара годишно.

Тя количествено определи пазарната възможност. Това беше редът, който раздвижи залата. Мая допълни данните от потребителското проучване на компанията с проучването на потребителите на екранни четци на WebAIM, статистиката за уврежданията на CDC и данните на Eurostat за разпространението на уврежданията за пазарите в ЕС, които продуктът обслужваше. Тя изготви един-единствен слайд: от приблизително 200-те милиона месечни потребители на компанията, между 14 и 22 милиона бяха оценени като използващи продукта с някаква форма на помощна технология или настройки, различни от подразбиращите се. Анализите показваха, че този сегмент се отлива с приблизително 1,8 пъти по-висок процент от общата база. Ако задържането на този сегмент можеше да се изравни, нетното годишно въздействие върху приходите беше число, което финансовият отдел разпозна.

„Никога не показах числото на правния отдел на маркетинга и никога не показах числото на маркетинга на правния отдел. На всеки от тях показвах числото, което имаше значение за него. На финансовия директор показах и двете, на един слайд, едно до друго. Това беше срещата, на която програмата получи финансиране.“

Мая Окафор, композитна, за аргумента за финансиране

Програмата беше одобрена в края на второто тримесечие на 2022 г. Числен състав: седем души, нарастващи до единадесет за дванадесет месеца — трима дизайнери, четирима инженери, двама специалисти по контрол на качеството, един програмен мениджър, един изследовател с опит в набирането на участници от общността на хората с увреждания. Бюджет за външни партньорства за тестване: шестцифрено годишно перо. Правомощия: одобрение на всеки нов компонент на дизайн системата, с право на вето върху компоненти, които се провалят на контролния списък за достъпност. Тази последна клауза — ветото — беше онази, за която Мая преговаря най-усърдно. Тя беше разликата между програма и упражнение по искане на разрешения.

Основният ремонт на дизайн системата: токени, фокус, движение

Техническата работа започна през третото тримесечие на 2022 г. и продължи следващите четиринадесет месеца. Мая я структурира в три транша, които наричаше — в слайдове и на стендъпите — Основи, Компоненти, Шаблони. Дисциплината на този ред, казваше тя често, беше единственото най-важно архитектурно решение на програмата.

Транш 1 — Основи

Първите шест месеца преизградиха дизайн токените. Наследената система имаше приблизително 84 цветови токена без семантично именуване — „Blue/600“, „Grey/400“, „Brand/Primary“ — и без метаданни за контраст. Екипът на Мая ги замени със семантична палитра от приблизително 40 токена, организирани по функция: content-primary, content-secondary, surface-base, border-default, плюс интерактивна стълба (action-primary, action-primary-hover, action-primary-pressed) и статусна стълба. Всеки токен носеше в метаданните си съотношението на контраст спрямо повърхността, върху която беше одобрен да стои, и флаг за това кое ниво на съответствие с WCAG покрива. Инструментариумът налагаше това: дизайнер не можеше да присвои content-tertiary върху surface-base във Figma, без линтерът да го отбележи.

Същият транш стандартизира пръстена на фокуса. Наследените компоненти имаха — Мая ги преброи — приблизително седемнадесет различни третирания на пръстена на фокуса, вариращи от пунктиран контур от 1 пиксел, който изчезваше на светъл фон, до плътен син пръстен от 2 пиксела, който нарушаваше оформлението при плътно подредени списъци. Новият пръстен беше един-единствен токен: контур от 2 пиксела с отстъп от 2 пиксела прозрачна междина от ръба на компонента, така че пръстенът да се чете спрямо всяка повърхност. Всеки интерактивен компонент го възприемаше по подразбиране; нямаше опция за отказ.

Предпочитанията за движение бяха третата основа. Наследената система зачиташе prefers-reduced-motion на приблизително едно място — една-единствена анимация при въвеждане — а нативните приложения не го зачитаха никъде. Новата основа направи движението токен, с три стойности (без, намалено, пълно), прокарани през всеки примитив за анимация. Дизайнер, който се опиташе да отмени предпочитанието, трябваше да приложи писмена обосновка, която ръководителят на програмата преглеждаше.

Транш 2 — Компоненти

След като основите станаха стабилни, екипът се обърна към приблизително 90-те основни компонента. Списъкът беше подреден по данните за потока от оплаквания, които Мая беше извадила през първия месец: първо плащането, после съобщенията, после профилът, после видеото. Всеки компонент премина през стандартизирано преизграждане: карта на навигацията с клавиатура, семантика за екранен четец, ред на фокуса, проверка на контраста при всяко състояние, вариант с намалено движение, вариант за писане отдясно наляво (RTL) и — настояване на Мая — документирана тестова конфигурация, която екипът по контрол на качеството можеше да изпълни при всяко издание.

Полето за въвеждане на кредитна карта в стария си вид беше едно-единствено <input> с JavaScript за автоматично форматиране, който нарушаваше обявяването от екранния четец на въведените знаци; преизграждането използваше четири отделни полета за въвеждане с явни етикети, грешки, свързани чрез aria-describedby, и вградена валидация, обявявана чрез учтива жива област (live region). Отне шест седмици на един дизайнер и един инженер. Заявките, свързани с достъпността на плащането, паднаха с приблизително 70 процента следващото тримесечие — защото повечето от новите заявки просто престанаха да се подават.

Транш 3 — Шаблони

Последният транш беше онзи, който Мая описваше като най-лесния в изпълнение и най-трудния в координация. Екипът документира шаблони за композиция — как да се изгради достъпен поток на модален прозорец върху преизградените компоненти; как да се състави списък от елементи със смесена медия; как да се структурира страница с настройки, така че навигацията да работи при гласово управление. Шаблоните влязоха в сайта за документация на дизайн системата като изпълними примери с код. Трудната част не беше написването им. Трудната част беше да се накара всеки продуктов екип да ги използва, вместо да изобретява свои собствени.

Инженерното внедряване

Преработена дизайн система е библиотека; тя сама по себе си не е внедряване. Най-трудната работа по управление на проекти в програмата — Мая беше категорична за това — беше миграцията. Продуктът имаше приблизително четиридесет екипа (squad), всеки от които владееше две до пет повърхности, всеки свободен на практика да потребява дизайн системата с темпото, което неговата пътна карта позволяваше. Наивен план би поискал всеки екип да мигрира в рамките на едно тримесечие. Този план би се провалил.

Решението на Мая беше степенуван мандат. Новите компоненти излизаха по подразбиране; старите оставаха зад флаг за функционалност (feature flag), но всяко издание на повърхност, която все още използваше наследен компонент, автоматично отваряше заявка P2 в натрупването на този екип. Заявката автоматично се ескалираше до P1 след деветдесет дни и до P0 след сто и осемдесет. В рамките на четири тримесечия приблизително 78 процента от използването на наследени основни компоненти беше мигрирало. В рамките на шест тримесечия тази цифра беше приблизително 94 процента.

„Трудната част не беше дизайн системата. Трудната част беше организационна схема от четиридесет екипа и бюджетен цикъл, който не беше изграден за това. Компонентите бяха три месеца работа. Внедряването беше три години.“

Мая Окафор, композитна, за миграцията

Какво струваше програмата — и какво върна

Мая беше педантична относно проследяването. Докато програмата приключи формалната си фаза през четвъртото тримесечие на 2024 г., разходът възлизаше — за две години и половина, единадесет специализирани щатни бройки и външно тестване — на нещо в горната част на едноцифрените милиони. Постъпленията на заявки, свързани с достъпността, бяха намалели с приблизително 73 процента спрямо базовата стойност от 2022 г., въпреки потребителска база, която беше нараснала с приблизително 20 процента. Двата правни въпроса, свързани с ADA, открити по време на прозореца на програмата, бяха и двата приключени, без да стигнат до съд, при условия, които компанията описа в годишните си отчети като несъществени. Задържането на продукта при сегмента потребители на помощни технологии — сегментът, който Мая беше идентифицирала в презентацията за финансиране — се беше стеснило от съотношение на отлив 1,8 пъти спрямо общата база до приблизително 1,15 пъти. Финансовият отдел осчетоводи разликата. Мая не каза каква беше сумата.

Тя осчетоводи и неща, които не се появяват в електронната таблица. Поддръжката на ротора на VoiceOver в нативното iOS приложение, която прословуто беше повредена с години, стана — в независим одит в началото на 2025 г. — една от най-добре представящите се в сектора си. Темата с висок контраст, за която Мая беше настоявала срещу възражението на бранд екипа, стана подразбираща се в региони, където местните регулатори започнаха да прилагат EAA. Сайтът за документация на дизайн системата, разглеждан приблизително 4000 пъти месечно в началото на 2022 г., средно достигаше приблизително 38 000 месечни прегледа на страници до средата на 2025 г. Беше изградена практика; тя щеше да надживее мандата ѝ.

Какво казва на дизайнерите в по-малки организации

До 2025 г. Мая правеше по-малко интензивни смени по собствения си продукт и повече консултантска работа за дизайнери в компании с порядък по-малки — продуктови екипи от двадесет души, продуктови екипи от петдесет души, размерът на организация, в която един-единствен дизайнер трябва да бъде ръководителят по достъпност по подразбиране. Тя имаше малък набор от неща, които казваше на всяка среща на кафе. Те си струва да бъдат изброени.

Едно. Потокът от оплаквания е лостът. Не са ви нужни милион потребители, за да имате поток от оплаквания; нужни са ви входяща поща за поддръжка и готовност да я четете. Разпечатайте заявките. Сложете ги в папка. Занесете папката на срещата. Папката работи.

Две. Аргументът за финансиране има три колони. Правен риск, пазарна възможност и обем на оплакванията. Не са ви нужни точни числа по нито една от трите. Нужно е същият човек да види и трите на едно място, защото нито една отделна колона не печели залата.

Три. Основи преди компоненти, компоненти преди шаблони. Екип, който започне с пренаписване първо на компонентите, ще прекара година в това и ще пристигне с красива библиотека от компоненти върху несемантична цветова палитра, а следващият дизайнер ще пренапише всичко отново.

Четири. Договорете ветото. Единственият най-голям лост в продуктова компания с множество екипи е способността да се каже „този нов компонент не излиза, докато не премине контролния списък“. Ветото, използвано два пъти за две години, е достатъчно. Достоверността на ветото, а не честотата му, върши работата.

Пет. Наемете изследователя с опит в набирането на участници от общността на хората с увреждания. Единственото перо в бюджета на програмата на Мая, което тя би защитавала най-усърдно, беше мястото на изследователя. Без потребители с увреждания в цикъла работата е театър.

Шест. Часовникът за наследените компоненти не подлежи на договаряне. Миграции без часовници не се случват. Миграции с часовници се случват с темпото, което часовникът позволява.

Седем. Вземете победата и си тръгнете. Мая се оттегли от програмата през първото тримесечие на 2025 г. и премина към консултантска работа. Основателят на програма за достъпност е грешният човек, който да я управлява в стабилно състояние. Работата на основателя е да направи програмата да съществува. Работата в стабилно състояние е да бъдеш скучен. Различен темперамент; различен човек.

Бележка за папката

Мая все още пази папката. Понякога я изважда на конференции, когато старши дизайнер я попита — обикновено със смущение, често след панел — какво да прави със собствените си четиридесет и една отворени заявки. Папката е половин инч дебела. Стикерът на корицата гласи с почерк без серифи, който Мая купи в магазин за занаяти през 2022 г., „Ден първи“. Четиридесет и една заявки в нея са били всички закрити. Имената на хората, които са ги подали, са заличени с черен маркер. Тя не показва имената. Тя показва страниците и казва: ето как изглежда работата и ето откъде започва.