Diferencia entre revisiones de «Plantilla:Actividad WCAG»

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 41 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
<includeonly>
<includeonly>
<div class="wcag-actividad" style="border:1px solid #ccc; padding:1em; margin:1em 0; background:#fafafa;">
''' Edición de la página como formulario'''
 
<div style="margin-top:1em;">
[{{FULLURL:{{FULLPAGENAME}}|action=formedit}} <span style="background:#007acc; color:#fff; padding:0.4em 0.8em; border-radius:4px;">Editar con formulario</span>]
</div>
 
 
<div style="margin-top:1em;">
[{{FULLURL:{{FULLPAGENAME}}|action=formedit&form=ActividadWCAG}}
<span style="background:#007acc; color:#fff; padding:0.4em 0.8em; border-radius:4px;">
Editar con formulario
</span>]
</div>
 
<div style="margin-top:1em;">
[{{FULLURL:{{FULLPAGENAME}}|action=formedit&form=ActividadWCAG}}
<span style="background:#007acc; color:#fff; padding:0.4em 0.8em; border-radius:4px;">Editar con formulario</span>]
</div>
 
<div class="wcag-actividad" style="border:1px solid #ccc; padding:1em; background:#fafafa; margin:1.5em 0;">


<!-- ===================================================== -->
<!-- ===================================================== -->
<!-- 1. INFORMACIÓN BÁSICA -->
<!-- 1. INFORMACIÓN BÁSICA -->
<!-- ===================================================== -->
<!-- ===================================================== -->
== Criterio ==
== 1. Información básica ==
<div><b>Criterio:</b> {{{id|}}}</div>
<div><b>Id del criterio:</b> {{{id_criterio|}}}</div>
<div><b>Título del subcriterio:</b> {{{titulo|}}}</div>
<div><b>Título del subcriterio:</b> {{{id_subcriterio|}}}</div>
<div><b>Enlace:</b> {{{enlace|}}}</div>
<div><b>Enlace directo a la página del subcriterio en la wiki</b> {{{id_url|}}}
 
[[Categoría: {{{id_subcriterio|}}}]]


----
----


<!-- ===================================================== -->
<!-- ===================================================== -->
<!-- 2.1. EJEMPLO NO ACCESIBLE -->
<!-- 2. EJEMPLOS PRÁCTICOS -->
<!-- ===================================================== -->
<!-- ===================================================== -->
== Ejemplo NO accesible ==


== 2. Ejemplos prácticos ==
=== 2.1. Ejemplo NO accesible ===
<div style="margin-left:1em;">
<b>1. Evidencia en imagen:</b><br>
{{#if: {{{noa_barrera_evidencia_img|}}} |
{{#if: {{{noa_barrera_evidencia_img|}}} |
   <div><b>Imagen:</b><br>[[File:{{{noa_barrera_evidencia_img}}}|600px]]</div>
   [[File:{{{noa_barrera_evidencia_img}}}|600px]]
}}
| <i>No se ha subido ninguna imagen.</i> }}


{{#if: {{{noa_barrera_evidencia_html|}}} |
<br><br>
  <div><b>Código HTML:</b>
  <pre style="background:#f0f0f0; padding:0.5em;">{{{noa_barrera_evidencia_html}}}</pre></div>
}}


<b>2. Código HTML:</b>
{{#if: {{{noa_barrera_evidencia_html|}}} |<div class="wcag-codigo-html" padding:0.7em; border:1px solid #ddd;">
<code style="white-space: pre-wrap; font-family: monospace; background:none; border:none; color:white">
{{{noa_barrera_evidencia_html}}}
</code>
</div>
| <div><i>No se ha proporcionado código.</i></div> }}
<br>
TEXTO HTML
<pre><nowiki>{{{noa_barrera_evidencia_html}}}</nowiki></pre>
<br>
<b>3. URL:</b>
{{#if: {{{noa_barrera_evidencia_url|}}} |
{{#if: {{{noa_barrera_evidencia_url|}}} |
  <div><b>URL:</b> [{{{noa_barrera_evidencia_url}}} Ver página]</div>
[{{{noa_barrera_evidencia_url}}} {{{noa_barrera_evidencia_url}}}]
}}
|<i>No se ha indicado ninguna URL.</i> }}
 
