Construir una verdadera cultura de accesibilidad digital en una empresa es una misión de resiliencia y perseverancia. No es difícil que el discurso sobre accesibilidad caiga en los tópicos habituales. La accesibilidad es muy importante para las personas. La accesibilidad de los productos y servicios digitales promueve la inclusión. O incluso, todos los profesionales de los equipos deberían implicarse en el trabajo de accesibilidad. Por supuesto. Nadie en su sano juicio cuestionará ninguna de estas afirmaciones (espero). Sin embargo, la segunda parte de esta conversación, a la que muy pocas empresas llegan, es “¿cómo?” ¿Cómo logramos que esto suceda en medio del trabajo diario de los equipos de transformación digital, que, como todos sabemos, están inmersos en guiones exigentes, muchas veces con un número muy limitado de personas disponibles? La mayoría de las veces, la elección termina siendo entre "hacemos esto" y "aquello". Y no debería ser así porque, en estos casos, nunca vi que la accesibilidad ganara en esta ecuación. No debería ser así. No es necesario que seas así. En primer lugar, porque elegir entre accesibilidad y cualquier otra cosa no es la elección correcta. La accesibilidad ya no es una característica más que se suma a las demás. Es un valor añadido para el negocio y, actualmente, una obligación legal que puede tener graves consecuencias para las empresas. Por otro lado, existen formas inteligentes, optimizadas e impactantes de incorporar principios de accesibilidad a la dinámica natural de los equipos. Es posible trabajar en accesibilidad sin alterar las operaciones del equipo. En esencia, eso es lo que hace AccessibilityOps. Empoderar a las personas y proporcionar a los equipos procesos simples para que puedan integrar el trabajo de accesibilidad en sus rutinas diarias sin un esfuerzo desproporcionado. Accesibilidad y diseño Trabajar la accesibilidad digital en el diseño puede implicar varias acciones. Está claro que debemos prestar especial atención al color y a cómo se utiliza para transmitir significado. Por supuesto, los tamaños de interacción de los elementos deben ser cómodos. Pero, lo más importante, debemos pensar el diseño desde una perspectiva versátil. Una interfaz no es un cartel. Podemos controlar muchos aspectos de ese diseño, pero la forma en que los usuarios interactúan con la interfaz está sujeta a un sinfín de variables. El tipo de dispositivo, contexto, finalidad, calidad de la red, etc. Todo ello afecta en gran medida la experiencia e interacción de cada persona. Además de todo esto, cuando las preocupaciones sobre la accesibilidad digital se incorporan al proceso de diseño, se añaden aún más variables.
La gente suele utilizar lo que se llama tecnologías y estrategias de asistencia. Básicamente se trata de herramientas tecnológicas o, al menos, “trucos” a los que la gente recurre para encontrar modelos de uso más cómodos. Los famosos lectores de pantalla, comúnmente asociados al uso de personas ciegas (pero que no sólo les resultan útiles), por ejemplo, son una tecnología de asistencia. Cambiar colores o contrastes de color entre diferentes elementos también es una tecnología de asistencia. Aumentar el tamaño de fuente (que comentamos en este texto) es otro ejemplo. Existen innumerables tecnologías y estrategias de asistencia. Casi tantas como los diferentes contextos de uso de cada persona. No controlamos todo En otras palabras (y esta es la “mala noticia” para nosotros los diseñadores), “nuestro diseño” está sujeto, desde la perspectiva de los usuarios, a transformaciones que no controlamos. Será “transformada” por el usuario, consiguiendo que pueda interactuar con la aplicación y todo lo que ofrece de la forma más cómoda posible. Y eso es algo bueno. Si esto sucede y todo va bien, seguramente habremos hecho muy bien nuestro trabajo de accesibilidad, y todos merecemos una enhorabuena. Si el usuario aplica alguna de estas tecnologías y estrategias de soporte y aún así no puede utilizar la aplicación digital, es señal de que algo no está funcionando como debería. Ah, y hablando de eso. Ni se te ocurra bloquear el uso de estas tecnologías o estrategias de soporte. Puede que estén "destruyendo" su hermoso diseño, pero están permitiendo que cada vez más personas utilicen la aplicación. Al final, ¿no fue eso exactamente lo que prometimos que queríamos hacer? Diseño para (todas) las personas. ¿Sin excepción? Aumentar el tamaño de fuente ¿Cuántas veces hemos escuchado a alguien (amigos, familiares o incluso colegas) quejarse de que tal o cual texto es demasiado pequeño? El texto juega un papel muy importante en la experiencia digital. Mucha información se transmite a través del texto:instrucciones de uso, títulos de botones o elementos interactivos. Todo ello utiliza el texto como herramienta de comunicación. Si leer todos estos elementos resulta difícil, naturalmente, la experiencia se ve gravemente perjudicada. La lectura cómoda de un texto, independientemente de su función, es un principio innegociable. Esta lectura se puede facilitar utilizando tamaños cómodos en el diseño. Sin embargo, las tecnologías y estrategias de apoyo, a través de la funcionalidad de aumentar el tamaño de fuente, también pueden ayudar a mejorar la legibilidad. Según datos de APPT, el 26% de los usuarios de dispositivos móviles Android e iOS aumentan el tamaño de fuente predeterminado (datos de febrero de 2026). Uno de cada cuatro usuarios aumenta el tamaño de la fuente en su smartphone. Se trata de una muestra de personas muy significativa, por lo que esta funcionalidad es ineludible en los procesos de diseño.
Cumplimiento de las directrices Aumentar el tamaño de fuente en las interfaces puede representar un gran desafío de diseño. Es importante comprender que, de repente, algunos elementos de texto, debido a las acciones del usuario, pueden duplicar su tamaño inicial. "Con la excepción de los subtítulos y las imágenes de texto, el tamaño del texto se puede cambiar sin tecnología de asistencia hasta en un 200% sin pérdida de contenido o funcionalidad". Criterio de cumplimiento 1.4.4, "Cambiar el tamaño del texto" de las Pautas de accesibilidad al contenido web (WCAG), versión 2.2.
Este criterio de éxito se encuentra en el nivel de cumplimiento AA, lo que significa que es una característica absolutamente obligatoria según cualquier marco legal. Es fácil entender el 200% en este criterio de éxito. Si asumimos que diseñamos las interfaces a una escala del 100%, es decir, el tamaño del elemento es el tamaño inicial, entonces aumentar el texto hasta un 200% equivaldrá a duplicar el tamaño inicial. También se pueden utilizar otras escalas de ampliación, como 120 %, 140 %, etc. En otras palabras, tenemos que conseguir que los usuarios puedan aumentar el texto hasta duplicar su tamaño inicial mediante tecnologías o estrategias de apoyo (y este no es un detalle menor). Para cumplir con este estándar, no necesitamos proporcionar herramientas para aumentar el tamaño del texto en las interfaces. En la práctica, estas características no son más que redundancia. Los dispositivos ya permiten hacer esto de forma estandarizada. Los usuarios que realmente necesitan esta configuración lo saben (porque, sin ella, su vida sería mucho más difícil). Bueno, ya tienen esta configuración aplicada en su dispositivo. Y eso significa que podemos eliminar estos elementos adicionales de la interfaz, simplificando la experiencia.
Acceso estandarizado Un concepto importante a recordar sobre las tecnologías de asistencia, particularmente en este caso con respecto al aumento del tamaño de fuente, es que la mayoría de los dispositivos ya tienen muchas de estas herramientas instaladas de forma predeterminada. En otras palabras, en muchos casos, los usuarios no necesitan adquirir su propio software o comprar un tipo específico de dispositivo sólo para tener esta funcionalidad. Ya sea en dispositivos móviles o incluso en navegadores web, en la gran mayoría de los casos es fácil encontrar funciones instaladas que permiten aumentar el tamaño de fuente predeterminado que utilizamos en toda la interfaz. Este principio de aumentar el tamaño de fuente se puede aplicar a productos digitales, como aplicaciones, o incluso a cualquier tipo de sitio web que se ejecute en los navegadores web estándar que se utilizan en la actualidad. iPhones En los dispositivos iPhone, la función de aumento del tamaño de fuente está integrada de forma predeterminada. Para utilizar esta función, simplemente acceda al panel “Configuración”, seleccione “Accesibilidad” y dentro del grupo de opciones “Visión”, acceda a la función “Tamaño y visualización del texto” y configure el aumento de tamaño de fuente deseado en esa pantalla.
Google Chrome Los navegadores web también ofrecen, de forma predeterminada, la función de aumentar el tamaño de fuente. Por ejemplo, en Google Chrome, esta función está disponible en el panel de “Opciones”, concretamente en el área de “Apariencia”. En la lista de opciones que aparecen en este grupo, simplemente selecciona la opción “Tamaño de fuente”. Normalmente, se seleccionará la opción "Medio - Recomendado". Puede cambiar esta configuración a cualquier otro tamaño de fuente disponible. Pruebe, por ejemplo, la opción "Muy grande".
Prueba en Figma Para garantizar que el trabajo de accesibilidad digital sea efectivo en el día a día de los equipos, es fundamental encontrar procesos de trabajo sencillos. Acciones o iniciativas que se puedan integrar en la rutina del equipo, que aborden la accesibilidad de forma integrada y que no requieran una transformación dramática de la realidad actual. Si eso fuera necesario, cree, no sucedería la mayor parte del tiempo. Por lo tanto, diseñar procesos de trabajo simples es la mitad de la batalla para que la accesibilidad realmente suceda, en estecaso, también dentro de un equipo de diseño. En cuanto a probar aumentos de tamaño de fuente en el diseño, hoy tenemos herramientas extraordinarias a nuestra disposición. Aquellos que recuerdan los días en que se diseñaban interfaces complejas en Adobe Photoshop reconocerán las diferencias en las herramientas que tenemos hoy (y afortunadamente). Ahora es posible, a través de herramientas como Figma, crear tal dinamismo en el diseño que probar aumentos de tamaño de fuente para garantizar la accesibilidad se vuelve casi inevitable para el equipo.
Nota: Para realizar esta prueba, debe tener un buen conocimiento de los estilos de texto, los diseños automáticos y las variables de Figma. Estas tres son herramientas fundamentales para alcanzar el éxito sin mucho esfuerzo extra. Si aún no domina estas funciones, le recomendamos encarecidamente que comience por ahí. No te saltes pasos. El aprendizaje es un proceso gradual que debe seguirse de manera estructurada, paso a paso. ¿Adónde queremos ir? La prueba de aumento del tamaño de fuente en Figma que queremos realizar es sencilla. Queremos tener un conjunto de variables disponibles para todos los estilos de texto que usamos en la interfaz, permitiéndonos elegir si queremos ver la interfaz con el texto a una escala de 100%, 120%, 140%, 160%, 180% o 200%. A medida que aplicamos este conjunto de variables (al igual que aplicamos variables para el modo claro y oscuro), observamos las transformaciones del texto en la interfaz y entendemos hasta qué punto se necesitan adaptaciones en cada versión de la interfaz con diferentes escalas tipográficas.
¿Cómo hacemos que esto suceda? Para que esta prueba se desarrolle sin problemas, es necesario hacer un poco de trabajo preliminar. Los sistemas de diseño pueden ayudar enormemente a optimizar gran parte de este trabajo inicial. Pero no te mentiré. Para que la prueba funcione bien, su diseño debe tener un nivel muy serio de organización y sistematización. En realidad, esto no es una guía, porque cada equipo tendrá su propio modelo de trabajo y estas recomendaciones se pueden aplicar de diferentes maneras (y eso está bien). Sin embargo, para que esta prueba funcione, es importante garantizar ciertas suposiciones en el diseño. Para ayudarle a implementar gradualmente este modelo de prueba, a continuación se detallan algunos pasos a seguir. Instrucciones paso a paso para guiarlo en la organización de sus archivos y garantizar que pueda ejecutar completamente esta prueba de la manera más simple y práctica posible. 1. Diseño de las interfaces Todo comienza con el diseño. Antes de cualquier prueba, la atención debe centrarse, como debe ser, en el diseño de cada interfaz que querremos probar más adelante. En esta etapa, todavía no hay ninguna preocupación específica con la prueba de aumento del tamaño de fuente que realizaremos más adelante. Naturalmente, todo diseño de interfaces debe, desde el principio, seguir las recomendaciones de accesibilidad más básicas aplicadas al diseño.
2. Aplicar diseños automáticos a todos los elementos En cada diseño de pantalla que cree, deberá asegurarse de aplicar los diseños automáticos a la perfección. Este es un paso muy importante. Es esta aplicación consistente de diseños automáticos a toda la estructura y elementos de diseño lo que luego garantizará la escalabilidad de la interfaz cuando comencemos a probar los aumentos del tamaño de fuente. Realmente no puedes subestimar este paso. Si no le prestas la atención que se merece, verás cuando probemos el escalado tipográfico en las interfaces, todo se estropea como un elefante en una cacharrería.
3. Estructurar y aplicar estilos de texto Para realizar nuestra prueba de aumento del tamaño de fuente, también necesitaremos que haya aplicado estilos de texto a cada diseño de interfaz. Probablemente incluso empezaste a crearlos mientras dibujabas. Excelente. Si no lo ha hecho, es importante que lo haga ahora. Para que la prueba funcione perfectamente, realmente necesitamos esto. No dejes ningún elemento de texto en el diseño sin aplicar un estilo de texto.
4. Definir el conjunto de variables al 100% Esta prueba obliga a un grado de optimización bastante alto. En la práctica, esto significa que tendremos que utilizar variables Figma para todas las características de los estilos de texto que tengamos en la interfaz. En esta etapa, debe definir las variables de “número” de Figma para al menos el tamaño de fuente y la altura de línea de los estilos de texto que aplicó al dibujo. Con este paso estás definiendo los valores de escala de aumento del tamaño de fuente para un modelo de visualización 100%, es decir, la versión inicial y de referencia del dibujo. Es importante que estructures estas variables para cada estilo de texto del dibujo porque, posteriormente, tendremos que considerar la escala de ampliación de cada uno de estos elementos de texto.
5. Aplicar las variables a los estilos de texto. Habiendo definido las variables para los estilos de texto de escala 100%, ahora debes aplicarlasa los elementos de los estilos de texto ya creados. No olvides aplicar variables al menos a las características de tamaño de fuente y altura de línea. Si tienes más variables tipográficas, está bien. Pero al menos deberías tener variables aplicadas al tamaño de fuente y al alto de línea. Esto es realmente muy importante.
6. Defina las variables para aumentar el tamaño del texto Ahora que tiene las variables aplicadas a los estilos de texto de escala del 100%, el siguiente paso es crear las variables para las otras escalas de aumento de tamaño de fuente. En la práctica, hay que crear las variables que le dirán al sistema a qué tamaño de fuente crecerá cada estilo de texto cuando la escala de aumento sea 120%, 140%, 160%, etc. Para definir los valores de tamaño de fuente y alto de línea, simplemente multiplique el valor inicial por el porcentaje de escala. Por ejemplo, si un estilo de texto tiene un tamaño de fuente de 16px, el tamaño para la escala del 120% será 16 multiplicado por 1,2, lo que da un resultado de 19,2. Repita este cálculo para todos los valores de tamaño de fuente y altura de línea de los porcentajes de escala de aumento de tamaño de fuente que elija. También puede elegir si desea aplicar o no el redondeo a los valores finales. Se trata de una prueba aproximada, por lo que las diferencias que puedan surgir del redondeo no afectarán a la percepción final del resultado de la prueba.
7. Aplicar variables a diferentes versiones de escala Ha llegado la hora de la verdad. El siguiente paso es entender si tenemos todo funcionando para que la prueba se ejecute perfectamente. Por lo tanto, debes copiar la interfaz original y aplicar el conjunto de variables para cada una de las tasas de aumento del tamaño de fuente que tenga sentido para ti. Repita este proceso para todos los porcentajes de aumento del tamaño de fuente que haya definido. Como sugerencia, puedes utilizar como referencia los porcentajes de aumento del 120%, 140%, 160%, 180% y 200%. Si desea simplificar, puede reducir la cantidad de porcentajes de escala con los que está trabajando. Independientemente de la cantidad de porcentajes con los que estés trabajando, siempre debes trabajar con las escalas mínimas de 100% y 200%.
8. Identificar áreas de mejora Al aplicar diferentes escalas de aumento de tamaño de fuente a la misma pantalla, es fácil comprender dónde podrían ser necesarias mejoras. Aquí comienza la verdadera prueba del aumento del tamaño de fuente en el diseño de interfaces y el trabajo de accesibilidad más interesante. En su análisis de las distintas pantallas, tenga en cuenta algunos aspectos importantes:
El hecho de que el texto parezca gigantesco no es un problema y no “arruina” el diseño. Recuerde que esto puede significar la diferencia entre que alguien pueda utilizar un producto o servicio en particular o no. Existe un problema de accesibilidad cuando el aumento del tamaño de la fuente imposibilita al usuario leer determinados textos o activar determinados controles. Para elementos de texto que ya son muy grandes, es posible que no tenga sentido aumentar el tamaño de fuente. Hacerlo podría hacer que esos elementos quedaran desproporcionados, lo que no mejoraría la legibilidad (ya que ya tienen un buen tamaño) y ocuparía un espacio completamente innecesario. Si hay elementos que parecen salirse de la pantalla, el primer paso es confirmar cómo está aplicando el diseño automático. Muchos aspectos del diseño se pueden resolver fácilmente con el uso adecuado del diseño automático. Independientemente de la escala de aumento del tamaño de la fuente, es fundamental mantener la jerarquía visual de la tipografía, ya que esta legibilidad es importante para percibir los diferentes niveles de información presentes en la pantalla. Esta prueba puede ayudar a identificar elementos que pueden necesitar ajustes directamente en el código para funcionar bien en una escala de aumento determinada. No todo se puede resolver únicamente mediante el diseño, y eso está perfectamente bien. La accesibilidad es esencialmente un esfuerzo de equipo.
9. Realizar correcciones y ajustes al diseño. Finalmente, en función de las distintas pantallas con diferentes escalas de ampliación de texto aplicadas, puede realizar los cambios de diseño que tengan sentido. Es posible que algunos de estos ajustes solo sean necesarios en el código. En estos casos, documenta todas estas sugerencias y las transmite al equipo de desarrollo. También es crucial reforzar (nuevamente) que algunos de los problemas que puede encontrar en el diseño se pueden resolver rápidamente en el proceso de diseño, con la aplicación simple y correcta de las propiedades de diseño automático.
10. Vuelve al principio y repite el proceso. Este es un enfoque cíclico. Esto significa que debes repetir estos pasos, o variaciones de los mismos, tantas veces como sea necesario a lo largo del proyecto. Es natural que, con el tiempo y con la optimización de los procesos, algunosde estos pasos dejarán de tener sentido. Eso no es en absoluto un problema. Pero lo más importante a tener en cuenta aquí es que la accesibilidad y este proceso de probar los aumentos del tamaño de fuente no deben realizarse solo una vez, y eso es todo. Es una prueba que se debe realizar muchas, muchas veces a lo largo del trabajo diario de cada proyecto y equipo.
El papel de los sistemas de diseño A primera vista, esta lista de pasos puede parecer un ejercicio complejo. Pero no lo es. Esto se debe a que la gran mayoría, si no todos, de estos pasos son fáciles de ejecutar en cualquier contexto donde exista un sistema de diseño. De hecho, los sistemas de diseño se han convertido en un estándar ineludible en la industria del diseño de productos. Podemos discutir lo que cada equipo llama un sistema de diseño, pero la verdad es que hoy en día es muy difícil encontrar un equipo de Diseño de Producto que no tenga, al menos, una biblioteca mínimamente estructurada de componentes y estilos.
Con esta base, ya sea más o menos documentada, es muy sencillo aplicar este tipo de test de aumento de tamaño de fuente utilizando variables Figma. Además, si su sistema de diseño ya tiene, por ejemplo, variables estructuradas para el modo claro y oscuro, significa que ya está aplicando exactamente los mismos principios que utilizamos para realizar esta prueba. Entonces, nada nuevo. Trabajar con sistemas de diseño implica un nivel de estructuración y organización que también resulta muy útil para crear este tipo de pruebas. Existe el mito de que los sistemas de diseño limitan la creatividad. Esto no es cierto. Los sistemas de diseño ayudan a resolver la parte “burocrática” del diseño, por lo que podemos tener más tiempo para lo que importa: en este caso, probar la accesibilidad y construir más y más productos y servicios que sean realmente accesibles para el mayor número de personas. Archivo de ejemplo Siempre es más fácil ver un ejemplo que simplemente leer la descripción de un proceso. Si esto es cierto en muchas disciplinas del conocimiento, en el diseño esta premisa tiene aún más sentido. Por lo tanto, en este archivo Figma, publicado gratuitamente y disponible abiertamente para la comunidad, encontrará un ejemplo práctico de todo el proceso de prueba que se describe aquí. Recuerde que esto es sólo un ejemplo. Puede haber innumerables formas de realizar este tipo de prueba dentro del contexto de un archivo Figma.
Asegúrese de observar este enfoque con ojo crítico. Es una sugerencia para probar aumentos de tamaño de fuente que sigue un proceso específico. A pesar de esto, el enfoque debe adaptarse a la realidad, los procesos y el nivel de madurez específicos de su equipo. Simplemente copiar fórmulas de otros equipos sin entender si tienen sentido en nuestro propio contexto es una forma segura de hacer que los esfuerzos de accesibilidad sean desproporcionados. Cada situación es única. Este enfoque intenta simplificar al máximo el trabajo de accesibilidad en este contexto específico. Y recuerda: si sucede algo, por pequeño que sea, es un paso adelante, no un paso atrás. Y eso debería ser celebrado por todos en el equipo.
