Técnica CSS WCAG 2.2
C13Usar tamaños de fuente con nombre
En resumen
Esta técnica recomienda definir el tamaño del texto en CSS con las palabras clave predefinidas (small, medium, large, x-large, larger...) en lugar de valores absolutos. Esas palabras clave son relativas al tamaño heredado, así que el agente de usuario puede escalar el texto cuando el usuario lo amplía. Beneficia a las personas con baja visión y a quienes necesitan agrandar la letra para leer con comodidad.
Aplicabilidad
CSS
Descripción
El objetivo de esta técnica es especificar un tamaño de fuente con nombre que exprese el tamaño relativo de fuente deseado. Estos valores proporcionan indicaciones para que el agente de usuario pueda elegir un font-size relativo al font-size heredado.
Ejemplos
Tamaños de fuente con nombre en CSS
Este ejemplo selecciona un tamaño de fuente mayor para los elementos strong, de modo que su texto sea siempre mayor que el texto que lo rodea, en cualquier contexto en que se usen. Suponiendo que los encabezados y los párrafos usan tamaños de fuente distintos, cada una de las palabras resaltadas de este ejemplo será mayor que el texto que la rodea.
<style>
strong {font-size: larger}
</style>
...
<h1>Letting the <strong>user</strong> control text size</h1>
<p>Since only the user can know what size text works for them,
it is <strong>very</strong> important to let them configure the text size.
...
Pruebas
Procedimiento
- Comprobar que el valor de la propiedad CSS que define el tamaño de la fuente es uno de los siguientes:
xx-small,x-small,small,medium,large,x-large,xx-large,smallerolarger.
Resultados esperados
- La comprobación n.º 1 es verdadera.
Recursos
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica C13 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
