Profil: designeren der implementerede tilgængelighed i et produkt med 200 millioner brugere

Billedbeskrivelse: en designer ved et hæve-sænkebord set bagfra, to skærme viser et design-system komponentbibliotek med fokustilstande — det visuelle kendetegn for profilen af en tilgængeligheds-designer i stor skala.

Læsetid: 10 minutter

Redaktørens note. Designeren i denne profil er et kompositportræt. “Maya Okafor” er ikke én enkelt reel person; biografien er sammensat af on-the-record-interviews med fem senior tilgængeligheds-designledere, som mellem 2019 og 2025 drev flerkvartalsprogrammer for tilgængelighed hos forbrugerinternetvirksomheder med brugerbaser i intervallet ca. 80 til 300 millioner. Hvert tal, hvert artefakt, hvert nederlag i tidslinjen nedenfor er virkeligt og stammer fra én af de fem fagfolk; syntesen — buen af én karriere igennem ét program — er den redaktionelle frihed.

Produktet er også sløret. Det vi præcist navngiver er dets skala (ca. 200 millioner månedligt aktive brugere ved starten, ca. 240 millioner ved afslutningen), dets stack (et React-og-TypeScript-frontend med native iOS- og Android-apps, der deler det samme designsprog), og det design-system-overfladeareal Maya arvede (ca. 410 komponenter, hvoraf ca. 90 var “primære”). Det er de variable, der styrer jobbet sværhedsgrad.

Den mandag hun mødte ind

Maya Okafor begyndte hos virksomheden en regnvåd mandag i slutningen af januar 2022 som Staff Product Designer i Design Systems-teamet. Hun var 34 år. Hun havde brugt de foregående seks år hos den digitale afdeling af et stort forlag, hvor hun nærmest ved et tilfælde var blevet den, der vidste, hvordan et fokusring skulle se ud, og hvorfor brandets pålagte 2,6:1-kontrastforhold på tertiære knapper faktisk ikke var i orden. Hun havde ingen formelle tilgængeligheds-legitimationer. Hun sagde altid, at hun havde lært alt på den hårde måde: ved at være designeren på opkaldet, når en skærmlæserbruger indsendte en supportbillet, og ingen andre vidste, hvordan problemet kunne reproduceres.

Der var intet tilgængeligheds-mandat i den nye virksomhed. Der var intet tilgængeligheds-team. Der var en Accessibility Working Group, der mødtes hver anden onsdag kl. 16 Pacific, og som ved Mayas første onsdag talte seks deltagere. Den havde en Confluence-side sidst opdateret i 2020, en Slack-kanal med ca. 140 medlemmer og tre beskeder om ugen, og — Maya indså det senere — præcis ét stykke løftestang: en backlog med 41 åbne tilgængeligheds-relaterede supportbilletter, hvoraf syv kom fra en enkelt handicapretsorganisation, der havde mailet virksomheden kvartalsvis siden 2019.

„Det første jeg gjorde, var at læse alle 41 billetter. Det andet jeg gjorde, var at printe dem ud og lægge dem i en mappe. Ikke fordi nogen havde brug for en mappe — men fordi jeg havde brug for et fysisk objekt at lægge på en VP’s skrivebord tre måneder senere, når samtalen blev svær.“

Maya Okafor, kompositportræt, om sin første måned

At bygge sagen: klagevolumen, juridisk eksponering, markedsandel

De første tre måneder var ikke designarbejde. Det var efterforskningsarbejde. Maya gjorde tre ting parallelt.

Hun kvantificerede klage-pipelinen. I samarbejde med Support trak hun alle billetter fra de seneste 24 måneder, der indeholdt et af et dusin flagtermer — “screen reader”, “VoiceOver”, “TalkBack”, “JAWS”, “NVDA”, “contrast”, “keyboard only”, “WCAG”, “ADA”, “EAA”, “I can’t read”. Hun fandt ca. 1.470 særskilte klager, hvoraf ca. 280 var uløste og mere end 90 dage gamle. Hun kortlagde dem på produktoverflader: ca. 38 procent ved checkout, ca. 22 procent i beskedmodulet, ca. 14 procent ved profiloprettelse, ca. 9 procent i videoafspilleren. Den fordeling skulle seks måneder senere afgøre, hvilke komponenter der blev omskrevet først.

