Diferencia entre revisiones de «Plantilla:Actividad WCAG»

De WCAG Wiki
VisualWikitexto
Página creada con «<includeonly> <div class="wcag-actividad"> == {{#if:{{{id|}}}|Criterio: {{{id}}}}} == '''Título del subcriterio:''' {{{titulo|}}} ---- === Ejemplo NO accesible === {{#if:{{{noa_barrera_evidencia_img|}}}|[[File:{{{noa_barrera_evidencia_img}}}|600px]]|}} {{#if:{{{noa_barrera_evidencia_html|}}}|<pre>{{{noa_barrera_evidencia_html}}}</pre>|}} {{#if:{{{noa_barrera_evidencia_url|}}}|[{{{noa_barrera_evidencia_url}}} Ver URL]|}} '''Explicación del problema:''' {{{noa_bar…»
 
Sin resumen de edición
 
(No se muestran 44 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
<includeonly>
<includeonly>
<div class="wcag-actividad">
''' Edición de la página como formulario'''


== {{#if:{{{id|}}}|Criterio: {{{id}}}}} ==
<div style="margin-top:1em;">
'''Título del subcriterio:''' {{{titulo|}}}
[{{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 ==
<div><b>Id del criterio:</b> {{{id_criterio|}}}</div>
<div><b>Título del subcriterio:</b> {{{id_subcriterio|}}}</div>
<div><b>Enlace directo a la página del subcriterio en la wiki</b> {{{id_url|}}}
 
[[Categoría: {{{id_subcriterio|}}}]]


----
----


=== Ejemplo NO accesible ===
<!-- ===================================================== -->
{{#if:{{{noa_barrera_evidencia_img|}}}|[[File:{{{noa_barrera_evidencia_img}}}|600px]]|}}
<!-- 2. EJEMPLOS PRÁCTICOS -->
{{#if:{{{noa_barrera_evidencia_html|}}}|<pre>{{{noa_barrera_evidencia_html}}}</pre>|}}
<!-- ===================================================== -->
{{#if:{{{noa_barrera_evidencia_url|}}}|[{{{noa_barrera_evidencia_url}}} Ver URL]|}}
 
== 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|}}} |
  [[File:{{{noa_barrera_evidencia_img}}}|600px]]
| <i>No se ha subido ninguna imagen.</i> }}
 
<br><br>
 
<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>


'''Explicación del problema:'''
<b>3. URL:</b>
{{{noa_barrera_explicacion|}}}
{{#if: {{{noa_barrera_evidencia_url|}}} |
[{{{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>


----
----


=== Ejemplo ACCESIBLE ===
=== 2.2. Ejemplo Accesible ===
{{#if:{{{acc_barrera_evidencia_img|}}}|[[File:{{{acc_barrera_evidencia_img}}}|600px]]|}}
<div style="margin-left:1em;">
{{#if:{{{acc_barrera_evidencia_html|}}}|<pre>{{{acc_barrera_evidencia_html}}}</pre>|}}
 
{{#if:{{{acc_barrera_evidencia_url|}}}|[{{{acc_barrera_evidencia_url}}} Ver URL]|}}
<b>1. Evidencia de imagen:</b><br>
{{#if: {{{acc_barrera_evidencia_img|}}} |
[[File:{{{acc_barrera_evidencia_img}}}|600px]]
| <i>No se ha subido ninguna imagen.</i> }}
 
<br><br>


'''Explicación de la solución:'''
<b>2. Código HTML:</b>
{{{acc_barrera_explicacion|}}}
{{#if: {{{acc_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">
{{{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|}}} |
[{{{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>


----
----


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


----
----


=== Autoevaluación ===
<!-- ===================================================== -->
{| class="wikitable"
<!-- 4. AUTOEVALUACIÓN -->
! Pregunta !! Valor
<!-- ===================================================== -->
|-
== 4. Autoevaluación ==
| Entendimiento || {{{eval_entendimiento|}}}
<table class="wikitable" style="width:100%; background:#fff; margin-top:1em;">
|-
<tr><th>Pregunta</th><th>Valor</th></tr>
| Dificultad NOA || {{{eval_noa_dificultad|}}}
<tr><td>
|-
4.1. ¿Fue fácil o difícil entender el criterio? <br> (1 = No entendí casi nada | 5 = Lo comprendí con claridad)
| Dificultad ACC || {{{eval_acc_dificultad|}}}
</td><td>{{{eval_entendimiento|}}}</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>
| Seguridad || {{{eval_seguridad|}}}
<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>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>
| Utilidad || {{{eval_utilidad|}}}
<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>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>
| Aplicación || {{{eval_aplicacion|}}}
</table>
|-
| Explicación || {{{eval_explicacion|}}}
|-
| Observaciones || {{{eval_observaciones|}}}
|}


<div style="margin-left:1em;">
<b>4.7. Explica este criterio a un compañero:</b><br>{{{eval_explicacion|}}}
<br><br>
<b>4.8. Observaciones personales:</b><br>
{{{eval_observaciones|}}}
</div>
</div>
</includeonly>
</includeonly>


<noinclude>
<noinclude>
Plantilla usada por el formulario [[Formulario:Actividad_WCAG]].
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.
</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»