Profil: formgivaren som lanserade tillgänglighet i en produkt med 200 miljoner användare

Bildbeskrivning: en formgivare vid ett ståbord sedd bakifrån, dubbla skärmar som visar ett designsystems komponentbibliotek med fokusstatus — det visuella kännetecknet för profilen av en tillgänglighetsformgivare i stor skala.

Lästid: 10 minuter

Redaktionell not. Formgivaren som porträtteras här är en sammansatt figur. “Maya Okafor” är inte en enskild verklig person; biografin är sammanvävd från dokumenterade intervjuer med fem seniora ledare inom tillgänglighetsdesign som, mellan 2019 och 2025, drev flerekvartalsprogram för tillgänglighet vid konsumentinternetföretag med användarbaser på ungefär 80 till 300 miljoner. Varje siffra, varje artefakt, varje motgång i tidslinjen nedan är verklig och hämtad från en av de fem praktikerna; syntesen — båglinjen av en karriär genom ett program — är den redaktionella friheten.

Produkten är också maskerad. Det vi namnger exakt är dess skala (ungefär 200 miljoner månadsaktiva användare vid start, ungefär 240 miljoner vid slutet), dess stack (en React- och TypeScript-frontend med inbyggda iOS- och Android-appar som delar samma designspråk), och det designsystemsytor Maya ärvde (ungefär 410 komponenter, varav ungefär 90 var “primära”). Det är de variabler som styr uppgiftens svårighetsgrad.

Måndagen hon klev in

Maya Okafor började på företaget en regnig måndag i slutet av januari 2022 som Staff Product Designer i Design Systems-teamet. Hon var trettiofjra år. De föregående sex åren hade hon tillbringat på ett stort förlagsföretags digitala enhet, där hon — nästan av en slump — hade blivit den som visste hur en fokusring borde se ut och varför det varumärkesmandaterade 2,6:1-kontrastförhållandet på tertiära knappar faktiskt inte var acceptabelt. Hon hade inga formella tillgänglighetsmeriter. Hon brukade säga att hon hade lärt sig allt på det hårda sättet: genom att vara formgivaren i samtalet när en skärmläsaranvändare lämnade in ett supportärende och ingen annan visste hur man reproducerade problemet.

Det fanns inget tillgänglighetsmandat på det nya företaget. Det fanns inget tillgänglighetsteam. Det fanns en Tillgänglighets-arbetsgrupp, som träffades varannan onsdag klockan 16 Pacific och som, vid Mayas första onsdag, hade sex deltagare. Den hade en Confluence-sida som senast uppdaterades 2020, en Slack-kanal med ungefär 140 medlemmar och tre meddelanden i veckan, och — Maya insåg senare — exakt ett verktyg för inflytande: en eftersläpning av fyrtioett öppna tillgänglighetsrelaterade supportärenden, varav sju kom från en enda organisation för funktionshinderrätt som hade mejlat företaget kvartalsvis sedan 2019.

”Det första jag gjorde var att läsa alla fyrtioett ärendena. Det andra jag gjorde var att skriva ut dem och lägga dem i en pärm. Inte för att någon behövde en pärm — utan för att jag behövde ett fysiskt föremål att lägga på en VD:s skrivbord om tre månader när samtalet blev svårt.”

Maya Okafor, sammansatt, om hennes första månad

Bygga argumentet: klagomålsvolym, juridisk exponering, marknadsandel

De första tre månaderna var inte designarbete. Det var kriminaltekniskt arbete. Maya gjorde tre saker parallellt.

Hon kvantifierade klagomålsflödet. Tillsammans med Support hämtade hon ut varje ärende från de senaste tjugofyra månaderna som innehöll något av ett dussin flaggtermer — “skärmläsare”, “VoiceOver”, “TalkBack”, “JAWS”, “NVDA”, “kontrast”, “bara tangentbord”, “WCAG”, “ADA”, “EAA”, “jag kan inte läsa”. Hon hittade ungefär 1 470 distinkta klagomål, varav ungefär 280 var olösta och äldre än nittio dagar. Hon mappade dem till produktytor: ungefär 38 procent i kassan, ungefär 22 procent i meddelanden, ungefär 14 procent i profilskapandet, ungefär 9 procent i videospelaren. Den fördelningen skulle, sex månader senare, avgöra vilka komponenter som skrevs om först.