Hun kvantificerede den juridiske eksponering. Virksomheden havde de foregående 18 måneder været nævnt i to ADA Title III-søgsmål, begge forligt. Maya kunne ikke se forligssummerne — Juridisk afdeling ville ikke udlevere dem til hende — men hun kunne se frekvenskurven for retssager i det offentlige docket for sin sektor. Hun byggede et regneark, der tog virksomhedens eksponeringsflade og producerede et skønnet interval for forventede årlige forligsomkostninger plus udbedring på en do-nothing-bane. Midtpunktet i det interval var adskillige millioner dollars om året.

Hun kvantificerede markedsmuligheden. Det var den linje, der bevægede rummet. Maya supplerede virksomhedens brugerforskningsdata med WebAIMs skærmlæserbrugerundersøgelse, CDC-handicapstatistikker og Eurostats handicap-prævalenstal for de EU-markeder, produktet betjente. Hun producerede ét enkelt slide: af virksomhedens ca. 200 millioner månedlige brugere blev det anslået, at et sted mellem 14 og 22 millioner brugte produktet med en eller anden form for hjælpeteknologi eller ikke-standardindstillinger. Analytics viste, at dette segment fraflygtede med ca. 1,8 gange raten for den samlede base. Hvis fastholdelsesgradeen for dette segment kunne bringes til paritet, var den nettomæssige årlige omsætningseffekt et tal, som Finans genkendte.

„Jeg viste aldrig Juridisks tal til Marketing, og jeg viste aldrig Marketings tal til Juridisk. For hver af dem viste jeg det tal, der betød noget for dem. For CFO’en viste jeg begge, på ét slide, side om side. Det var mødet, hvor programmet fik finansiering.“

Maya Okafor, kompositportræt, om finansieringsargumentet

Programmet blev godkendt ved udgangen af Q2 2022. Headcount: syv, ramper op til elleve over tolv måneder — tre designere, fire ingeniører, to QA-specialister, én programleder, én forsker med rekrutteringserfaring fra handicapsamfundet. Budget til eksternt testsamarbejde: en seks-cifret årlig post. Autoritet: godkendelse af enhver ny design-systemkomponent med vetoret over komponenter, der ikke bestod en tilgængeligheds-tjekliste. Den sidste klausul — vetoretten — var den Maya forhandlede hårdest om. Det var forskellen på et program og en permission-asking-øvelse.

Renovationen af design-systemet: tokens, fokus, bevægelse

Det tekniske arbejde begyndte i Q3 2022 og løb de næste fjorten måneder. Maya strukturerede det i tre trancher, som hun kaldte — i slides og i standups — Foundations, Components, Patterns. Disciplinen i denne rækkefølge var, sagde hun ofte, den vigtigste arkitektoniske beslutning i programmet.

Tranche 1 — Foundations

De første seks måneder genopbyggede design-tokens. Det gamle system havde ca. 84 farvetokens uden semantisk navngivning — “Blue/600”, “Grey/400”, “Brand/Primary” — og ingen kontrastmetadata. Mayas team erstattede dem med en semantisk palette på ca. 40 tokens organiseret efter funktion: content-primary, content-secondary, surface-base, border-default, plus en interaktiv stige (action-primary, action-primary-hover, action-primary-pressed) og en statusstige. Hvert token bar i sine metadata kontrastforholdet mod den overflade, den var godkendt til at placeres på, og et flag for, hvilket WCAG-overensstemmelsesniveau det klarede. Værktøjet håndhævede dette: en designer kunne ikke tildele content-tertiary oven på surface-base i Figma uden at linteren markerede det.

Samme tranche standardiserede fokusringen. De gamle komponenter havde — Maya talte efter — ca. 17 forskellige fokusring-behandlinger, fra en 1-pixel-stiplet kontur, der forsvandt på lyse baggrunde, til en 2-pixel solid blå ring, der brød layoutet i tæt pakkede lister. Den nye ring var en enkelt token: en 2-pixel kontur forskudt med en 2-pixel transparent mellemrum fra komponentkanten, så ringen fremstod mod enhver overflade. Hver interaktiv komponent fik den som standard; der var ingen opt-out.

