Diferencia entre revisiones de «Plantilla:CriterioWCAG»
De WCAG Wiki
Página creada con «<noinclude> {{#template_params:}} </noinclude><includeonly> {{#template_display:_format=table}}</includeonly>» |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
<includeonly> | |||
== '''{{{codigo_criterio}}}''' == | |||
<div class="wcag-card"> | |||
<div class="wcag-info"> | |||
* <span class="label">Nivel:</span> <span class="value">[[:Categoría:Nivel-{{{nivel}}}|{{{nivel}}}]]</span> | |||
* <span class="label">Versión:</span> <span class="value">[[:Categoría:Versión-{{{version}}}|{{{version}}}]]</span> | |||
* <span class="label">Principio:</span> <span class="value">[[{{{principio_enlace}}}|{{{principio}}}]]</span> | |||
* <span class="label">Pauta:</span> <span class="value">[[{{{pauta_enlace}}}|{{{pauta}}}]]</span> | |||
* <span class="label">Categoría:</span> <span class="value">[[:Categoría:{{{categoria}}}|{{{categoria}}}]]</span> | |||
* <span class="label">Subcategoría:</span> <span class="value">[[:Categoría:{{{subcategoria}}}|{{{subcategoria}}}]]</span> | |||
</div> | |||
<div class="wcag-users"> | |||
'''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> | |||
<ul class="wcag-disabilities"> | |||
{{{discapacidades|}}} | |||
</ul> | |||
</div> | |||
</div> | |||
[[Categoría:{{{categoria}}}]] | |||
[[Categoría:{{{subcategoria}}}]] | |||
[[Categoría:Nivel-{{{nivel}}}]] | |||
[[Categoría:Versión-{{{version}}}]] | |||
[[Categoría:{{{principio}}}]] | |||
[[Categoría:{{{pauta}}}]] | |||
{{{discapacidades_categorias}}} | |||
=== Descripción y comprensión del criterio === | |||
<div class="wcag-info-criterio">{{{descripcion_comprension}}}</div> | |||
==== Descripción resumida ==== | |||
<div class="wcag-info-criterio">{{{descripcion_resumida}}}</div> | |||
==== Objetivo ==== | |||
<div class="wcag-info-criterio">{{{objetivo}}}</div> | |||
==== Importancia de cumplir el criterio ==== | |||
<div class="wcag-info-criterio">{{{importancia}}}</div> | |||
==== Referencias WCAG ==== | |||
<div class="wcag-info-criterio">{{{referencias}}}</div> | |||
==== Recursos de apoyo ==== | |||
<div class="wcag-info-criterio">{{{recursos}}}</div> | |||
=== Evaluación del criterio === | |||
==== Tipo de comprobación ==== | |||
<div class="wcag-info-criterio">Comprobación '''{{{tipo_comprobacion}}}'''</div> | |||
==== Procedimiento de evaluación ==== | |||
<div class="wcag-info-criterio">{{{procedimiento}}}</div> | |||
==== Resultado esperado ==== | |||
<div class="wcag-info-criterio">{{{resultado}}}</div> | |||
==== Ejemplo ==== | |||
<div class="wcag-info-criterio">{{{ejemplo}}}</div> | |||
==== Otras herramientas de evaluación ==== | |||
<div class="wcag-info-criterio">{{{otras_herramientas}}}</div> | |||
=== Lista de ejemplos accesibles y no accesibles de este subcriterio === | |||
{{#tag:categorytree|{{{codigo_criterio}}}|mode=pages|depth=1}} | |||
</includeonly> | |||
<noinclude> | <noinclude> | ||
== 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.). | ||
{{ | |||
=== Parámetros principales === | |||
* <code>codigo_criterio</code> → Identificador (ej. 1.1.1-A) | |||
* <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) | |||
=== Ejemplo de uso === | |||
<pre> | |||
{{CriterioWCAG | |||
|codigo_criterio=1.1.1-A | |||
|nivel=A | |||
|version=2.2 | |||
|principio=1. Perceptible | |||
|principio_enlace=Principio_1 | |||
|pauta=1.1 Contenido no textual | |||
|pauta_enlace=Principio_1/1.1_Texto_Alternativo | |||
|categoria=Medios | |||
|subcategoria=Imágenes | |||
|descripcion_comprension=El contenido no textual debe tener una alternativa textual equivalente. | |||
|descripcion_resumida=Proporcionar texto alternativo para todas las imágenes. | |||
|objetivo=Permitir que los usuarios comprendan el contenido visual. | |||
|tipo_comprobacion=Manual | |||
|procedimiento=Comprobar que todas las imágenes tienen atributo alt descriptivo. | |||
|resultado=Todas las imágenes tienen texto alternativo adecuado. | |||
|ejemplo=Una imagen con <code>alt="Logo de la universidad"</code>. | |||
}} | |||
</pre> | |||
</noinclude> | |||
Revisión del 09:14 29 oct 2025
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.).
Parámetros principales
codigo_criterio→ Identificador (ej. 1.1.1-A)nivel→ Nivel de conformidad (A, AA, AAA)version→ Versión WCAG (2.0 / 2.1 / 2.2)principio→ Nombre del principioprincipio_enlace→ Enlace a la página del principiopauta→ Nombre de la pautapauta_enlace→ Enlace a la página de la pautacategoria,subcategoria→ Clasificación temáticadescripcion_comprension,descripcion_resumida,objetivo→ Textos explicativosprocedimiento,resultado,ejemplo→ Campos de evaluacióndiscapacidades→ Lista HTML de discapacidades afectadasdiscapacidades_categorias→ Categorías relacionadas (si aplica)
Ejemplo de uso
{{CriterioWCAG
|codigo_criterio=1.1.1-A
|nivel=A
|version=2.2
|principio=1. Perceptible
|principio_enlace=Principio_1
|pauta=1.1 Contenido no textual
|pauta_enlace=Principio_1/1.1_Texto_Alternativo
|categoria=Medios
|subcategoria=Imágenes
|descripcion_comprension=El contenido no textual debe tener una alternativa textual equivalente.
|descripcion_resumida=Proporcionar texto alternativo para todas las imágenes.
|objetivo=Permitir que los usuarios comprendan el contenido visual.
|tipo_comprobacion=Manual
|procedimiento=Comprobar que todas las imágenes tienen atributo alt descriptivo.
|resultado=Todas las imágenes tienen texto alternativo adecuado.
|ejemplo=Una imagen con <code>alt="Logo de la universidad"</code>.
}}
