Diferencia entre revisiones de «Plantilla:CriterioWCAG»

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 128 ediciones intermedias de 2 usuarios)
Línea 1: Línea 1:
<includeonly>
<includeonly>
== '''{{{wcag_titulo_criterio}}} ''' ==
== '''{{{wcag_titulo_criterio}}} ''' ==
{{#set: wcag_categoria=CriteriosWCAG }}
<div style="display:none">
{{#set: id_wcag_criterio={{{id_wcag_criterio}}} }}
[[wcag_principio::{{{wcag_principio}}}]]
{{#set: id_wcag_subcriterio={{{id_wcag_subcriterio}}} }}
[[wcag_pauta::{{{wcag_pauta}}}]]
{{#set: wcag_titulo_criterio={{{wcag_titulo_criterio}}} }}
</div>
 
 
{{#set: wcag_principio={{{wcag_principio}}} }}
 


<div class="wcag-card">
<div class="wcag-card">
<div class="wcag-info">
<div class="wcag-info">
<ul>
<ul>
Línea 17: Línea 12:
<li><span class="label">Versión:</span> <span class="value">[[wcag_version::{{{wcag_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">
<li><span class="label">Principio:</span> <span class="value">
[[{{{wcag_principio_enlace}}}|{{{wcag_principio}}}]]
[[{{{wcag_principio_url}}}|{{{wcag_principio}}}]]
</span></li>
<li><span class="label">Pauta:</span> <span class="value">
[[{{{wcag_pauta_url}}}|{{{wcag_pauta}}}]]
</span></li>
</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">[[wcag_grupo::{{{wcag_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">[[wcag_subgrupo::{{{wcag_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_{{{wcag_principio}}}/{{{wcag_pauta}}}/{{{id_wcag_criterio}}} }}
<div class="wcag-users">
<div class="wcag-users">
'''Discapacidades afectadas'''
'''Discapacidades afectadas'''
Línea 34: Línea 28:
</ul>
</ul>
</div>
</div>
<div class="wcag-infocriterio">
<div class="wcag-infocriterio">
'''Enunciado del criterio según Observatorio de Accesibilidad Web'''
'''Enunciado del criterio (Observatorio de Accesibilidad Web)'''
<ul>
<ul>
<li>{{{wcag_texto_criterioOAW}}} </li>
<li>{{{wcag_texto_criterioOAW}}} </li>
</ul>
</ul>
</div>
</div>
{{#set: wcag_texto_criterioOAW={{{wcag_texto_criterioOAW}}} }}
</div>
</div>
{{{wcag_lista_discapacidades}}}
{{{wcag_lista_discapacidades}}}


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


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


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


==== Recursos de apoyo ====  
==== Recursos de apoyo ====  
<div class="wcag-info-criterio">{{{wcag_recursos}}}</div>
<div class="wcag-info-criterio">{{{wcag_recursos}}}</div>
{{#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:{{{wcag_tipo_evaluacion}}}|{{{wcag_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}}} }}


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


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


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


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


=== Lista de ejemplos accesibles y no accesibles de este subcriterio ===
{{#tag:categorytree|{{{id_wcag_criterio}}}|mode=pages|depth=1}}


</includeonly>




<noinclude>
<div style="display:none">
== Documentación de la plantilla ==
<!-- BLOQUE DE PROPIEDADES SEMÁNTICAS (antes del ASK) -->
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.
{{#set: wcag_categoria=CriteriosWCAG }}
{{#set: id_wcag_criterio={{{id_wcag_criterio}}} }}
{{#set: id_wcag_subcriterio={{{id_wcag_subcriterio}}} }}
{{#set: wcag_titulo_criterio={{{wcag_titulo_criterio}}} }}
{{#set: wcag_principio={{{wcag_principio}}} }}
{{#set: wcag_pauta={{{wcag_pauta}}} }}
{{#set: wcag_nivel={{{wcag_nivel}}} }}
{{#set: wcag_version={{{wcag_version}}} }}
{{#set: wcag_grupo={{{wcag_grupo}}} }}
{{#set: wcag_subgrupo={{{wcag_subgrupo}}} }}
{{#set: wcag_tipo_evaluacion={{{wcag_tipo_evaluacion}}} }}
{{#set: Tiene ejemplos de alumnado para criterio={{id_wcag_subcriterio}} }}
{{#set: TieneCriterioWCAG=Principio_{{{wcag_principio}}}/{{{wcag_pauta}}}/{{{id_wcag_criterio}}} }}
 
</div>
 
=== Ejemplos accesibles y no accesibles creados por alumnos ===
{{#ask:
[[Tiene subcriterio::{{{id_wcag_subcriterio|}}}]]
|?Modification date#F[d/m/Y]=Última modificación
|format=table
|headers=plain
|searchlabel=Ver más…
|sort=Modification date
|order=descending
}}
 
<!--
|?id_universidad=Universidad
|?curso_academico=Curso académico
-->
 
== Comentarios ==
A continuación se muestran comentarios sobre el criterio '''{{{wcag_titulo_criterio}}}'''
<comments />
 
[[Category:CriteriosWCAG]]
[[Category:{{{wcag_principio}}}]]
[[Category:{{{wcag_pauta}}}]]
[[Category:{{{id_wcag_criterio}}}]]


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


=== Parámetros sobre el contenido ===
* <code>wcag_discapacidades</code> → Lista HTML de discapacidades afectadas (se muestra como lista visual)
* <code>wcag_lista_discapacidades</code> → Categorías relacionadas o plantillas de discapacidad
* <code>wcag_texto_criterioOAW</code> → Enunciado oficial según el Observatorio de Accesibilidad Web


=== Parámetros de comprensión ===
* <code>wcag_descripcion_resumida</code> → Breve descripción del criterio
* <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 ===
<noinclude>
* <code>wcag_tipo_evaluacion</code> → Tipo de evaluación (Manual, Semiautomática o Automática)
== Documentación de la plantilla ==
* <code>wcag_pasos_evaluacion</code> → Procedimiento o pasos para la evaluación
Esta plantilla muestra toda la información de un **criterio WCAG 2.2**, incluyendo nivel, versión, principio, pauta, grupo, importancia, ejemplo de evaluación y relación con actividades del alumnado.
* <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 ===
=== Parámetros ===
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>)


{| class="wikitable"
! Parámetro !! Descripción
|-
| <code>id_wcag_criterio</code> || Código del criterio (ej. 1.3.1)
|-
| <code>id_wcag_subcriterio</code> || Subcriterio (ej. 1.3.1-A)
|-
| <code>wcag_titulo_criterio</code> || Título del criterio
|-
| <code>wcag_principio</code> || Nombre del principio (ej. 1. Perceptible)
|-
| <code>wcag_principio_url</code> || Página interna del principio
|-
| <code>wcag_pauta</code> || Nombre de la pauta
|-
| <code>wcag_pauta_url</code> || Página interna de la pauta
|-
| <code>wcag_nivel</code> || Nivel (A, AA, AAA)
|-
| <code>wcag_version</code> || Versión de WCAG (2.0/2.1/2.2)
|-
| <code>wcag_grupo</code> || Grupo temático del criterio
|-
| <code>wcag_subgrupo</code> || Subgrupo temático
|-
| <code>wcag_discapacidades</code> || Lista de discapacidades afectadas (en <code><li></code>)
|-
| <code>wcag_texto_criterioOAW</code> || Texto del criterio (Observatorio de Accesibilidad Web)
|-
| <code>wcag_descripcion_resumida</code> || Descripción breve del criterio
|-
| <code>wcag_objetivo</code> || Objetivo del criterio
|-
| <code>wcag_importancia</code> || Razón por la que es importante cumplirlo
|-
| <code>wcag_referencias</code> || Enlaces a documentación WCAG/WAI
|-
| <code>wcag_recursos</code> || Recursos útiles para aprender el criterio
|-
| <code>wcag_tipo_evaluacion</code> || Manual / Semiautomática / Automática
|-
| <code>wcag_pasos_evaluacion</code> || Procedimiento para evaluarlo
|-
| <code>wcag_resultado_evaluacion</code> || Qué debe ocurrir para cumplirlo
|-
| <code>wcag_ejemplo_evaluacion</code> || Ejemplo ilustrativo
|-
| <code>wcag_otras_herramientas_evaluacion</code> || Herramientas opcionales
|-
| <code>wcag_lista_discapacidades</code> || Texto detallado sobre impacto en usuarios
|}
=== Ejemplo de uso ===
=== Ejemplo de uso ===
<pre>
<pre>
{{CriterioWCAG
{{CriterioWCAG
|id_wcag_criterio=1.1.1
|id_wcag_criterio=1.3.1
|id_wcag_subcriterio=1.1.1-A
|id_wcag_subcriterio=1.3.1-A
|wcag_titulo_criterio=1.1.1-A Imágenes con texto alternativo
|wcag_titulo_criterio=Información y relaciones
|wcag_principio=1. Perceptible
|wcag_principio_url=Principio_1
|wcag_pauta=1.3 Adaptable
|wcag_pauta_url=Pauta_1.3
|wcag_nivel=A
|wcag_nivel=A
|wcag_version=2.2
|wcag_version=2.2
|wcag_principio=1. Perceptible
|wcag_grupo=Estructura
|wcag_pauta=1.1 Contenido no textual
|wcag_subgrupo=Relaciones semánticas
|wcag_grupo=Medios
|wcag_discapacidades=<li>Visual</li><li>Cognitiva</li>
|wcag_subgrupo=Imágenes
|wcag_texto_criterioOAW=La información, estructura y relaciones se transmiten por medios programáticos o disponibles en el texto.
|wcag_discapacidades=<li>Visual</li><li>Baja visión</li>
|wcag_descripcion_resumida=El contenido debe mantener la estructura lógica y semántica.
|wcag_lista_discapacidades=[[Categoría:Visual]][[Categoría:Baja visión]]
|wcag_objetivo=Facilitar que lectores de pantalla y usuarios comprendan la estructura.
|wcag_texto_criterioOAW=Todo contenido no textual debe tener una alternativa textual que proporcione información equivalente.
|wcag_importancia=Sin estructura semántica, el contenido puede ser incomprensible.
|wcag_descripcion_resumida=Proporcionar texto alternativo para todas las imágenes y gráficos informativos.
|wcag_referencias=Enlace a WCAG y técnica H49, etc.
|wcag_objetivo=Permitir que los usuarios comprendan el contenido visual mediante texto.
|wcag_recursos=Tutorial W3C, guías EN 301 549, ejemplos OAW
|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_tipo_evaluacion=Manual
|wcag_pasos_evaluacion=Comprobar que todas las imágenes tienen atributo alt adecuado y significativo.
|wcag_pasos_evaluacion=Revisar HTML y navegación por teclado/lector
|wcag_resultado_evaluacion=Todas las imágenes relevantes cuentan con descripción alternativa adecuada.
|wcag_resultado_evaluacion=La estructura es comprensible y programáticamente reconocible
|wcag_ejemplo_evaluacion=Ejemplo correcto: <code>&lt;img src="logo.png" alt="Logo de la universidad"&gt;</code>
|wcag_ejemplo_evaluacion=Encabezados, listas, tablas semánticas correctas
|wcag_otras_herramientas_evaluacion=WAVE, axe DevTools, Siteimprove Accessibility Checker
|wcag_otras_herramientas_evaluacion=Wave, Axe, navegador
|wcag_lista_discapacidades=Lista ampliada explicativa
}}
}}
</pre>
</pre>
</noinclude>
</noinclude>

Revisión actual - 14:46 6 nov 2025



Documentación de la plantilla

Esta plantilla muestra toda la información de un **criterio WCAG 2.2**, incluyendo nivel, versión, principio, pauta, grupo, importancia, ejemplo de evaluación y relación con actividades del alumnado.

Parámetros

Parámetro Descripción
id_wcag_criterio Código del criterio (ej. 1.3.1)
id_wcag_subcriterio Subcriterio (ej. 1.3.1-A)
wcag_titulo_criterio Título del criterio
wcag_principio Nombre del principio (ej. 1. Perceptible)
wcag_principio_url Página interna del principio
wcag_pauta Nombre de la pauta
wcag_pauta_url Página interna de la pauta
wcag_nivel Nivel (A, AA, AAA)
wcag_version Versión de WCAG (2.0/2.1/2.2)
wcag_grupo Grupo temático del criterio
wcag_subgrupo Subgrupo temático
wcag_discapacidades Lista de discapacidades afectadas (en
  • )
    • wcag_texto_criterioOAW Texto del criterio (Observatorio de Accesibilidad Web)
    wcag_descripcion_resumida Descripción breve del criterio
    wcag_objetivo Objetivo del criterio
    wcag_importancia Razón por la que es importante cumplirlo
    wcag_referencias Enlaces a documentación WCAG/WAI
    wcag_recursos Recursos útiles para aprender el criterio
    wcag_tipo_evaluacion Manual / Semiautomática / Automática
    wcag_pasos_evaluacion Procedimiento para evaluarlo
    wcag_resultado_evaluacion Qué debe ocurrir para cumplirlo
    wcag_ejemplo_evaluacion Ejemplo ilustrativo
    wcag_otras_herramientas_evaluacion Herramientas opcionales
    wcag_lista_discapacidades Texto detallado sobre impacto en usuarios

    Ejemplo de uso

    {{CriterioWCAG
|id_wcag_criterio=1.3.1
|id_wcag_subcriterio=1.3.1-A
|wcag_titulo_criterio=Información y relaciones
|wcag_principio=1. Perceptible
|wcag_principio_url=Principio_1
|wcag_pauta=1.3 Adaptable
|wcag_pauta_url=Pauta_1.3
|wcag_nivel=A
|wcag_version=2.2
|wcag_grupo=Estructura
|wcag_subgrupo=Relaciones semánticas
|wcag_discapacidades=<li>Visual</li><li>Cognitiva</li>
|wcag_texto_criterioOAW=La información, estructura y relaciones se transmiten por medios programáticos o disponibles en el texto.
|wcag_descripcion_resumida=El contenido debe mantener la estructura lógica y semántica.
|wcag_objetivo=Facilitar que lectores de pantalla y usuarios comprendan la estructura.
|wcag_importancia=Sin estructura semántica, el contenido puede ser incomprensible.
|wcag_referencias=Enlace a WCAG y técnica H49, etc.
|wcag_recursos=Tutorial W3C, guías EN 301 549, ejemplos OAW
|wcag_tipo_evaluacion=Manual
|wcag_pasos_evaluacion=Revisar HTML y navegación por teclado/lector
|wcag_resultado_evaluacion=La estructura es comprensible y programáticamente reconocible
|wcag_ejemplo_evaluacion=Encabezados, listas, tablas semánticas correctas
|wcag_otras_herramientas_evaluacion=Wave, Axe, navegador
|wcag_lista_discapacidades=Lista ampliada explicativa
}}


    Obtenido de «https://wikiwcag.udl.cat/index.php?title=Plantilla:CriterioWCAG&oldid=3783»