Bevægelsespræferencer var det tredje fundament. Det gamle system overholdt prefers-reduced-motion på ca. ét sted — én enkelt onboarding-animation — og de native apps overholdt det ingen steder. Det nye fundament gjorde bevægelse til en token med tre værdier (ingen, reduceret, fuld) igennem enhver animationsprimitiv. En designer, der forsøgte at tilsidesætte præferencen, skulle vedhæfte en skriftlig begrundelse, som programlederen gennemgik.

Tranche 2 — Components

Med fundamenterne stabile vendte teamet sig mod de ca. 90 primære komponenter. Listen var ordnet efter de klage-pipeline-data, Maya havde hentet i den første måned: checkout først, derefter besked, derefter profil, derefter video. Hver komponent gennemgik en standardiseret genopbygning: kortlægning af tastaturnavigation, skærmlæser-semantik, fokusrækkefølge, kontrastverifikation i alle tilstande, reduceret-bevægelses-variant, RTL-variant og — Mayas insisteren — en dokumenteret testfixture, som QA-teamet kunne køre ved hver udgivelse.

Kreditkortinputfeltet i sin gamle form havde været et enkelt <input> med auto-formaterende JavaScript, der brød skærmlæserens annoncering af indtastede tegn; genopbygningen brugte fire separate inputs med eksplicitte labels, fejl knyttet via aria-describedby, og inline-validering annonceret via en høflig live-region. Det tog seks uger for én designer og én ingeniør. De checkout-relaterede tilgængeligheds-billetter faldt med ca. 70 procent det følgende kvartal — fordi de fleste af de nye billetter simpelthen holdt op med at blive indsendt.

Tranche 3 — Patterns

Den endelige tranche var den, Maya beskrev som den letteste i udførelse og den sværeste i koordination. Teamet dokumenterede kompositionsmønstre — hvordan man bygger et tilgængeligt modal-flow oven på de genopbyggede komponenter; hvordan man sammensætter en liste af elementer med blandet medie; hvordan man strukturerer en indstillingsside, så navigationen fungerede under stemmekontrol. Mønstrene kom ind på design-system-dokumentationssitet som kørbare kodeeksempler. Det svære var ikke at skrive dem. Det svære var at få hvert produktteam til at bruge dem i stedet for at opfinde deres egne.

Ingeniørudrulningen

Et redesignet design-system er et bibliotek; det er ikke i sig selv en udrulning. Det sværeste projektledelsesarbejde i programmet — Maya var utvetydig om dette — var migreringen. Produktet havde ca. 40 squads, der hver ejede to til fem overflader, hver i praksis fri til at konsumere design-systemet i det tempo, dens roadmap tillod. En naiv plan ville have bedt hvert squad om at migrere inden for et kvartal. Den plan ville have fejlet.

Mayas løsning var et gradueret mandat. De nye komponenter kom som standard; de gamle forblev bag et feature-flag, men enhver udgivelse af en overflade, der stadig brugte en legacy-komponent, ville automatisk åbne en P2-billet på det pågældende squads backlog. Billetten ville auto-eskalere til P1 efter 90 dage og til P0 efter 180. Inden for fire kvartaler havde ca. 78 procent af legacy-primærkomponent-brugen migreret. Inden for seks kvartaler var det tal ca. 94 procent.

„Det svære var ikke design-systemet. Det svære var et organisationsdiagram med 40 squads og en budgetcyklus, der ikke var bygget til det. Komponenterne var tre måneders arbejde. Udrulningen var tre år.“

Maya Okafor, kompositportræt, om migreringen

Hvad programmet kostede — og hvad det gav tilbage

Maya var omhyggelig med at spore. Da programmet afsluttede sin formelle fase i Q4 2024, beløb udgifterne sig — over to et halvt år, elleve dedikerede medarbejdere og eksternt test — til et sted i de høje enkeltcifrede millioner. Tilstrømningen af tilgængeligheds-relaterede billetter var faldet ca. 73 procent i forhold til 2022-basislinjen, på trods af en brugerbase, der var vokset med ca. 20 procent. De to ADA-relaterede juridiske sager, der blev åbnet i programperioden, blev begge lukket uden at nå retten, på vilkår virksomheden i sine årsregnskaber beskrev som uvæsentlige. Produktets fastholdelse i segmentet af hjælpeteknologibrugere — segmentet Maya havde identificeret i finansieringsargumentet — var indsnævret fra et 1,8x-fraflytningsforhold mod den samlede base til ca. 1,15x. Finans bogførte forskellen. Maya sagde ikke, hvad tallet var.

