F94Fallo del criterio de conformidad 1.4.4 debido al uso incorrecto de unidades relativas a la ventana gráfica para el tamaño del texto

Descripción

El objetivo de esta técnica es documentar el fallo que se produce cuando el texto no cambia de tamaño porque se han usado unidades relativas a la ventana gráfica para el texto. Como estas unidades son relativas a la ventana gráfica (viewport), el texto no puede redimensionarse con el zoom ni ajustando el tamaño del texto.

Existen varios métodos para aumentar y reducir el tamaño del texto y de otros contenidos, pero las unidades relativas a la ventana gráfica aplicadas al texto (generalmente mediante font-size en CSS) impiden la mayoría de los métodos disponibles. Los intentos de usar los controles del navegador para hacer zoom o ajustar el tamaño del texto no funcionarán. Solo funcionarán los métodos que anulan por completo el CSS, y estos pueden causar otros problemas, como que la maquetación se desmorone o que el texto se superponga.

Algunos usos de las unidades relativas a la ventana gráfica pueden no impedir el ajuste del tamaño del texto, pero si se usan como método principal para definir el tamaño del texto, es probable que provoquen un fallo del criterio de conformidad 1.4.4 Cambio de tamaño del texto.

Si se han usado consultas de medios (media queries) para ajustar el tamaño del texto o la unidad de medida en distintos tamaños de pantalla, puede que no se trate de un fallo de Cambio de tamaño del texto. Los controles en la propia página proporcionados por el autor también son una forma de superar los criterios de conformidad sobre cambio de tamaño del texto.

Ejemplos

/* CSS */
.callout {
  font-size:1vw;
}

<p class="callout">Text that scales by viewport units</p>

Pruebas

Técnicas relacionadas

• G179: Asegurar que no se pierde contenido ni funcionalidad cuando se cambia el tamaño del texto y los contenedores de texto no cambian de ancho
• C12: Usar porcentajes para el tamaño de la fuente
• C13: Usar tamaños de fuente con nombre
• C14: Usar unidades em para el tamaño de la fuente

Recursos relacionados

• MDN CSS units (unidades de CSS en MDN), incluidas las unidades vh y vw.
• Viewport percentage lengths (longitudes porcentuales de la ventana gráfica) en la especificación CSS Values and Units Module Level 4.