Hon kvantifierade den juridiska exponeringen. Företaget hade stämts i två ADA Title III-stämningar under de senaste arton månaderna, båda förlikade. Maya kunde inte se förlikningssummorna — Legal ville inte ge dem till henne — men hon kunde se frekvenskurvan för rättstvister i det offentliga protokollet för sin sektor. Hon byggde ett kalkylblad som tog företagets exponeringsyta och producerade en uppskattning av den förväntade årliga kostnaden för förlikning plus åtgärdande vid ett passivt scenario. Mittpunkten i det intervallet var flera miljoner dollar per år.

Hon kvantifierade marknadsmöjligheten. Det här var raden som fick rummet att lyssna. Maya kompletterade företagets användarforskningsdata med WebAIM:s enkätundersökning om skärmläsaranvändare, CDC:s funktionshinderstatistik och Eurostats uppgifter om funktionshinderförekomst på de EU-marknader produkten betjänade. Hon producerade ett enda bildspel: av företagets ungefär 200 miljoner månadsanvändare uppskattades någonstans mellan 14 och 22 miljoner använda produkten med någon form av hjälpmedelsteknik eller icke-standardinställningar. Analyser visade att detta segment hade ungefär 1,8 gånger så hög avhoppsfrekvens jämfört med den totala basen. Om kvarhållningen i detta segment kunde bringas till paritet var den nettomässiga årliga intäktseffekten ett tal som Ekonomiavdelningen kände igen.

”Jag visade aldrig Legals siffra för Marknadsföring, och jag visade aldrig Marknadsföringens siffra för Legal. Till var och en visade jag den siffra som var relevant för dem. Till CFO:n visade jag båda, på ett bildspel, sida vid sida. Det var det mötet då programmet fick finansiering.”

Maya Okafor, sammansatt, om finansieringsfallet

Programmet godkändes i slutet av kvartal 2 2022. Personalstyrka: sju, med ökning till elva under tolv månader — tre formgivare, fyra ingenjörer, två QA-specialister, en programledare, en forskare med erfarenhet av rekrytering inom funktionshindersamfundet. Budget för externa testpartnerskap: en sexsiffrig årlig post. Befogenhet: godkänna alla nya designsystemskomponenter, med vetorätt för komponenter som underkändes i en tillgänglighetschecklista. Den sista klausulen — vetot — var den Maya förhandlade hårdast om. Det var skillnaden mellan ett program och en tillståndsansökande övning.

Designsystemsöversynen: tokens, fokus, rörelse

Det tekniska arbetet inleddes kvartal 3 2022 och pågick i de följande fjorton månaderna. Maya strukturerade det i tre trancher, som hon kallade — i bildspel och i dagliga möten — Grunder, Komponenter, Mönster. Disciplinen i den ordningen var, menade hon ofta, programmets viktigaste arkitektoniska beslut.

Tranch 1 — Grunder

De första sex månaderna byggde om designtokens. Det äldre systemet hade ungefär 84 färgtokens utan semantisk namngivning — “Blue/600”, “Grey/400”, “Brand/Primary” — och utan kontrastmetadata. Mayas team ersatte dem med en semantisk palett av ungefär 40 tokens organiserade efter funktion: content-primary, content-secondary, surface-base, border-default, plus en interaktiv stege (action-primary, action-primary-hover, action-primary-pressed) och en statusstege. Varje token bar, i sin metadata, kontrastförhållandet mot den yta den var godkänd att placeras på, och en flagga för vilken WCAG-överensstämmelsenivå den klarade. Verktygen verkställde detta: en formgivare kunde inte tilldela content-tertiary ovanpå surface-base i Figma utan att lintern flaggade det.

Samma tranch standardiserade fokusringen. De äldre komponenterna hade — Maya räknade — ungefär sjutton olika fokusringsbehandlingar, från en 1-pixels prickad kontur som försvann på ljusa bakgrunder till en 2-pixels solid blå ring som bröt layouten på tätt packade listor. Den nya ringen var en enda token: en 2-pixels kontur med ett 2-pixels genomskinligt mellanrum från komponentkanten, så att ringen syntes mot vilken yta som helst. Varje interaktiv komponent fick den som standard; det fanns inget sätt att välja bort.

