Saltar al contenido
Pon el foco
Criterios de Operable

OperablePauta 2.4 Navegable

2.4.2Titulado de páginas

Nivel ALo exige la normativa (EN 301 549).

Qué pide

Cada página tiene un título que describe su tema o propósito.

A quién ayuda: Usuarios de lector de pantalla y quien tiene muchas pestañas abiertas.

Un caso real

El proceso de compra de una tienda tiene varias pantallas.

Bien«Paso 2 de 4: Dirección de envío · TiendaX».
MalTodas las pantallas se titulan «TiendaX».

Cómo aplicarlo en código

Título único que describe la página

Pon primero lo específico y después el nombre del sitio. En aplicaciones de una sola página, actualízalo al cambiar de vista.

CorrectoHTML
<title>Carrito (3 productos) · Tienda Ejemplo</title>

<script>
  // Al pasar al siguiente paso sin recargar la página
  document.title = "Paso 2 de 3: envío · Tienda Ejemplo";
</script>
IncorrectoHTML
<title>Inicio</title>  <!-- igual en todas las páginas -->

Cómo comprobarlo

Revisa el título de la pestaña en cada página y cada paso.

Understanding 2.4.2 (W3C, en inglés)