Construir una veritable cultura de l'accessibilitat digital en una empresa és una missió de resiliència i perseverança. No és difícil que el discurs sobre l'accessibilitat caigui en els tòpics habituals. L'accessibilitat és molt important per a les persones. L'accessibilitat dels productes i serveis digitals afavoreix la inclusió. O fins i tot, tots els professionals dels equips haurien d'implicar-se en el treball d'accessibilitat. Per descomptat. Ningú en el seu bon judici negarà cap d'aquestes afirmacions (espero). Tanmateix, la segona part d'aquesta conversa, a la qual arriben molt poques empreses, és "com?" Com ho fem enmig del treball diari dels equips de transformació digital, que, com tots sabem, estan immersos en guions exigents, sovint amb un nombre molt limitat de persones disponibles? La majoria de vegades, l'elecció acaba sent entre "fem això" i "això". I no hauria de ser, perquè, en aquests casos, mai vaig veure que l'accessibilitat guanyava en aquesta equació. No hauria de ser així. No cal que siguis així. En primer lloc, perquè triar entre accessibilitat i qualsevol altra cosa no és l'opció correcta. L'accessibilitat ja no és només una característica més a afegir a les altres. És un valor afegit per al negoci i, actualment, una obligació legal que pot tenir greus conseqüències per a les empreses. D'altra banda, hi ha maneres intel·ligents, optimitzades i impactants d'incorporar els principis d'accessibilitat a la dinàmica natural dels equips. És possible treballar l'accessibilitat sense capgirar les operacions de l'equip. En essència, això és el que fa AccessibilityOps. Potenciar les persones i proporcionar als equips processos senzills perquè puguin integrar el treball d'accessibilitat a les seves rutines diàries sense esforços desproporcionats. Accessibilitat i Disseny Treballar l'accessibilitat digital en el disseny pot implicar diverses accions. Està clar que hem de prestar especial atenció al color i a com s'utilitza per transmetre significat. Per descomptat, les mides d'interacció dels elements han de ser còmodes. Però, el més important, hem de pensar en el disseny des d'una perspectiva versàtil. Una interfície no és un pòster. Podem controlar molts aspectes d'aquest disseny, però la manera com els usuaris interactuen amb la interfície està subjecta a un nombre infinit de variables. El tipus de dispositiu, el context, la finalitat, la qualitat de la xarxa, etc. Tot això afecta molt l'experiència i la interacció de cada persona. Juntament amb tot això, quan les preocupacions d'accessibilitat digital s'incorporen al procés de disseny, afegeix encara més variables.
Les persones sovint utilitzen el que s'anomenen tecnologies i estratègies d'assistència. Bàsicament, es tracta d'eines tecnològiques o, si més no, de “trucs” als quals recorre la gent per trobar models d'ús més còmodes. Els famosos lectors de pantalla, associats habitualment a l'ús de persones cegues (però que no només els són útils), per exemple, són una tecnologia d'assistència. Canviar els colors o els contrastos de colors entre diferents elements també és una tecnologia d'assistència. Augmentar la mida de la lletra (del qual hem comentat en aquest text) és un altre exemple. Hi ha innombrables tecnologies i estratègies d'assistència. Gairebé tantes com els diferents contextos d'ús per a cada persona. No ho controlem tot En altres paraules (i aquesta és la “mala notícia” per als dissenyadors), “el nostre disseny” està subjecte, des de la perspectiva dels usuaris, a transformacions que no controlem. Serà "transformat" per l'usuari, assegurant que pugui interactuar amb l'aplicació i tot el que ofereix de la manera més còmoda possible. I això és bo. Si això passa i tot va bé, segur que haurem fet molt bé la nostra feina d'accessibilitat, i tots ens mereixem felicitar-nos. Si l'usuari aplica alguna d'aquestes tecnologies i estratègies de suport i encara no pot utilitzar l'aplicació digital, és un senyal que alguna cosa no funciona com hauria. Ah, i parlant d'això. Ni tan sols penseu a bloquejar l'ús d'aquestes tecnologies o estratègies de suport. Pot ser que estiguin "destruint" el vostre bonic disseny, però permeten que cada vegada més persones utilitzin l'aplicació. Al final, no era exactament això el que vam prometre que volíem fer? Disseny per a (totes) les persones. Sense excepció? Augmenta la mida de la lletra Quantes vegades hem sentit algú (amics, familiars o fins i tot col·legues) queixar-se que aquest o aquell text és massa petit? El text té un paper molt important en l'experiència digital. Molta informació es transmet a través del text:instruccions d'ús, subtítols de botons o elements interactius. Tot això utilitza el text com a eina de comunicació. Si la lectura de tots aquests elements és difícil, naturalment, l'experiència es veu molt deteriorada. La lectura còmoda de text, independentment de la seva funció, és un principi no negociable. Aquesta lectura es pot facilitar utilitzant mides còmodes en el disseny. Tanmateix, les tecnologies i estratègies de suport, mitjançant la funcionalitat d'augmentar la mida de la lletra, també poden ajudar a millorar la llegibilitat. Segons les dades d'APPT, el 26% dels usuaris de dispositius mòbils Android i iOS augmenten la mida de la lletra predeterminada (dades de febrer de 2026). Un de cada quatre usuaris augmenta la mida de la lletra al seu telèfon intel·ligent. Aquesta és una mostra molt significativa de persones, la qual cosa fa que aquesta funcionalitat sigui inevitable en els processos de disseny.
Compliment de les directrius Augmentar la mida de la lletra a les interfícies pot representar un gran repte de disseny. És important entendre que, de sobte, alguns elements de text, a causa de les accions de l'usuari, poden duplicar-se de la seva mida inicial. "Amb l'excepció dels subtítols i les imatges de text, el text es pot canviar de mida sense tecnologia d'assistència fins al 200% sense pèrdua de contingut ni de funcionalitat".
Aquest criteri d'èxit es troba al nivell de compliment AA, és a dir, és una característica absolutament obligatòria segons qualsevol marc legal. És fàcil entendre el 200% d'aquest criteri d'èxit. Si suposem que dissenyem les interfícies a una escala del 100%, és a dir, la mida de l'element és la mida inicial, augmentar el text fins a un 200% correspondrà a duplicar la mida inicial. També es poden utilitzar altres escales d'ampliació, com ara 120%, 140%, etc. És a dir, hem de garantir que els usuaris puguin augmentar el text fins a duplicar la seva mida inicial mitjançant tecnologies o estratègies de suport (i això no és un detall menor). Per complir amb aquest estàndard, no cal que proporcionem eines per augmentar la mida del text a les interfícies. A la pràctica, aquestes característiques no són més que redundància. Els dispositius ja permeten fer-ho de manera estandarditzada. Els usuaris que realment necessiten aquesta configuració ho saben (perquè, sense ella, la seva vida seria molt més difícil). Bé, ja tenen aquesta configuració aplicada al seu dispositiu. I això significa que podem eliminar aquests elements d'interfície addicionals, simplificant l'experiència.
Accés estandarditzat Un concepte important a recordar sobre les tecnologies d'assistència, especialment en aquest cas pel que fa a l'augment de la mida de la lletra, és que la majoria dels dispositius ja tenen instal·lades moltes d'aquestes eines de manera predeterminada. En altres paraules, en molts casos, els usuaris no necessiten comprar el seu propi programari o comprar un tipus específic de dispositiu només per tenir aquesta funcionalitat. Ja sigui en dispositius mòbils o fins i tot en navegadors web, en la gran majoria dels casos, és fàcil trobar funcions instal·lades que us permetin augmentar la mida de lletra predeterminada que estem utilitzant a tota la interfície. Aquest principi d'augmentar la mida de la lletra es pot aplicar a productes digitals, com ara aplicacions, o fins i tot a qualsevol tipus de lloc web que s'executi amb els navegadors web estàndard que s'utilitzen actualment. iPhones Als dispositius iPhone, la funció d'augment de la mida de la lletra està integrada de manera predeterminada. Per utilitzar aquesta funció, només cal que accediu al tauler "Configuració", seleccioneu "Accessibilitat" i, dins del grup d'opcions "Visió", accediu a la funció "Mida i visualització del text" i configureu l'augment de mida de lletra desitjat en aquesta pantalla.
Google Chrome Els navegadors web també ofereixen, de manera predeterminada, la funcionalitat per augmentar la mida del tipus de lletra. Per exemple, a Google Chrome, aquesta funció està disponible al tauler "Opcions", concretament a l'àrea "Aparença". A la llista d'opcions que apareixen en aquest grup, només cal que seleccioneu l'opció "Mida del tipus de lletra". Normalment, es seleccionarà l'opció "Mitjà - Recomanat". Podeu canviar aquesta configuració a qualsevol altra mida de lletra disponible. Proveu, per exemple, l'opció "Molt gran".
Prova a Figma Per garantir que el treball d'accessibilitat digital es faci efectiu en la vida quotidiana dels equips, és fonamental trobar processos de treball senzills. Accions o iniciatives integrables a la rutina de l'equip, que aborden l'accessibilitat de manera integrada, i que no requereixin una transformació dramàtica de la realitat actual. Si això fos necessari, creu, no passaria la majoria de les vegades. Per tant, dissenyar processos de treball senzills és la meitat de la batalla perquè l'accessibilitat passi realment, en aixòcas, també dins d'un equip de disseny. Pel que fa a provar l'augment de la mida de la lletra en el disseny, avui tenim eines extraordinàries a la nostra disposició. Aquells que recordin els temps de dissenyar interfícies complexes a Adobe Photoshop reconeixeran les diferències en les eines que tenim avui (i, per sort, això). Ara és possible, mitjançant eines com Figma, crear tal dinamisme en el disseny que provar la mida de la lletra augmenta per a l'accessibilitat esdevingui gairebé inevitable per a l'equip.
Nota: per fer aquesta prova, heu de tenir una bona comprensió dels estils de text, els dissenys automàtics i les variables de Figma. Aquestes tres són eines fonamentals per a l'èxit sense gaire esforç addicional. Si encara no domineu aquestes funcions, és molt recomanable que comenceu per aquí. No salteu passos. L'aprenentatge és un procés gradual que s'ha de seguir de manera estructurada, pas a pas. On volem anar? La prova d'augment de la mida de la lletra a Figma que volem realitzar és senzilla. Volem tenir disponible un conjunt de variables per a tots els estils de text que utilitzem a la interfície, que ens permetin escollir si volem veure la interfície amb el text a una escala de 100%, 120%, 140%, 160%, 180% o 200%. A mesura que apliquem aquest conjunt de variables (igual que s'apliquen variables per al mode clar i fosc), observem les transformacions del text a la interfície i entenem fins a quin punt calen adaptacions a cada versió de la interfície amb diferents escales tipogràfiques.
Com fem que això passi? Perquè aquesta prova surti tan bé, cal que treballeu. Els sistemes de disseny poden ajudar molt a optimitzar gran part d'aquest treball inicial. Però no et mentiré. Perquè la prova funcioni bé, el vostre disseny ha de tenir un nivell molt seriós d'organització i sistematització. Això no és realment una guia, perquè cada equip tindrà el seu propi model de treball, i aquestes recomanacions es poden aplicar de diferents maneres (i això està bé). Tanmateix, perquè aquesta prova funcioni, és important assegurar-se de certes hipòtesis en el disseny. Per ajudar-vos en la implementació d'aquest model de prova, aquí teniu alguns passos a seguir. Instruccions pas a pas per guiar-vos per organitzar els vostres fitxers i assegurar-vos que podeu executar aquesta prova completament de la manera més senzilla i pràctica possible. 1. Disseny de les interfícies Tot comença amb el disseny. Abans de qualsevol prova, cal centrar-se, com cal, en el disseny de cada interfície que voldrem provar més endavant. En aquesta fase, encara no hi ha cap preocupació específica amb la prova d'augment de la mida de la lletra que realitzarem més endavant. Naturalment, tot el disseny de la interfície hauria de seguir, des del principi, les recomanacions d'accessibilitat més bàsiques aplicades al disseny.
2. Apliqueu dissenys automàtics a tots els elements En cada disseny de pantalla que creeu, haureu d'assegurar-vos d'aplicar perfectament els dissenys automàtics. Aquest és un pas molt important. És aquesta aplicació coherent de dissenys automàtics a tota l'estructura i els elements de disseny la que més endavant garantirà l'escalabilitat de la interfície quan comencem a provar l'augment de la mida de la lletra. Realment no podeu subestimar aquest pas. Si no li presteu l'atenció que es mereix, ho veureu quan provem l'escala tipogràfica a les interfícies, tot es trenca com un elefant en una botiga de porcellana.
3. Estructuració i aplicació d'estils de text Per dur a terme la nostra prova d'augment de la mida de la lletra, també necessitarem que hàgiu aplicat estils de text a cada disseny d'interfície. Probablement fins i tot els vau començar a crear mentre dibuixaveu. Genial. Si no ho has fet, és important que ho facis ara. Perquè la prova funcioni perfectament, realment necessitem això. No deixeu cap element de text al disseny sense aplicar un estil de text.
4. Definiu el conjunt de variables al 100% Aquesta prova obliga a un grau d'optimització força elevat. A la pràctica, això vol dir que haurem d'utilitzar variables Figma per a totes les característiques dels estils de text que tenim a la interfície. En aquesta etapa, heu de definir les variables de "número" de Figma com a mínim per a la mida de la font i l'alçada de la línia dels estils de text que heu aplicat al dibuix. Amb aquest pas, esteu definint els valors d'escala d'augment de la mida de la font per a un model de visualització al 100%, és a dir, la versió inicial i de referència del dibuix. És important que estructureu aquestes variables per a cada estil de text del dibuix perquè, posteriorment, haurem de tenir en compte l'escala d'ampliació de cadascun d'aquests elements de text.
5. Apliqueu les variables als estils de text Després d'haver definit les variables per als estils de text d'escala 100%, ara les heu d'aplicarals elements dels estils de text ja creats. No us oblideu d'aplicar variables almenys a les característiques de mida de lletra i alçada de línia. Si teniu més variables tipogràfiques, està bé. Però almenys hauríeu d'aplicar variables a la mida de la font i l'alçada de la línia. Això és realment molt important.
6. Definiu les variables per augmentar la mida del text Ara que teniu les variables aplicades als estils de text d'escala 100%, el següent pas és crear les variables per a les altres escales d'augment de la mida de la lletra. A la pràctica, heu de crear les variables que indicaran al sistema a quina mida de lletra creixerà cada estil de text quan l'escala d'augment sigui del 120%, 140%, 160%, etc. Per definir els valors de la mida de la lletra i l'alçada de la línia, només heu de multiplicar el valor inicial pel percentatge d'escala. Per exemple, si un estil de text té una mida de font de 16 píxels, la mida de l'escala del 120% serà 16 multiplicada per 1,2, el que dóna un resultat de 19,2. Repetiu aquest càlcul per a tots els valors de mida de lletra i d'alçada de línia dels percentatges d'escala d'augment de la mida de la lletra que trieu. També podeu triar si voleu aplicar o no arrodoniment als valors finals. Es tracta d'una prova aproximada i, per tant, les diferències que puguin sorgir de l'arrodoniment no afectaran la percepció final del resultat de la prova.
7. Aplicar variables a diferents versions d'escala Ha arribat el moment de la veritat. El següent pas és entendre si ho tenim tot funcionant perquè la prova funcioni perfectament. Per tant, hauríeu de copiar la interfície original i aplicar el conjunt de variables per a cadascuna de les taxes d'augment de la mida de la lletra que tinguin sentit. Repetiu aquest procés per a tots els percentatges d'augment de mida de lletra que hàgiu definit. Com a suggeriment, podeu utilitzar com a referència els percentatges d'augment del 120%, 140%, 160%, 180% i 200%. Si voleu simplificar, podeu reduir el nombre de percentatges d'escala amb què esteu treballant. Independentment del nombre de percentatges amb què treballeu, sempre hauríeu de treballar amb les escales mínimes del 100% i el 200%.
8. Identificar àrees de millora En aplicar escales d'augment de mida de lletra diferents a la mateixa pantalla, és fàcil entendre on es poden necessitar millores. Aquí és on comença la prova real d'augmentar la mida de la font en el disseny de la interfície i el treball d'accessibilitat més interessant. En l'anàlisi de les diferents pantalles, tingueu en compte alguns aspectes importants:
El fet que el text sembli gegantí no és un problema i no "arruïna" el disseny. Recordeu que això pot significar la diferència entre que algú pugui utilitzar un producte o servei determinat o no. Hi ha un problema d'accessibilitat quan augmentar la mida de la lletra fa que l'usuari sigui impossible llegir determinats textos o activar determinats controls. Per als elements de text que ja són molt grans, pot ser que no tingui sentit augmentar la mida de la lletra. Fer-ho podria fer que aquests elements fossin desproporcionats, la qual cosa no milloraria la llegibilitat (ja que ja són de bona mida) i ocuparia espai completament innecessari. Si hi ha elements que semblen sortir de la pantalla, el primer pas és confirmar com esteu aplicant el disseny automàtic. Molts aspectes del disseny es poden resoldre fàcilment amb l'ús adequat del disseny automàtic. Independentment de l'escala d'augment de la mida de la lletra, és fonamental mantenir la jerarquia visual de la tipografia, ja que aquesta llegibilitat és important per percebre els diferents nivells d'informació presents a la pantalla. Aquesta prova pot ajudar a identificar elements que poden necessitar ajustaments directament al codi per funcionar bé a una escala d'augment determinada. No tot es pot resoldre només amb el disseny, i això està perfectament bé. L'accessibilitat és essencialment un treball d'equip.
9. Feu correccions i ajustos al disseny Finalment, a partir de les diferents pantalles amb diferents escales d'ampliació de text aplicades, podeu fer els canvis de disseny que tinguin sentit. Alguns d'aquests ajustos només poden ser necessaris al codi. En aquests casos, documenteu tots aquests suggeriments i els transmeteu a l'equip de desenvolupament. També és crucial reforçar (de nou) que alguns dels problemes que podeu trobar en el disseny es poden resoldre ràpidament en el procés de disseny, amb l'aplicació senzilla i correcta de les propietats de disseny automàtic.
10. Torna al principi i repeteix el procés Aquest és un enfocament cíclic. Això vol dir que hauríeu de repetir aquests passos, o les seves variacions, tantes vegades com sigui necessari al llarg del projecte. És natural que, amb el temps i amb l'optimització de processos, algunsd'aquests passos deixaran de tenir sentit. Això no és absolutament un problema. Però el més important a adonar-se aquí és que l'accessibilitat i aquest procés de prova de l'augment de la mida del tipus de lletra no s'han de fer una sola vegada, i ja està. És una prova que cal fer moltes i moltes vegades al llarg del dia a dia de cada projecte i equip.
El paper dels sistemes de disseny A primera vista, aquesta llista de passos pot semblar un exercici complex. Però no ho és. Això es deu al fet que la gran majoria, si no tots, d'aquests passos són fàcils d'executar en qualsevol context on existeixi un sistema de disseny. De fet, els sistemes de disseny s'han convertit en un estàndard ineludible en la indústria del disseny de producte. Podem parlar del que cada equip anomena sistema de disseny, però el cert és que avui dia és molt difícil trobar un equip de Disseny de Producte que no tingui, com a mínim, una biblioteca mínimament estructurada de components i estils.
Amb aquesta base, ja sigui més o menys documentada, és molt fàcil aplicar aquest tipus de prova d'augment de la mida de la font mitjançant variables Figma. A més, si el vostre sistema de disseny ja té, per exemple, variables estructurades per al mode clar i fosc, vol dir que ja esteu aplicant exactament els mateixos principis que hem utilitzat per realitzar aquesta prova. Per tant, res de nou. Treballar amb sistemes de disseny implica un nivell d'estructuració i organització que també és molt útil per crear aquest tipus de proves. Hi ha un mite que els sistemes de disseny limiten la creativitat. Això no és cert. Els sistemes de disseny ajuden a resoldre la part "burocràtica" del disseny, de manera que podem tenir més temps per al que importa: en aquest cas, provar l'accessibilitat i construir cada cop més productes i serveis realment accessibles per al major nombre de persones. Fitxer d'exemple Sempre és més fàcil veure un exemple que simplement llegir una descripció d'un procés. Si això és cert en moltes disciplines del coneixement, en disseny, aquesta premissa té encara més sentit. Per tant, en aquest fitxer Figma, publicat gratuïtament i disponible per a la comunitat, trobareu un exemple pràctic de tot el procés de prova que es descriu aquí. Recordeu que això és només un exemple. Hi pot haver innombrables maneres de realitzar aquest tipus de prova en el context d'un fitxer Figma.
Assegureu-vos de mirar aquest enfocament amb un ull crític. És un suggeriment per provar l'augment de la mida de la lletra que segueix un procés específic. Malgrat això, l'enfocament s'ha d'adaptar a la realitat, els processos i el nivell de maduresa específics del vostre equip. Simplement copiar fórmules d'altres equips sense entendre si tenen sentit en el nostre propi context és una manera segura de fer que els esforços d'accessibilitat siguin desproporcionats. Cada situació és única. Aquest enfocament intenta simplificar el treball d'accessibilitat tant com sigui possible en aquest context específic. I recordeu: si passa alguna cosa, per petit que sigui, és un pas endavant, no un pas enrere. I això ho haurien de celebrar tots els membres de l'equip.
