Diferencia entre revisiones de «Plantilla:Actividad WCAG»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 18: Línea 18:


=== 2.1. Ejemplo NO accesible ===
=== 2.1. Ejemplo NO accesible ===
<div class="accessibility-collapsible-group">
<div style="margin-left:1em;">


<!-- Imagen -->
<b>📷 Evidencia de imagen:</b><br>
<div class="mw-collapsible mw-collapsed">
<h4>1. Imagen</h4>
<div class="mw-collapsible-content">
{{#if: {{{noa_barrera_evidencia_img|}}} |
{{#if: {{{noa_barrera_evidencia_img|}}} |
   <div><b>📷 Evidencia de imagen:</b><br>[[File:{{{noa_barrera_evidencia_img}}}|600px]]</div>
   [[File:{{{noa_barrera_evidencia_img}}}|600px]]
| <div><i>No se ha subido ninguna imagen.</i></div> }}
| <i>No se ha subido ninguna imagen.</i> }}
</div>
 
</div>
<br><br>


<!-- Código -->
<b>💻 Código HTML:</b>
<div class="mw-collapsible mw-collapsed">
<h4>2. Código HTML</h4>
<div class="mw-collapsible-content">
{{#if: {{{noa_barrera_evidencia_html|}}} |
{{#if: {{{noa_barrera_evidencia_html|}}} |
   <pre style="background:#f9f9f9; padding:0.7em; border:1px solid #ddd;">{{{noa_barrera_evidencia_html}}}</pre>
   <pre style="background:#f9f9f9; padding:0.7em; border:1px solid #ddd;">{{{noa_barrera_evidencia_html}}}</pre>
| <div><i>No se ha proporcionado código.</i></div> }}
| <div><i>No se ha proporcionado código.</i></div> }}
</div>
</div>


<!-- URL -->
<br>
<div class="mw-collapsible mw-collapsed">
 
<h4>3. URL</h4>
<b>🔗 URL:</b>
<div class="mw-collapsible-content">
{{#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}}} Ver página]
| <div><i>No se ha indicado ninguna URL.</i></div> }}
| <i>No se ha indicado ninguna URL.</i> }}
</div>
 
</div>
<br><br>


<b>🧩 Explicación del problema detectado:</b><br>
<b>🧩 Explicación del problema detectado:</b><br>
Línea 58: Línea 49:


=== 2.2. Ejemplo Accesible ===
=== 2.2. Ejemplo Accesible ===
<div class="accessibility-collapsible-group">
<div style="margin-left:1em;">


<!-- Imagen -->
<b>📷 Evidencia de imagen:</b><br>
<div class="mw-collapsible mw-collapsed">
<h4>1. Imagen</h4>
<div class="mw-collapsible-content">
{{#if: {{{acc_barrera_evidencia_img|}}} |
{{#if: {{{acc_barrera_evidencia_img|}}} |
   <div><b>📷 Evidencia de imagen:</b><br>[[File:{{{acc_barrera_evidencia_img}}}|600px]]</div>
   [[File:{{{acc_barrera_evidencia_img}}}|600px]]
| <div><i>No se ha subido ninguna imagen.</i></div> }}
| <i>No se ha subido ninguna imagen.</i> }}
</div>
 
</div>
<br><br>


<!-- Código -->
<b>💻 Código HTML:</b>
<div class="mw-collapsible mw-collapsed">
<h4>2. Código HTML</h4>
<div class="mw-collapsible-content">
{{#if: {{{acc_barrera_evidencia_html|}}} |
{{#if: {{{acc_barrera_evidencia_html|}}} |
   <pre style="background:#eef; padding:0.7em; border:1px solid #ddd;">{{{acc_barrera_evidencia_html}}}</pre>
   <pre style="background:#eef; padding:0.7em; border:1px solid #ddd;">{{{acc_barrera_evidencia_html}}}</pre>
| <div><i>No se ha proporcionado código.</i></div> }}
| <div><i>No se ha proporcionado código.</i></div> }}
</div>
</div>


<!-- URL -->
<br>
<div class="mw-collapsible mw-collapsed">
 
<h4>3. URL</h4>
<b>🔗 URL:</b>
<div class="mw-collapsible-content">
{{#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}}} Ver página]
| <div><i>No se ha indicado ninguna URL.</i></div> }}
| <i>No se ha indicado ninguna URL.</i> }}
</div>
 
</div>
<br><br>


<b>🧠 Explicación de la solución aplicada:</b><br>
<b>🧠 Explicación de la solución aplicada:</b><br>
Línea 101: Línea 83:
<!-- ===================================================== -->
<!-- ===================================================== -->
== 3. Aporte personal ==
== 3. Aporte personal ==
<b>Proceso de creación:</b><br>{{{proceso|}}}<br>
<div style="margin-left:1em;">
<b>Herramientas usadas:</b><br>{{{herramientas|}}}<br>
<b>Proceso de creación:</b><br>{{{proceso|}}}<br><br>
<b>Herramientas usadas:</b><br>{{{herramientas|}}}<br><br>
<b>Referencias complementarias:</b><br>{{{referencias|}}}
<b>Referencias complementarias:</b><br>{{{referencias|}}}
</div>


----
----
Línea 111: Línea 95:
<!-- ===================================================== -->
<!-- ===================================================== -->
== 4. Autoevaluación ==
== 4. Autoevaluación ==
<table class="wikitable" style="width:100%; background:#fff;">
<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>Entendimiento</td><td>{{{eval_entendimiento|}}}</td></tr>
Línea 128: Línea 112:
<noinclude>
<noinclude>
Plantilla para mostrar los datos del formulario [[Formulario:Actividad_WCAG]].   
Plantilla para mostrar los datos del formulario [[Formulario:Actividad_WCAG]].   
Incluye secciones desplegables para las evidencias de ejemplo (imagen, código, URL), la explicación, el aporte personal y la autoevaluación.
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 del 13:39 25 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.