Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G110Redirigir al instante desde el navegador cuando no se puede desde el servidor

Nombre oficial en el W3C: Usar una redirección instantánea en el lado del cliente

En pocas palabras

Cuando una página cambia de dirección, lo ideal es que el servidor envíe directamente a la nueva. Si eso no es posible, se puede redirigir desde la propia página, pero al instante, sin espera. Así la persona no ve una página que cambia sola de repente.

Por qué es importante

Si una página muestra su contenido y a los pocos segundos salta a otra, la persona puede estar leyéndola. Le pasa a quien lee despacio y a quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla).

Un salto inesperado le hace perder el punto y no sabe qué ha pasado. Una redirección inmediata evita ese cambio sin aviso.

Cómo se hace

  1. Si tiene acceso al servidor, use una redirección del servidor (por ejemplo, un código 301). Es la mejor opción.
  2. Si no lo tiene, use una redirección en la propia página con espera cero, por ejemplo <meta http-equiv="refresh"> con valor 0.
  3. Deje en la página de redirección solo lo relacionado con el cambio, como un enlace a la nueva dirección.
  4. No use esperas de varios segundos antes de saltar a la nueva página.

Cómo comprobarlo

  1. Abra las direcciones antiguas o los enlaces que redirigen.
  2. Compruebe que la nueva página carga de inmediato, sin mostrar antes otro contenido.
  3. Revise el código de la página de redirección (Ctrl + U). Si usa meta refresh o un script, el tiempo de espera debe ser cero.
  4. Compruebe que la página de redirección no contiene más contenido que el aviso o el enlace a la nueva dirección.

Ejemplo

Página antigua de un servicio municipal que envía al instante a la nueva dirección.

<head>
  <meta http-equiv="refresh" content="0; url=https://www.ejemplo.es/cita-previa/">
  <title>Cita previa: nueva dirección</title>
</head>
<body>
  <p>La cita previa está en
    <a href="https://www.ejemplo.es/cita-previa/">una nueva dirección</a>.
  </p>
</body>
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G110 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Se aplica a todas las tecnologías.

Descripción

El objetivo de esta técnica es permitir redirecciones en el lado del cliente sin confundir al usuario. Es preferible implementar las redirecciones en el lado del servidor (consulte Implementar las redirecciones automáticas en el lado del servidor en lugar de en el lado del cliente), porque una redirección en el lado del servidor no hace que se muestre contenido nuevo antes de que el servidor envíe el contenido ubicado en el nuevo URI. Sin embargo, los autores no siempre tienen control sobre las tecnologías del lado del servidor; en ese caso, pueden usar una redirección en el lado del cliente. Una redirección en el lado del cliente se implementa mediante código incluido en el contenido que indica al agente de usuario que recupere el contenido de un URI distinto. Es importante que la página que redirige, o página web, contenga únicamente información relacionada con la redirección.

Ejemplos

HTML: meta refresh con un URI y sin tiempo de espera

En HTML es posible implementar una redirección en el lado del cliente mediante el elemento meta: consulte Usar meta refresh para crear una redirección instantánea en el lado del cliente.

Pruebas

Procedimiento

  1. Localizar cada enlace o referencia programática a otra página o página web.
  2. Para cada enlace o referencia programática, comprobar si la página web referenciada contiene código (p. ej., un elemento meta o un script) que provoque una redirección en el lado del cliente.
  3. Para cada enlace o referencia programática que provoque una redirección en el lado del cliente, comprobar si la redirección está implementada sin límite de tiempo ni retardo y si la página contiene únicamente información relacionada con la redirección.

Resultados esperados

La comprobación n.º 2 es falsa o la comprobación n.º 3 es verdadera.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G110 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.