<br><br>
 
<b> Explicación del problema detectado:</b><br>
{{{noa_barrera_explicacion|<i>No se ha incluido explicación.</i>}}}
 
<b> Indica a que personas con discapacidad afecta y explicación de las barreras que causa</b><br>
{{{noa_barrera_usuarios|<i>No se ha incluido explicación.</i>}}}


<div><b>Explicación del problema:</b><br>{{{noa_barrera_explicacion|}}}</div>
</div>


----
----


<!-- ===================================================== -->
=== 2.2. Ejemplo Accesible ===
<!-- 2.2. EJEMPLO ACCESIBLE -->
<div style="margin-left:1em;">
<!-- ===================================================== -->
== Ejemplo ACCESIBLE ==


<b>1. Evidencia de imagen:</b><br>
{{#if: {{{acc_barrera_evidencia_img|}}} |
{{#if: {{{acc_barrera_evidencia_img|}}} |
  <div><b>Imagen:</b><br>[[File:{{{acc_barrera_evidencia_img}}}|600px]]</div>
[[File:{{{acc_barrera_evidencia_img}}}|600px]]
}}
| <i>No se ha subido ninguna imagen.</i> }}


<br><br>
<b>2. Código HTML:</b>
{{#if: {{{acc_barrera_evidencia_html|}}} |
{{#if: {{{acc_barrera_evidencia_html|}}} |
  <div><b>Código HTML:</b>
<div class="wcag-codigo-html" padding:0.7em; border:1px solid #ddd;">
  <pre style="background:#eef; padding:0.5em;">{{{acc_barrera_evidencia_html}}}</pre></div>
<code style="white-space: pre-wrap; font-family: monospace; background:none; border:none; color:white">
}}
{{{acc_barrera_evidencia_html}}}
</code>
</div>
| <div><i>No se ha proporcionado código.</i></div> }}
<br>
TEXTO HTML
<pre><nowiki>{{{acc_barrera_evidencia_html}}}</nowiki></pre>
 
<br>
 


<b>3. URL:</b>
{{#if: {{{acc_barrera_evidencia_url|}}} |
{{#if: {{{acc_barrera_evidencia_url|}}} |
  <div><b>URL:</b> [{{{acc_barrera_evidencia_url}}} Ver página]</div>
[{{{acc_barrera_evidencia_url}}} {{{acc_barrera_evidencia_url}}}]
}}
|<i>No se ha indicado ninguna URL.</i> }}
 
<br><br>
 
<b>Explicación de la solución aplicada:</b><br>
{{{acc_barrera_explicacion|<i>No se ha incluido explicación.</i>}}}


<div><b>Explicación de la solución:</b><br>{{{acc_barrera_explicacion|}}}</div>
</div>


----
----
Línea 59: Línea 123:
<!-- 3. APORTE PERSONAL -->
<!-- 3. APORTE PERSONAL -->
<!-- ===================================================== -->
<!-- ===================================================== -->
== Aporte personal ==
== 3. Aporte personal ==
<div><b>Proceso de creación:</b><br>{{{proceso|}}}</div>
<div style="margin-left:1em;">
<div><b>Herramientas usadas:</b><br>{{{herramientas|}}}</div>
<b>Proceso de creación:</b><br>{{{proceso|}}}<br><br>
<div><b>Referencias:</b><br>{{{referencias|}}}</div>
<b>Herramientas usadas:</b><br>{{{herramientas|}}}<br><br>
<b>Referencias complementarias:</b><br>{{{referencias|}}}
</div>


