Diferencia entre revisiones de «Principio 2/2.4 Navegable/2.4.2-A»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''2.4.2-A. Título descriptivo de página''' ==
{{CriterioWCAG
|id_wcag_criterio=2.4.2
|id_wcag_subcriterio=2.4.2-A
|wcag_titulo_criterio=2.4.2-A. Título descriptivo de página
|wcag_nivel=A
|wcag_version=2.2
|wcag_principio=2_Operable
|wcag_principio_url=Principio_2
|wcag_pauta=2.4_Navegacion_clara
|wcag_pauta_url=Principio_2/2.4_Navegacion_clara
|wcag_grupo=Navegación
|wcag_subgrupo=Estructura
|wcag_subcriterio_url=Principio_2/2.4_Navegacion_clara/2.4.2-A


<!-- 
|wcag_discapacidades=
   Análisis interno:
<li class="discapacidad-item">
   Este criterio impacta principalmente a: Personas con discapacidad cognitiva y visual
   [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
   Problema grave: Sin título descriptivo, los usuarios no pueden identificar la página ni su contenido rápidamente, dificultando la orientación y navegación; barrera moderada a grave. 
   <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
-->
   <span class="gravedad gravedad-grave">Barrera grave</span>
<html>
</li>
<!-- criterio 2.4.2-A -->
<li class="discapacidad-item">
<article class="wcag-card">
   [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]]
   <section class="wcag-info">
  <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> –
    <ul>
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
</li>
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
<li class="discapacidad-item">
      <li><span class="label">Principio:</span><span class="value">2. Operable</span></li>
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
      <li><span class="label">Pauta:</span><span class="value">2.4 Proporcionar ayuda para navegar y buscar contenido</span></li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
      <li><span class="label">Categoría:</span><span class="value">Navegación</span></li>
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
      <li><span class="label">Subcategoría:</span><span class="value">Título de página</span></li>
</li>
    </ul>
<li class="discapacidad-item">
  </section>
  [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
  <section class="wcag-users">
  <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> –
    <p>Usuarios más afectados</p>
  <span class="gravedad gravedad-leve">Barrera leve</span>
    <ul>
</li>
      <li><img src="/images/4/4d/Sinvision.png" alt="Icono discapacidad visual total" class="icono-discapacidad" /> Personas con discapacidad visual total – <span class="gravedad">Barrera grave</span></li>
<li class="discapacidad-item">
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera moderada</span></li>
  [[Archivo:Auditiva.png|20px|class=icon-discapacidad|alt=Discapacidad auditiva]]
    </ul>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad auditiva|Auditiva]]</span> –
  </section>
  <span class="gravedad gravedad-leve">Barrera leve</span>
</article>
</li>
</html>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad baja visión]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad auditiva]]
 
|wcag_texto_criterioOAW=
La página web debe tener un título descriptivo mediante el elemento <code>&lt;title&gt;</code>.
 
|wcag_descripcion_resumida=
Cada página debe incluir un título claro, conciso y útil que describa su contenido o propósito.
 
|wcag_objetivo=
Ayudar a los usuarios a identificar rápidamente el propósito de la página, facilitar la navegación y la orientación dentro del sitio.
 
|wcag_importancia=
Los títulos permiten diferenciar páginas abiertas, entender su contenido antes de navegar y orientarse al cambiar entre pestañas o ventanas, especialmente con lectores de pantalla.
 
|wcag_referencias=
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/page-titled.html Understanding SC 2.4.2: Page Titled]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#page-titled WCAG Quick Reference – 2.4.2]</span></li>
</ul>
 
|wcag_recursos=
<ul>
<li>[https://webaim.org/techniques/screenreader/ WebAIM – Screen Reader Basics]</li>
<li>[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title MDN – HTML &lt;title&gt;]</li>
</ul>
 
|wcag_tipo_evaluacion=Automática_y_manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li>Confirmar que la página incluye <code>&lt;title&gt;</code> en <code>&lt;head&gt;</code>.</li>
<li>Verificar que el título describe adecuadamente el contenido o propósito.</li>
<li>Comprobar que los títulos son únicos entre páginas similares.</li>
<li>Validar lectura correcta del título con lector de pantalla.</li>
</ol>
 
|wcag_resultado_evaluacion=
La página tiene un título descriptivo, único y relacionado con su contenido.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Correcto</strong>
<pre class="wcag-codigo-html">
<head>
  <title>Contacto | Universidad de Ejemplo</title>
</head>
</pre>
</div>
 
<div class="accessibility-card">
<strong>❌ Incorrecto</strong>
<pre class="wcag-codigo-html">
<head>
  <title>Página web</title>
</head>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Validadores HTML</li>
<li>AXE, WAVE, Accessibility Insights</li>
<li>NVDA, JAWS, VoiceOver</li>
<li>Inspección visual en pestañas del navegador</li>
</ul>
}}

Revisión del 11:42 5 nov 2025

2.4.2-A. Título descriptivo de página

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • La página web debe tener un título descriptivo mediante el elemento <title>.

Comprensión del criterio

Descripción resumida

Cada página debe incluir un título claro, conciso y útil que describa su contenido o propósito.

Objetivo

Ayudar a los usuarios a identificar rápidamente el propósito de la página, facilitar la navegación y la orientación dentro del sitio.

Importancia de cumplir el criterio

Los títulos permiten diferenciar páginas abiertas, entender su contenido antes de navegar y orientarse al cambiar entre pestañas o ventanas, especialmente con lectores de pantalla.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Automática_y_manual

Procedimiento de evaluación

  1. Confirmar que la página incluye <title> en <head>.
  2. Verificar que el título describe adecuadamente el contenido o propósito.
  3. Comprobar que los títulos son únicos entre páginas similares.
  4. Validar lectura correcta del título con lector de pantalla.

Resultado esperado

La página tiene un título descriptivo, único y relacionado con su contenido.

Ejemplo

✅ Correcto 

<head>
  <title>Contacto | Universidad de Ejemplo</title>
</head>

❌ Incorrecto 

<head>
  <title>Página web</title>
</head>

Otras herramientas de evaluación

  • Validadores HTML
  • AXE, WAVE, Accessibility Insights
  • NVDA, JAWS, VoiceOver
  • Inspección visual en pestañas del navegador










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.4.2-A. Título descriptivo de página

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_2/2.4_Navegable/2.4.2-A&oldid=3466»