Comprobar el tamaño mínimo de fuente accesible

Este comprobador compara un tamaño expresado en píxeles CSS con un mínimo práctico para texto de cuerpo, pies o etiquetas de botón. Indica el umbral aplicable, si se alcanza y la diferencia exacta. El resultado sirve para una revisión inicial de accesibilidad; no afirma que el tamaño, por sí solo, haga accesible un diseño.

Elija la función del contenido antes de valorar la cifra

Un tamaño de fuente aislado no basta para tomar una decisión, porque cada texto cumple una función distinta. Para la lectura continuada del cuerpo, esta herramienta adopta un mínimo habitual de 16 píxeles CSS. Los pies suelen ser más breves y secundarios, por lo que se comparan con 12 píxeles. Las etiquetas de botón deben seguir siendo legibles dentro de un control y se evalúan con 14 píxeles. Seleccione la función real de las palabras, no el aspecto visual que tengan. Una línea bajo una imagen sigue siendo un pie aunque comparta tipografía con el artículo; el texto de un control accionable sigue siendo una etiqueta de botón aunque se haya diseñado como enlace. Explicitar la función permite repetir auditorías coherentes entre páginas y evita aplicar el umbral más bajo a todos los elementos. Estas cifras son referencias prácticas extendidas, no criterios legales universales. Su sistema de diseño puede fijar mínimos mayores según el público, la tipografía, los dispositivos o el entorno de lectura.

Interprete el resultado como una decisión de cribado

La respuesta incluye el tamaño enviado, el tipo de contenido, el mínimo utilizado, un indicador de cumplimiento y una diferencia con signo. Una diferencia de cero significa que el valor coincide exactamente con el umbral y supera esta comprobación. Un valor negativo muestra cuánto falta; uno positivo indica el margen disponible. Esta comparación directa resulta útil al revisar tokens de diseño, inventarios de componentes, controles automáticos y criterios de aceptación, pues convierte una inquietud imprecisa en una decisión reproducible. Sin embargo, aprobar este control solo debe iniciar la evaluación. El tamaño aparente también depende de la familia tipográfica, el peso, las formas de las letras, el interlineado, la densidad de pantalla, el zoom y la composición. Un texto de 16 píxeles puede seguir cansando si presenta poco contraste o líneas demasiado largas. Use la señal para localizar riesgos con rapidez y revise después el componente renderizado con contenido real, configuraciones de asistencia y, cuando sea posible, personas representativas.

Combine el tamaño mínimo con una tipografía resistente

La tipografía accesible debe soportar las adaptaciones que las personas aplican a una página. Tras corregir un tamaño señalado, compruebe que el texto admite zoom sin recortes, que los controles crecen sin perder sus etiquetas y que el diseño redistribuye el contenido sin desplazamiento horizontal forzado. En la interfaz final, prefiera unidades CSS relativas cuando ayuden a respetar las preferencias del usuario, aunque esta herramienta reciba píxeles para ofrecer una comparación clara. Revise el contraste en estados normal, foco, interacción, desactivado y error. Proporcione al cuerpo un interlineado y una longitud de línea cómodos, y no esconda instrucciones esenciales en pies diminutos. En botones, la legibilidad no compensa un área de pulsación insuficiente, un foco invisible o la falta de nombre accesible. Los umbrales son deliberadamente sencillos: 16 píxeles para cuerpo, 12 para pies y 14 para botones. Si su producto atiende a personas con baja visión, pantallas lejanas o uso exterior, adopte un estándar interno superior y trate este resultado como una advertencia básica.