Diferencia entre revisiones de «Plantilla:ActividadWCAG»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestran 3 ediciones intermedias del mismo usuario) | |||
| Línea 15: | Línea 15: | ||
<div><b>Universidad participante:</b> {{{id_universidad|}}}</div> | <div><b>Universidad participante:</b> {{{id_universidad|}}}</div> | ||
<div><b>Curso académico:</b> {{{curso_academico|}}}</div> | <div><b>Curso académico:</b> {{{curso_academico|}}}</div> | ||
<div style="display:none">[[Tiene subcriterio::{{{id_subcriterio|}}}]]</div> | <div style="display:none">[[Tiene subcriterio::{{{id_subcriterio|}}}]]</div> | ||
<b>Enlace directo a la página del subcriterio en la wiki</b> {{{enlace|}}} | <b>Enlace directo a la página del subcriterio en la wiki</b> {{{enlace|}}} | ||
</section> | </section> | ||
---- | ---- | ||
| Línea 165: | Línea 162: | ||
<noinclude> | <noinclude> | ||
== Documentación de la plantilla ActividadWCAG == | |||
Esta plantilla muestra la información aportada por el alumnado al crear un **ejemplo práctico WCAG** con: | |||
* Ejemplo NO accesible (NOA) | |||
* Ejemplo accesible (ACC) | |||
* Explicación de barreras y soluciones | |||
* Evidencias (imagen, código, enlace) | |||
* Relación con el criterio WCAG correspondiente (subcriterio) | |||
=== Parámetros === | |||
{| class="wikitable" | |||
! Parámetro !! Descripción | |||
|- | |||
| <code>id_criterio</code> || Código del criterio WCAG (ej. 1.3.1) | |||
|- | |||
| <code>id_subcriterio</code> || Código del subcriterio (ej. 1.3.1-A) | |||
|- | |||
| <code>id_universidad</code> || Universidad del estudiante (UdL, etc.) | |||
|- | |||
| <code>curso_academico</code> || Curso académico (ej. 2024-25) | |||
|- | |||
| <code>enlace</code> || Enlace directo a la página del subcriterio en la wiki | |||
|- | |||
| <code>noa_barrera_evidencia_img</code> || Imagen del ejemplo no accesible | |||
|- | |||
| <code>noa_barrera_evidencia_url</code> || URL fuente del ejemplo no accesible | |||
|- | |||
| <code>noa_barrera_evidencia_html</code> || Código HTML del ejemplo no accesible | |||
|- | |||
| <code>noa_barrera_explicacion</code> || Explicación del problema detectado | |||
|- | |||
| <code>noa_barrera_usuarios</code> || Personas afectadas y tipo de barrera | |||
|- | |||
| <code>acc_barrera_evidencia_img</code> || Imagen del ejemplo accesible | |||
|- | |||
| <code>acc_barrera_evidencia_url</code> || URL fuente del ejemplo accesible | |||
|- | |||
| <code>acc_barrera_evidencia_html</code> || Código HTML accesible | |||
|- | |||
| <code>acc_barrera_explicacion</code> || Explicación de la solución aplicada | |||
|} | |||
=== Ejemplo de uso === | |||
<pre> | |||
{{ActividadWCAG | |||
|id_criterio=1.3.1 | |||
|id_subcriterio=1.3.1-A | |||
|id_universidad=UdL | |||
|curso_academico=2024-25 | |||
|enlace=[[1.3.1-A]] | |||
|noa_barrera_evidencia_img=ejemplo-noa.png | |||
|noa_barrera_evidencia_url=https://example.com/noa | |||
|noa_barrera_evidencia_html=<div>Texto en imagen sin alt</div> | |||
|noa_barrera_explicacion=La imagen contiene texto sin alternativa accesible. | |||
|noa_barrera_usuarios=Personas con discapacidad visual y uso de lector de pantalla. | |||
|acc_barrera_evidencia_img=ejemplo-acc.png | |||
|acc_barrera_evidencia_url=https://example.com/acc | |||
|acc_barrera_evidencia_html=<p>Texto visible accesible</p> | |||
|acc_barrera_explicacion=El texto está en HTML con contraste y etiquetas semánticas. | |||
}} | |||
</pre> | |||
</noinclude> | </noinclude> | ||
Revisión actual - 12:31 6 nov 2025
Edición de la página como formulario
1. Información básica
Id del criterio:
Título del subcriterio:
Universidad participante:
Curso académico:
Enlace directo a la página del subcriterio en la wiki
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
No se ha proporcionado código.
Explicación del problema detectado:
No se ha incluido explicación.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
No se ha incluido explicación.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
No se ha proporcionado código.
Explicación de la solución aplicada:
No se ha incluido explicación.
</includeonly>
Documentación de la plantilla ActividadWCAG
Esta plantilla muestra la información aportada por el alumnado al crear un **ejemplo práctico WCAG** con:
- Ejemplo NO accesible (NOA)
- Ejemplo accesible (ACC)
- Explicación de barreras y soluciones
- Evidencias (imagen, código, enlace)
- Relación con el criterio WCAG correspondiente (subcriterio)
Parámetros
| Parámetro | Descripción |
|---|---|
id_criterio |
Código del criterio WCAG (ej. 1.3.1) |
id_subcriterio |
Código del subcriterio (ej. 1.3.1-A) |
id_universidad |
Universidad del estudiante (UdL, etc.) |
curso_academico |
Curso académico (ej. 2024-25) |
enlace |
Enlace directo a la página del subcriterio en la wiki |
noa_barrera_evidencia_img |
Imagen del ejemplo no accesible |
noa_barrera_evidencia_url |
URL fuente del ejemplo no accesible |
noa_barrera_evidencia_html |
Código HTML del ejemplo no accesible |
noa_barrera_explicacion |
Explicación del problema detectado |
noa_barrera_usuarios |
Personas afectadas y tipo de barrera |
acc_barrera_evidencia_img |
Imagen del ejemplo accesible |
acc_barrera_evidencia_url |
URL fuente del ejemplo accesible |
acc_barrera_evidencia_html |
Código HTML accesible |
acc_barrera_explicacion |
Explicación de la solución aplicada |
Ejemplo de uso
{{ActividadWCAG
|id_criterio=1.3.1
|id_subcriterio=1.3.1-A
|id_universidad=UdL
|curso_academico=2024-25
|enlace=[[1.3.1-A]]
|noa_barrera_evidencia_img=ejemplo-noa.png
|noa_barrera_evidencia_url=https://example.com/noa
|noa_barrera_evidencia_html=<div>Texto en imagen sin alt</div>
|noa_barrera_explicacion=La imagen contiene texto sin alternativa accesible.
|noa_barrera_usuarios=Personas con discapacidad visual y uso de lector de pantalla.
|acc_barrera_evidencia_img=ejemplo-acc.png
|acc_barrera_evidencia_url=https://example.com/acc
|acc_barrera_evidencia_html=<p>Texto visible accesible</p>
|acc_barrera_explicacion=El texto está en HTML con contraste y etiquetas semánticas.
}}