----
----
Línea 69: Línea 135:
<!-- 4. AUTOEVALUACIÓN -->
<!-- 4. AUTOEVALUACIÓN -->
<!-- ===================================================== -->
<!-- ===================================================== -->
== Autoevaluación ==
== 4. Autoevaluación ==
<table class="wikitable" style="width:100%;">
<table class="wikitable" style="width:100%; background:#fff; margin-top:1em;">
<tr><th>Pregunta</th><th>Valor</th></tr>
<tr><th>Pregunta</th><th>Valor</th></tr>
<tr><td>Entendimiento</td><td>{{{eval_entendimiento|}}}</td></tr>
<tr><td>
<tr><td>Dificultad NOA</td><td>{{{eval_noa_dificultad|}}}</td></tr>
4.1. ¿Fue fácil o difícil entender el criterio? <br> (1 = No entendí casi nada | 5 = Lo comprendí con claridad)
<tr><td>Dificultad ACC</td><td>{{{eval_acc_dificultad|}}}</td></tr>
</td><td>{{{eval_entendimiento|}}}</td></tr>
<tr><td>Seguridad</td><td>{{{eval_seguridad|}}}</td></tr>
<tr><td>4.2. ¿Fue fácil o difícil crear el ejemplo no accesible (NOA)? <br> (1 = Muy fácil | 5 = Muy difícil)</td><td>{{{eval_noa_dificultad|}}}</td></tr>
<tr><td>Utilidad</td><td>{{{eval_utilidad|}}}</td></tr>
<tr><td>4.3. ¿Fue fácil o difícil crear el ejemplo accesible (ACC)?  <br> (1 = Muy fácil | 5 = Muy difícil) </td><td>{{{eval_acc_dificultad|}}}</td></tr>
<tr><td>Aplicación</td><td>{{{eval_aplicacion|}}}</td></tr>
<tr><td>4.4. ¿Qué seguridad tienes de que tus ejemplos son correctos? <br> (1 = No estoy seguro | 5 = Totalmente seguro)</td><td>{{{eval_seguridad|}}}</td></tr>
<tr><td>Explicación</td><td>{{{eval_explicacion|}}}</td></tr>
<tr><td>4.5. ¿En qué medida comprendes para qué sirve este criterio en la práctica? <br> (1 = No entiendo su utilidad | 5 = Puedo explicar claramente por qué es útil)</td><td>{{{eval_utilidad|}}}</td></tr>
<tr><td>Observaciones</td><td>{{{eval_observaciones|}}}</td></tr>
<tr><td>4.6. ¿Podrías aplicar este criterio en otro proyecto o web distinta? <br> (1 = No sabría hacerlo | 5 = Podría hacerlo sin ayuda)</td><td>{{{eval_aplicacion|}}}</td></tr>
</table>
</table>


----
<div style="margin-left:1em;">
 
<b>4.7. Explica este criterio a un compañero:</b><br>{{{eval_explicacion|}}}
<!-- ===================================================== -->
<br><br>
<!-- 5. USUARIOS AFECTADOS -->
<b>4.8. Observaciones personales:</b><br>
<!-- ===================================================== -->
{{{eval_observaciones|}}}
== Usuarios afectados ==
{{#if: {{{noa_user_barrera|}}} |
<div class="usuarios-afectados">
  {{#subobject:
    |noa_user_barrera={{{noa_user_barrera|}}}
    |noa_user_gravedad={{{noa_user_gravedad|}}}
    |noa_user_descripcion={{{noa_user_descripcion|}}}
  }}
</div>
}}
 
{{#ask:
[[{{PAGENAME}}]]
|?noa_user_barrera=Tipo de barrera
|?noa_user_gravedad=Gravedad
|?noa_user_descripcion=Descripción
|format=template
|template=Usuario_Afectado
|limit=50
}}
</div>
</div>
</includeonly>
</includeonly>


<noinclude>
<noinclude>
Plantilla principal usada por el formulario [[Formulario:Actividad_WCAG]].
Plantilla para mostrar los datos del formulario [[Formulario:Actividad_WCAG]].
Muestra todos los datos del alumno y los usuarios afectados.
Muestra directamente toda la información en pantalla (sin secciones colapsables). 
Incluye evidencias, explicaciones, aporte personal y tabla de autoevaluación.
</noinclude>
</noinclude>

Revisión actual - 07:29 26 oct 2025


Plantilla para mostrar los datos del formulario Formulario:Actividad_WCAG. Muestra directamente toda la información en pantalla (sin secciones colapsables). Incluye evidencias, explicaciones, aporte personal y tabla de autoevaluación.

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