C13Indicar el tamaño de letra con palabras clave como small o large

Por qué es importante

Las personas con baja visión suelen aumentar el tamaño de letra del navegador o usar el zoom solo de texto. Si la web fija la letra en píxeles, algunos navegadores no aplican ese cambio.

Con las palabras clave, el tamaño depende siempre del ajuste de la persona. Así una ficha de producto o un aviso legal siguen siendo legibles para quien necesita letra grande.

Cómo se hace

1. Use las palabras de tamaño fijo relativo: xx-small, x-small, small, medium, large, x-large y xx-large. Todas parten del tamaño por defecto del navegador, que es medium.
2. Use larger y smaller para que un texto sea algo mayor o menor que el que lo rodea.
3. Deje el texto principal en medium o sin tamaño, para respetar el ajuste de la persona.
4. No mezcle estas palabras con tamaños en píxeles en el mismo texto.

Cómo comprobarlo

1. Con las herramientas del navegador (F12), revise que font-size usa una de esas palabras clave.
2. En Firefox, active «Ampliar solo el texto» (menú Ver, Zoom) y amplíe hasta el 200 %.
3. Compruebe que todo el texto crece y que nada se corta ni se solapa.

Ejemplo

Tamaños de letra con palabras clave para el texto de una convocatoria.

body { font-size: medium; }
h1 { font-size: xx-large; }
strong { font-size: larger; }
.pie { font-size: small; }