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 142 ediciones intermedias de 2 usuarios)
Línea 1: Línea 1:
<includeonly>
<includeonly>
== '''{{{titulo_criterio}}} ''' ==
== '''{{{wcag_titulo_criterio}}} ''' ==
{{#set: td_codigo={{{id_criterio}}} }}
<div style="display:none">
{{#set: titulo_criterio={{{titulo_criterio}}} }}
[[wcag_principio::{{{wcag_principio}}}]]
 
[[wcag_pauta::{{{wcag_pauta}}}]]
</div>


<div class="wcag-card">
<div class="wcag-card">
<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">
<li><span class="label">Pauta:</span> <span class="value">[[pauta::{{{pauta}}}]]</span></li>
[[{{{wcag_principio_url}}}|{{{wcag_principio}}}]]
<li><span class="label">Grupo:</span> <span class="value">[[grupo::{{{grupo}}}]]</span></li>
</span></li>
<li><span class="label">Subgrupo:</span> <span class="value">[[subgrupo::{{{subgrupo}}}]]</span></li>
<li><span class="label">Pauta:</span> <span class="value">
[[{{{wcag_pauta_url}}}|{{{wcag_pauta}}}]]
</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>
</ul>
</ul>
</div>
</div>
<div class="wcag-users">
<div class="wcag-users">
'''Discapacidades afectadas'''
'''Discapacidades afectadas'''
<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>
<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>{{{descripcion_txtcriterioWCAG}}} </li>
<li>{{{wcag_texto_criterioOAW}}} </li>
</ul>
</ul>
</div>
</div>
{{#set: descripcion_txtcriterioWCAG={{{descripcion_txtcriterioWCAG}}} }}
</div>
</div>
 
{{{wcag_lista_discapacidades}}}
 
[[Categoria:CriteriosWCAG]]
 
[[Categoria:{{{grupo}}}]]
[[Categoria:{{{subgrupo}}}]]
[[Categoria:Nivel-{{{nivel}}}]]
[[Categoria:Version-{{{version}}}]]
[[Categoria:{{{principio}}}]]
[[Categoria:{{{pauta}}}]]
 
{{{discapacidades_categorias}}}


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


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


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


=== 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: 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_evaluacion}}}</div>
{{#set: procedimiento::{{{procedimiento}}} }}


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


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


==== 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}}} }}
 
 
 
 
<div style="display:none">
<!-- BLOQUE DE PROPIEDADES SEMÁNTICAS (antes del ASK) -->
{{#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
}}


=== Lista de ejemplos accesibles y no accesibles de este subcriterio ===
<!--
{{#tag:categorytree|{{{id_criterio}}}|mode=pages|depth=1}}
|?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}}}]]


</includeonly>
</includeonly>




<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 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 principales ===
=== Parámetros ===
* <code>id_criterio</code> → Clave (ej. 1.1.1-A)
* <code>titulo_criterio</code> → Identificador (ej. 1.1.1-A. Imagenes con texto alternativo)
* <code>nivel</code> → Nivel de conformidad (A, AA, AAA)
* <code>version</code> → Versión WCAG (2.0 / 2.1 / 2.2)
* <code>principio</code> → Nombre del principio
* <code>principio_enlace</code> → Enlace a la página del principio
* <code>pauta</code> → Nombre de la pauta
* <code>pauta_enlace</code> → Enlace a la página de la pauta
* <code>categoria</code>, <code>subcategoria</code> → Clasificación temática
* <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
* <code>discapacidades</code> → Lista HTML de discapacidades afectadas
* <code>discapacidades_categorias</code> → Categorías relacionadas (si aplica)
* <code>tipo_comprobacion</code> → Manual, Semiautomática o Automática
* <code>importancia</code> → Justificación de relevancia del criterio
* <code>referencias</code> → Enlaces a la documentación WCAG
* <code>recursos</code> → Recursos o herramientas de apoyo
* <code>otras_herramientas</code> → Herramientas adicionales de análisis


{| 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_criterio=1.1.1-A
|id_wcag_criterio=1.3.1
|titulo_criterio=1.1.1-A Imagenes con texto alternativo
|id_wcag_subcriterio=1.3.1-A
|nivel=A
|wcag_titulo_criterio=Información y relaciones
|version=2.2
|wcag_principio=1. Perceptible
|principio=1. Perceptible
|wcag_principio_url=Principio_1
|principio_enlace=Principio_1
|wcag_pauta=1.3 Adaptable
|pauta=1.1 Contenido no textual
|wcag_pauta_url=Pauta_1.3
|pauta_enlace=Principio_1/1.1_Texto_Alternativo
|wcag_nivel=A
|grupo=Medios
|wcag_version=2.2
|subgrupo=Imágenes
|wcag_grupo=Estructura
|descripcion_comprension=El contenido no textual debe tener una alternativa textual equivalente.
|wcag_subgrupo=Relaciones semánticas
|descripcion_resumida=Proporcionar texto alternativo para todas las imágenes.
|wcag_discapacidades=<li>Visual</li><li>Cognitiva</li>
|objetivo=Permitir que los usuarios comprendan el contenido visual.
|wcag_texto_criterioOAW=La información, estructura y relaciones se transmiten por medios programáticos o disponibles en el texto.
|tipo_comprobacion=Manual
|wcag_descripcion_resumida=El contenido debe mantener la estructura lógica y semántica.
|procedimiento=Comprobar que todas las imágenes tienen atributo alt descriptivo.
|wcag_objetivo=Facilitar que lectores de pantalla y usuarios comprendan la estructura.
|resultado=Todas las imágenes tienen texto alternativo adecuado.
|wcag_importancia=Sin estructura semántica, el contenido puede ser incomprensible.
|ejemplo=Una imagen con <code>alt="Logo de la universidad"</code>.
|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
}}
}}
</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»