Diferencia entre revisiones de «Plantilla:CriterioWCAG»

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:
<includeonly>
<includeonly>
== '''{{{titulo_criterio}}} ''' ==
== '''{{{titulo_criterio}}} ''' ==
{{#set: id_criterio={{{id_criterio}}} }}
{{#set: id_wcag_criterio={{{id_wcag_criterio}}} }}
{{#set: id_subcriterio={{{id_subcriterio}}} }}
{{#set: id_wcag_subcriterio={{{id_wcag_subcriterio}}} }}
{{#set: titulo_criterio={{{titulo_criterio}}} }}
{{#set: wcag_titulo_criterio={{{wcag_titulo_criterio}}} }}




Línea 10: Línea 10:
<div class="wcag-info">
<div class="wcag-info">
<ul>
<ul>
<li><span class="label">Nivel:</span> <span class="value">[[nivel::{{{nivel}}}]]</span></li>
<li><span class="label">Nivel:</span> <span class="value">[[wcag_nivel::{{{wcag_nivel}}}]]</span></li>
<li><span class="label">Versión:</span> <span class="value">[[version::{{{version}}}]]</span></li>
<li><span class="label">Versión:</span> <span class="value">[[wcag_version::{{{wcag_version}}}]]</span></li>
<li><span class="label">Principio:</span> <span class="value">[[principio::{{{principio}}}]]</span></li>
<li><span class="label">Principio:</span> <span class="value">[[wcag_principio::{{{wcag_principio}}}]]</span></li>
<li><span class="label">Pauta:</span> <span class="value">[[pauta::{{{pauta}}}]]</span></li>
<li><span class="label">Pauta:</span> <span class="value">[[wcag_pauta::{{{wcag_pauta}}}]]</span></li>
<li><span class="label">Grupo:</span> <span class="value">[[grupo::{{{grupo}}}]]</span></li>
<li><span class="label">Grupo:</span> <span class="value">[[wcag_grupo::{{{wcag_grupo}}}]]</span></li>
<li><span class="label">Subgrupo:</span> <span class="value">[[subgrupo::{{{subgrupo}}}]]</span></li>
<li><span class="label">Subgrupo:</span> <span class="value">[[wcag_subgrupo::{{{wcag_subgrupo}}}]]</span></li>
</ul>
</ul>
</div>
</div>


{{#set: TieneCriterioWCAG=Principio_{{{principio}}}/{{{pauta}}}/{{{id_criterio}}} }}
{{#set: TieneCriterioWCAG=Principio_{{{wcag_principio}}}/{{{wcag_pauta}}}/{{{id_wcag_criterio}}} }}


<div class="wcag-users">
<div class="wcag-users">
Línea 25: Línea 25:
<p class="sr-only">Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.</p>
<p class="sr-only">Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.</p>
<ul class="wcag-disabilities">
<ul class="wcag-disabilities">
{{{discapacidades|}}}
{{{wcag_discapacidades|}}}
</ul>
</ul>
</div>
</div>
Línea 32: Línea 32:
'''Enunciado del criterio según Observatorio de Accesibilidad Web'''
'''Enunciado del criterio según Observatorio de Accesibilidad Web'''
<ul>
<ul>
<li>{{{descripcion_txtcriterioWCAG}}} </li>
<li>{{{wcag_texto_criterioOAW}}} </li>
</ul>
</ul>
</div>
</div>
{{#set: descripcion_txtcriterioWCAG={{{descripcion_txtcriterioWCAG}}} }}
{{#set: wcag_texto_criterioOAW={{{wcag_texto_criterioOAW}}} }}


</div>
</div>
Línea 42: Línea 42:
[[Categoria:CriteriosWCAG]]
[[Categoria:CriteriosWCAG]]


[[Categoria:{{{grupo}}}]]
[[Categoria:{{{wcag_grupo}}}]]
[[Categoria:{{{subgrupo}}}]]
[[Categoria:{{{wcag_subgrupo}}}]]
[[Categoria:Nivel-{{{nivel}}}]]
[[Categoria:Nivel-{{{wcag_nivel}}}]]
[[Categoria:Version-{{{version}}}]]
[[Categoria:Version-{{{wcag_version}}}]]
[[Categoria:{{{principio}}}]]
[[Categoria:{{{wcag_principio}}}]]
[[Categoria:{{{pauta}}}]]
[[Categoria:{{{wcag_pauta}}}]]


{{{discapacidades_categorias}}}
{{{wcag_lista_discapacidades}}}


=== Comprensión del criterio ===
=== Comprensión del criterio ===


==== Descripción resumida ====
==== Descripción resumida ====
<div class="wcag-info-criterio">{{{descripcion_resumida}}}</div>
<div class="wcag-info-criterio">{{{wcag_descripcion_resumida}}}</div>
{{#set: descripcion_resumida={{{descripcion_resumida}}} }}
{{#set: wcag_descripcion_resumida={{{wcag_descripcion_resumida}}} }}
==== Objetivo ====
==== Objetivo ====
<div class="wcag-info-criterio">{{{objetivo}}}</div>
<div class="wcag-info-criterio">{{{wcag_objetivo}}}</div>
{{#set: objetivo={{{objetivo}}} }}
{{#set: wcag_objetivo={{{wcag_objetivo}}} }}




==== Importancia de cumplir el criterio ====
==== Importancia de cumplir el criterio ====
<div class="wcag-info-criterio">{{{importancia}}}</div>
<div class="wcag-info-criterio">{{{wcag_importancia}}}</div>
{{#set: importancia={{{importancia}}} }}
{{#set: wcag_importancia={{{wcag_importancia}}} }}


==== Referencias WCAG ====
==== Referencias WCAG ====
<div class="wcag-info-criterio">{{{referencias}}}</div>
<div class="wcag-info-criterio">{{{wcag_referencias}}}</div>
{{#set: referencias={{{referencias}}} }}
{{#set: wcag_referencias={{{wcag_referencias}}} }}


==== Recursos de apoyo ====  
==== Recursos de apoyo ====  
<div class="wcag-info-criterio">{{{recursos}}}</div>
<div class="wcag-info-criterio">{{{wcag_recursos}}}</div>
{{#set: referencias={{{recursos}}} }}
{{#set: wcag_recursos={{{wcag_recursos}}} }}


=== Evaluación del criterio ===
=== Evaluación del criterio ===


==== Tipo de evaluación ====
==== Tipo de evaluación ====
<div class="wcag-info-criterio">Evaluación '''[[:Categoría:{{{tipo_evaluacion}}}|{{{tipo_evaluacion}}}]]'''</div>
<div class="wcag-info-criterio">Evaluación '''[[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]'''</div>
 
{{#set: wcag_tipo_evaluacion::{{{wcag_tipo_evaluacion}}} }}


{{#set: Tipo_evaluacion::{{{tipo_evaluacion}}} }}
[[Categoria:{{{tipo_evaluacion}}}]]




==== Procedimiento de evaluación ====
==== Procedimiento de evaluación ====
<div class="wcag-info-criterio">{{{procedimiento}}}</div>
<div class="wcag-info-criterio">{{{wcag_pasos}}}</div>
{{#set: procedimiento::{{{procedimiento}}} }}
{{#set: wcag_pasos::{{{wcag_pasos_evaluacion}}} }}


==== Resultado esperado ====
==== Resultado esperado ====
<div class="wcag-info-criterio">{{{resultado}}}</div>
<div class="wcag-info-criterio">{{{wcag_resultado_evaluacion}}}</div>
{{#set: resultado::{{{resultado}}} }}
{{#set: resultado::{{{wcag_resultado_evaluacion}}} }}


==== Ejemplo ====  
==== Ejemplo ====  
<div class="wcag-info-criterio">{{{ejemplo}}}</div>
<div class="wcag-info-criterio">{{{wcag_ejemplo_evaluacion}}}</div>
{{#set: ejemplo::{{{ejemplo}}} }}
{{#set: wcag_ejemplo_evaluacion::{{{wcag_ejemplo_evaluacion}}} }}


==== Otras herramientas de evaluación ====
==== Otras herramientas de evaluación ====
<div class="wcag-info-criterio">{{{otras_herramientas}}}</div>
<div class="wcag-info-criterio">{{{wcag_otras_herramientas_evaluacion}}}</div>
{{#set: otras_herramientas::{{{otras_herramientas}}} }}
{{#set: wcag_otras_herramientas_evaluacion::{{{wcag_otras_herramientas_evaluacion}}} }}


=== Lista de ejemplos accesibles y no accesibles de este subcriterio ===
=== Lista de ejemplos accesibles y no accesibles de este subcriterio ===
Línea 106: Línea 106:
<noinclude>
<noinclude>
== Documentación de la plantilla ==
== Documentación de la plantilla ==
Esta plantilla muestra la información completa de un **criterio WCAG 2.2** (nivel, versión, principio, pauta, descripción, ejemplos, etc.).
Esta plantilla muestra la información completa y semánticamente etiquetada de un **criterio WCAG 2.2**, incluyendo nivel, versión, principio, pauta, grupo, subgrupo, descripción, ejemplos y evaluación.


=== Parámetros principales ===
=== Parámetros principales ===
* <code>id_criterio</code> → Clave (ej. 1.1.1-A)
* <code>id_wcag_criterio</code> → Identificador corto del criterio (ej. 1.1.1)
* <code>titulo_criterio</code> → Identificador (ej. 1.1.1-A. Imagenes con texto alternativo)
* <code>id_wcag_subcriterio</code> → Identificador interno o subcriterio (ej. 1.1.1-A)
* <code>nivel</code> → Nivel de conformidad (A, AA, AAA)
* <code>wcag_titulo_criterio</code> → Título completo (ej. 1.1.1-A. Imágenes con texto alternativo)
* <code>version</code> → Versión WCAG (2.0 / 2.1 / 2.2)
* <code>wcag_nivel</code> → Nivel de conformidad (A, AA, AAA)
* <code>principio</code> → Nombre del principio
* <code>wcag_version</code> → Versión WCAG (2.0 / 2.1 / 2.2)
* <code>principio_enlace</code> → Enlace a la página del principio
* <code>wcag_principio</code> → Nombre o número del principio (ej. 1. Perceptible)
* <code>pauta</code> → Nombre de la pauta
* <code>wcag_pauta</code> → Nombre o número de la pauta (ej. 1.1 Contenido no textual)
* <code>pauta_enlace</code> → Enlace a la página de la pauta
* <code>wcag_grupo</code> → Clasificación principal o grupo temático (ej. Medios)
* <code>categoria</code>, <code>subcategoria</code> → Clasificación temática
* <code>wcag_subgrupo</code> → Subgrupo o categoría específica (ej. Imágenes)
* <code>descripcion_comprension</code>, <code>descripcion_resumida</code>, <code>objetivo</code> → Textos explicativos
 
* <code>procedimiento</code>, <code>resultado</code>, <code>ejemplo</code> → Campos de evaluación
=== Parámetros sobre el contenido ===
* <code>discapacidades</code> → Lista HTML de discapacidades afectadas
* <code>wcag_discapacidades</code> → Lista HTML de discapacidades afectadas (se muestra como lista visual)
* <code>discapacidades_categorias</code> → Categorías relacionadas (si aplica)
* <code>wcag_lista_discapacidades</code> → Categorías relacionadas o plantillas de discapacidad
* <code>tipo_comprobacion</code> → Manual, Semiautomática o Automática
* <code>wcag_texto_criterioOAW</code> → Enunciado oficial según el Observatorio de Accesibilidad Web
* <code>importancia</code> → Justificación de relevancia del criterio
 
* <code>referencias</code> → Enlaces a la documentación WCAG
=== Parámetros de comprensión ===
* <code>recursos</code> → Recursos o herramientas de apoyo
* <code>wcag_descripcion_resumida</code> → Breve descripción del criterio
* <code>otras_herramientas</code> → Herramientas adicionales de análisis
* <code>wcag_objetivo</code> → Objetivo principal del criterio
* <code>wcag_importancia</code> → Razones por las que es importante cumplirlo
* <code>wcag_referencias</code> → Referencias y enlaces a documentación WCAG/W3C
* <code>wcag_recursos</code> → Recursos o herramientas de apoyo recomendadas
 
=== Parámetros de evaluación ===
* <code>wcag_tipo_evaluacion</code> → Tipo de evaluación (Manual, Semiautomática o Automática)
* <code>wcag_pasos_evaluacion</code> → Procedimiento o pasos para la evaluación
* <code>wcag_resultado_evaluacion</code> → Resultado esperado tras la verificación
* <code>wcag_ejemplo_evaluacion</code> → Ejemplo ilustrativo o caso de aplicación
* <code>wcag_otras_herramientas_evaluacion</code> → Otras herramientas o métodos de apoyo
 
=== Propiedades semánticas principales ===
Esta plantilla genera las siguientes propiedades de **Semantic MediaWiki (SMW)**:
* <code>id_wcag_criterio</code> 
* <code>wcag_nivel</code> 
* <code>wcag_version</code> 
* <code>wcag_principio</code> 
* <code>wcag_pauta</code> 
* <code>wcag_grupo</code> 
* <code>wcag_subgrupo</code> 
* <code>wcag_texto_criterioOAW</code> 
* <code>wcag_descripcion_resumida</code> 
* <code>wcag_objetivo</code> 
* <code>wcag_importancia</code> 
* <code>wcag_referencias</code> 
* <code>wcag_recursos</code> 
* <code>wcag_tipo_evaluacion</code> 
* <code>wcag_pasos_evaluacion</code>
* <code>wcag_resultado_evaluacion</code>
* <code>wcag_ejemplo_evaluacion</code>
* <code>wcag_otras_herramientas_evaluacion</code>
* <code>TieneCriterioWCAG</code> → relación con su página de principio/pauta (formato: <code>Principio_X/Y/Z</code>)


=== Ejemplo de uso ===
=== Ejemplo de uso ===
<pre>
<pre>
{{CriterioWCAG
{{CriterioWCAG
|id_criterio=1.1.1
|id_wcag_criterio=1.1.1
|id_subcriterio=1.1.1-A
|id_wcag_subcriterio=1.1.1-A
|titulo_criterio=1.1.1-A Imagenes con texto alternativo
|wcag_titulo_criterio=1.1.1-A Imágenes con texto alternativo
|nivel=A
|wcag_nivel=A
|version=2.2
|wcag_version=2.2
|principio=1. Perceptible
|wcag_principio=1. Perceptible
|principio_enlace=Principio_1
|wcag_pauta=1.1 Contenido no textual
|pauta=1.1 Contenido no textual
|wcag_grupo=Medios
|pauta_enlace=Principio_1/1.1_Texto_Alternativo
|wcag_subgrupo=Imágenes
|grupo=Medios
|wcag_discapacidades=<li>Visual</li><li>Baja visión</li>
|subgrupo=Imágenes
|wcag_lista_discapacidades=[[Categoría:Visual]][[Categoría:Baja visión]]
|descripcion_comprension=El contenido no textual debe tener una alternativa textual equivalente.
|wcag_texto_criterioOAW=Todo contenido no textual debe tener una alternativa textual que proporcione información equivalente.
|descripcion_resumida=Proporcionar texto alternativo para todas las imágenes.
|wcag_descripcion_resumida=Proporcionar texto alternativo para todas las imágenes y gráficos informativos.
|objetivo=Permitir que los usuarios comprendan el contenido visual.
|wcag_objetivo=Permitir que los usuarios comprendan el contenido visual mediante texto.
|tipo_comprobacion=Manual
|wcag_importancia=Sin texto alternativo, los usuarios con discapacidad visual pierden información clave.
|procedimiento=Comprobar que todas las imágenes tienen atributo alt descriptivo.
|wcag_referencias=[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html W3C: Non-text Content]
|resultado=Todas las imágenes tienen texto alternativo adecuado.
|wcag_recursos=[https://observatorioweb.gob.es Observatorio de Accesibilidad Web]
|ejemplo=Una imagen con <code>alt="Logo de la universidad"</code>.
|wcag_tipo_evaluacion=Manual
|wcag_pasos_evaluacion=Comprobar que todas las imágenes tienen atributo alt adecuado y significativo.
|wcag_resultado_evaluacion=Todas las imágenes relevantes cuentan con descripción alternativa adecuada.
|wcag_ejemplo_evaluacion=Ejemplo correcto: <code>&lt;img src="logo.png" alt="Logo de la universidad"&gt;</code>
|wcag_otras_herramientas_evaluacion=WAVE, axe DevTools, Siteimprove Accessibility Checker
}}
}}
</pre>
</pre>
</noinclude>
</noinclude>

Revisión del 15:26 31 oct 2025



Documentación de la plantilla

Esta plantilla muestra la información completa y semánticamente etiquetada de un **criterio WCAG 2.2**, incluyendo nivel, versión, principio, pauta, grupo, subgrupo, descripción, ejemplos y evaluación.

Parámetros principales

  • id_wcag_criterio → Identificador corto del criterio (ej. 1.1.1)
  • id_wcag_subcriterio → Identificador interno o subcriterio (ej. 1.1.1-A)
  • wcag_titulo_criterio → Título completo (ej. 1.1.1-A. Imágenes con texto alternativo)
  • wcag_nivel → Nivel de conformidad (A, AA, AAA)
  • wcag_version → Versión WCAG (2.0 / 2.1 / 2.2)
  • wcag_principio → Nombre o número del principio (ej. 1. Perceptible)
  • wcag_pauta → Nombre o número de la pauta (ej. 1.1 Contenido no textual)
  • wcag_grupo → Clasificación principal o grupo temático (ej. Medios)
  • wcag_subgrupo → Subgrupo o categoría específica (ej. Imágenes)

Parámetros sobre el contenido

  • wcag_discapacidades → Lista HTML de discapacidades afectadas (se muestra como lista visual)
  • wcag_lista_discapacidades → Categorías relacionadas o plantillas de discapacidad
  • wcag_texto_criterioOAW → Enunciado oficial según el Observatorio de Accesibilidad Web

Parámetros de comprensión

  • wcag_descripcion_resumida → Breve descripción del criterio
  • wcag_objetivo → Objetivo principal del criterio
  • wcag_importancia → Razones por las que es importante cumplirlo
  • wcag_referencias → Referencias y enlaces a documentación WCAG/W3C
  • wcag_recursos → Recursos o herramientas de apoyo recomendadas

Parámetros de evaluación

  • wcag_tipo_evaluacion → Tipo de evaluación (Manual, Semiautomática o Automática)
  • wcag_pasos_evaluacion → Procedimiento o pasos para la evaluación
  • wcag_resultado_evaluacion → Resultado esperado tras la verificación
  • wcag_ejemplo_evaluacion → Ejemplo ilustrativo o caso de aplicación
  • wcag_otras_herramientas_evaluacion → Otras herramientas o métodos de apoyo

Propiedades semánticas principales

Esta plantilla genera las siguientes propiedades de **Semantic MediaWiki (SMW)**:

  • id_wcag_criterio
  • wcag_nivel
  • wcag_version
  • wcag_principio
  • wcag_pauta
  • wcag_grupo
  • wcag_subgrupo
  • wcag_texto_criterioOAW
  • wcag_descripcion_resumida
  • wcag_objetivo
  • wcag_importancia
  • wcag_referencias
  • wcag_recursos
  • wcag_tipo_evaluacion
  • wcag_pasos_evaluacion
  • wcag_resultado_evaluacion
  • wcag_ejemplo_evaluacion
  • wcag_otras_herramientas_evaluacion
  • TieneCriterioWCAG → relación con su página de principio/pauta (formato: Principio_X/Y/Z)

Ejemplo de uso

{{CriterioWCAG
|id_wcag_criterio=1.1.1
|id_wcag_subcriterio=1.1.1-A
|wcag_titulo_criterio=1.1.1-A Imágenes con texto alternativo
|wcag_nivel=A
|wcag_version=2.2
|wcag_principio=1. Perceptible
|wcag_pauta=1.1 Contenido no textual
|wcag_grupo=Medios
|wcag_subgrupo=Imágenes
|wcag_discapacidades=<li>Visual</li><li>Baja visión</li>
|wcag_lista_discapacidades=[[Categoría:Visual]][[Categoría:Baja visión]]
|wcag_texto_criterioOAW=Todo contenido no textual debe tener una alternativa textual que proporcione información equivalente.
|wcag_descripcion_resumida=Proporcionar texto alternativo para todas las imágenes y gráficos informativos.
|wcag_objetivo=Permitir que los usuarios comprendan el contenido visual mediante texto.
|wcag_importancia=Sin texto alternativo, los usuarios con discapacidad visual pierden información clave.
|wcag_referencias=[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html W3C: Non-text Content]
|wcag_recursos=[https://observatorioweb.gob.es Observatorio de Accesibilidad Web]
|wcag_tipo_evaluacion=Manual
|wcag_pasos_evaluacion=Comprobar que todas las imágenes tienen atributo alt adecuado y significativo.
|wcag_resultado_evaluacion=Todas las imágenes relevantes cuentan con descripción alternativa adecuada.
|wcag_ejemplo_evaluacion=Ejemplo correcto: <code><img src="logo.png" alt="Logo de la universidad"></code>
|wcag_otras_herramientas_evaluacion=WAVE, axe DevTools, Siteimprove Accessibility Checker
}}
Obtenido de «https://wikiwcag.udl.cat/index.php?title=Plantilla:CriterioWCAG&oldid=2535»