Rörelseinställningar var den tredje grunden. Det äldre systemet respekterade prefers-reduced-motion på ungefär ett ställe — en enda onboardinganimation — och de inbyggda apparna respekterade det ingenstans. Den nya grunden gjorde rörelse till en token, med tre värden (ingen, reducerad, full) genomförd i varje animationsprimitiv. En formgivare som försökte åsidosätta inställningen var tvungen att bifoga en skriftlig motivering som programledaren granskade.

Tranch 2 — Komponenter

Med grunderna stabila vände teamet sig mot de ungefär 90 primära komponenterna. Listan ordnades efter klagomålsdata Maya hade hämtat ut den första månaden: kassa först, sedan meddelanden, sedan profil, sedan video. Varje komponent genomgick en standardiserad ombyggnad: karta för tangentbordsnavigering, skärmläsarsemantik, fokusordning, kontrastverifiering i varje tillstånd, variant med reducerad rörelse, RTL-variant, och — Mayas insistens — en dokumenterad testfixtur som QA-teamet kunde köra vid varje release.

Kreditkortsinmatningsfältet hade i sin gamla form varit ett enda <input> med JavaScript för automatisk formatering som bröt skärmläsarens annonsering av inskrivna tecken; ombyggnaden använde fyra separata inmatningar med explicita etiketter, fel kopplade via aria-describedby, och infogad validering annonserad via en polite live-region. Det tog sex veckor för en formgivare och en ingenjör. De kassarelaterade tillgänglighetsärendena sjönk med ungefär 70 procent det följande kvartalet — för det mesta slutade de nya ärendena helt enkelt att komma in.

Tranch 3 — Mönster

Den sista tranchen var den Maya beskrev som enklast att genomföra och svårast att koordinera. Teamet dokumenterade kompositionsmönster — hur man bygger ett tillgängligt modalflöde ovanpå de ombyggda komponenterna; hur man sätter samman en lista med blandat media; hur man strukturerar en inställningssida så att navigeringen fungerar under röststyrning. Mönstren gick in i designsystemets dokumentationssajt som körbar kodexempel. Det svåra var inte att skriva dem. Det svåra var att få varje produktteam att använda dem i stället för att uppfinna sina egna.

Ingenjörsutrullningen

Ett omdesignat designsystem är ett bibliotek; det är inte i sig självt en utrullning. Det svåraste projektledningsarbetet i programmet — Maya var entydig om detta — var migreringen. Produkten hade ungefär fyrtio squads, var och en med ansvar för två till fem ytor, var och en i praktiken fri att konsumera designsystemet i den takt som deras plan tillät. En naiv plan hade bett varje squad att migrera inom ett kvartal. Den planen hade misslyckats.

Mayas lösning var ett graderat mandat. De nya komponenterna levererades som standard; de gamla fanns kvar bakom en feature flag, men varje release av en yta som fortfarande använde en äldre komponent öppnade automatiskt ett P2-ärende i den squadens eftersläpning. Ärendet skulle automatiskt eskaleras till P1 efter nittio dagar och till P0 efter ett hundraåttio. Inom fyra kvartal hade ungefär 78 procent av användningen av äldre primärkomponenter migrerat. Inom sex kvartal var den siffran ungefär 94 procent.

”Det svåra var inte designsystemet. Det svåra var ett organisationsschema med fyrtio squads och en budgetcykel som inte var byggd för det. Komponenterna var tre månaders arbete. Utrullningen var tre år.”

Maya Okafor, sammansatt, om migreringen

Vad programmet kostade — och vad det gav tillbaka

Maya var noggrann med uppföljningen. När programmet avslutade sin formella fas kvartal 4 2024 uppgick utgifterna till — över två och ett halvt år, elva dedikerade medarbetare och externa tester — någonstans i de höga ensiffriga miljonerna. Det tillgänglighetsrelaterade ärendeinflödet var ned ungefär 73 procent mot baslinjen 2022, trots en användarbas som hade växt med ungefär 20 procent. De två ADA-relaterade juridiska ärendena som öppnades under programmets fönster löstes båda utan domstolsförfarande, på villkor som företaget i sina årsredovisningar beskrev som oväsentliga. Produktens kvarhållning i hjälpmedelsanvändarsegmentet — det segment Maya hade identifierat i finansieringspresentationen — hade minskat från ett 1,8 gånger högre avhoppsförhållande jämfört med den totala basen till ungefär 1,15 gånger. Ekonomiavdelningen bokförde skillnaden. Maya avslöjade inte vilket belopp det rörde sig om.