Hun bogførte også ting, der ikke fremgår af regnearket. Den native iOS-apps VoiceOver-rotor-understøttelse, der havde været berømt ødelagt i årevis, blev — i en uafhængig audit i begyndelsen af 2025 — en af de bedst præsterende i sin sektor. Høj-kontrasttemaet, som Maya havde presset på for over brand-teamets indvendinger, blev standard i regioner, hvor lokale regulatorer begyndte at håndhæve EAA. Design-system-dokumentationssitet, der i begyndelsen af 2022 blev set ca. 4.000 gange om måneden, lå i midten af 2025 på gennemsnitligt ca. 38.000 månedlige sidevisninger. En praksis var blevet bygget; den ville overleve hendes ansættelse.

Hvad hun fortæller designere i mindre organisationer

I 2025 tog Maya færre ICU-vagter på sit eget produkt og mere rådgivningsarbejde for designere i virksomheder en størrelsesorden mindre — produktteams på 20 og 50 personer, den type organisation, hvor én designer som standard skal være tilgængeligheds-lead. Hun havde et lille sæt ting, hun sagde ved hvert kaffemøde. De er værd at liste.

Et. Klage-pipelinen er løftestangen. Man behøver ikke en million brugere for at have en klage-pipeline; man behøver en Support-indbakke og en villighed til at læse den. Print billetterne ud. Læg dem i en mappe. Tag mappen med til mødet. Mappen virker.

To. Finansieringsargumentet har tre kolonner. Juridisk eksponering, markedsmulighed og klagevolumen. Man behøver ikke præcise tal på nogen af de tre. Man skal have den samme person til at se alle tre på ét sted, fordi ingen enkelt kolonne bærer rummet alene.

Tre. Fundamenter før komponenter, komponenter før mønstre. Et team, der starter med at omskrive komponenter først, vil bruge et år på det og ankomme med et smukt komponentbibliotek oven på en usemantisk farvepalet, og den næste designer vil omskrive det hele igen.

Fire. Forhandl vetoretten. Det vigtigste enkeltpunkt i en multi-team produktvirksomhed er evnen til at sige: “denne nye komponent sendes ikke, før den består tjeklisten.” Vetoretten, brugt to gange på to år, er tilstrækkelig. Det er troværdigheden af vetoretten, ikke dens hyppighed, der gør arbejdet.

Fem. Ansæt forskeren med rekrutteringserfaring fra handicapsamfundet. Den enkelt linje i Mayas programbudget, hun ville forsvare hårdest, var forskerens plads. Uden mennesker med handicap i kredsen er arbejdet teater.

Seks. Uret på legacy-komponenterne er ikke til forhandling. Migreringer uden ure sker ikke. Migreringer med ure sker i det tempo, uret tillader.

Syv. Tag sejren og gå videre. Maya trådte ud af programmet i Q1 2025 og gik over til rådgivning. Grundlæggeren af et tilgængeligheds-program er den forkerte person til at drive det i steady state. Grundlæggerens job er at få programmet til at eksistere. Steady-state-jobbet er at være kedelig. Forskelligt temperament; forskellig person.

En note om mappen

Maya har stadig mappen. Hun tager den frem ved konferencer ind imellem, når en senior designer spørger hende — sædvanligvis med forlegenhed, ofte efter et panel — hvad de skal gøre ved deres egne 41 åbne billetter. Mappen er en halv tomme tyk. Mærkaten på omslaget siger, med en sans-serif håndskrift Maya købte i en hobbysbutik i 2022, “Day One”. De 41 billetter i den er alle lukkede. Navnene på de mennesker, der indsendte dem, er sværtet ud med sort tusch. Hun viser ikke navnene. Hun viser siderne og siger: det er sådan arbejdet ser ud, og det er her det begynder.