Hon bokförde också saker som inte syns i kalkylbladet. Den inbyggda iOS-appens VoiceOver-rotorstöd, som hade varit notoriskt trasigt i år, blev — i en oberoende granskning i början av 2025 — ett av de bäst presterande i sin sektor. Det högkontrasttema Maya hade drivit igenom trots varumärkesteamets invändningar blev standard i regioner där lokala tillsynsmyndigheter började tillämpa EAA. Designsystemets dokumentationssajt, som visades ungefär 4 000 gånger i månaden i början av 2022, låg i genomsnitt på ungefär 38 000 månatliga sidvisningar i mitten av 2025. En praxis hade byggts upp; den skulle överleva hennes mandatperiod.

Vad hon säger till formgivare på mindre organisationer

Under 2025 ägnade Maya allt färre tid åt intensivarbete med sin egen produkt och mer tid åt rådgivning till formgivare på företag en storleksordning mindre — tjugopersoners produktteam, femtiopersoners produktteam, den typ av organisation där en enda formgivare per automatik måste vara tillgänglighetsledare. Hon hade ett litet antal saker hon sa vid varje kaffesamtal. De är värda att lista.

Ett. Klagomålsflödet är hävstången. Man behöver inte en miljon användare för att ha ett klagomålsflöde; man behöver en supportinkorg och vilja att läsa den. Skriv ut ärendena. Lägg dem i en pärm. Ta med pärmen till mötet. Pärmen fungerar.

Två. Finansieringsargumentet har tre kolumner. Juridisk exponering, marknadsmöjlighet och klagomålsvolym. Man behöver inte exakta siffror på någon av de tre. Man behöver att samma person ser alla tre på ett ställe, eftersom ingen enskild kolumn bär mötet.

Tre. Grunder före komponenter, komponenter före mönster. Ett team som börjar med att skriva om komponenter först kommer att lägga ett år på det och anlända med ett vackert komponentbibliotek ovanpå en icke-semantisk färgpalett, och nästa formgivare kommer att skriva om allt igen.

Fyra. Förhandla fram vetot. Den enskilt största hävstångspunkten i ett produktföretag med flera team är förmågan att säga “den här nya komponenten levereras inte förrän den godkänns i checklistan.” Vetot, använt två gånger på två år, är tillräckligt. Det är vetots trovärdighet, inte dess frekvens, som gör jobbet.

Fem. Anställ forskaren med erfarenhet av rekrytering inom funktionshindersamfundet. Den enda raden i Mayas programbudget hon mest bestämt skulle försvara var forskarens plats. Utan personer med funktionsnedsättning i loopen är arbetet teater.

Sex. Klockan på de äldre komponenterna är icke-förhandlingsbar. Migreringar utan klockor sker inte. Migreringar med klockor sker i den takt klockan tillåter.

Sju. Ta vinsten och gå. Maya lämnade programmet kvartal 1 2025 och gick över till rådgivning. Grundaren av ett tillgänglighetsprogram är fel person att driva det i driftsläge. Grundarens jobb är att få programmet att existera. Driftslägets jobb är att vara tråkigt. Olika temperament; olika person.

En not om pärmen

Maya har fortfarande pärmen. Hon tar fram den på konferenser ibland, när en senior formgivare frågar henne — vanligtvis med förlägenhet, ofta efter en panel — vad man ska göra åt sina egna fyrtioett öppna ärenden. Pärmen är en och en halv centimeter tjock. Stickern på omslaget säger, i en sans-serif-handstil Maya köpte i en konstbutik 2022, “Dag ett”. De fyrtioett ärendena i den är alla stängda. Namnen på de personer som lämnade in dem är övertäckta med svart markering. Hon visar inte namnen. Hon visar sidorna, och hon säger: det här är vad arbetet ser ut, och det här är var det börjar.