Formulario:ActividadWCAG

Este formulario permite al alumnado documentar y analizar un criterio WCAG 2.2 con ejemplos prácticos.

ActividadWCAG

1. Información básica

1.1. Id del criterio: id_criterio Selecciona el criterio concreto

1.2. Id del subcriterio: id_subcriterio Selecciona el código que identifica el subcriterio

1.3. Enlace directo al subcriterio en la wiki:

enlace Puedes consultar el índice completo de la wiki WCAG y seleccionar tu subcriterio concreto

---

2. Ejemplos prácticos

Introduce la información respecto a cada ejemplo (accesible y no accesible). Tienes dos opciones:

• a. Incluir una captura de imagen de una web y el enlace de donde se ha obtenido el ejemplo.
• b. Incluir un código HTML propio representando el ejemplo

Incluye el ejemplo:

2.1.Evidencia (NO ACCESIBLE)

2.1.a Imagen/URL no accesible

📤 Sube tu imagen de evidencia no accesible
Puedes hacer clic en “Subir archivo” o seleccionar un archivo ya existente en la wiki

Al subir el fichero, usa un nombre identificativo, por ejemplo:

Cada fichero tiene una nomenclatura:
* Curso de creación: 2025_26_
* Universidad: UdL
* Identificador del subcriterio: 1.1.1-A
* No accesible: NOA
Por ejemplo: Archivo:2025_26_UdL_1.1.1-A_NOA.jpg

1. Subir la imagen de la evidencia: noa_barrera_evidencia_img

También puedes 🗂️ Seleccionar una imagen existente en la wiki e incluirla en el cuadro de texto.

1.2 URL de la web donde se detectó el problema: noa_barrera_evidencia_url

Por ejemplo: https://www.unawebconlabarrera.com

2.1.b. Código HTML no accesible

<div class="pf-instruccion" Incluir código HTML: NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki> noa_barrera_evidencia_html

2.2. Explicación del problema detectado: noa_barrera_explicacion

Explica qué problema tiene el código, imagen o URL que has incluido.

2.3. Personas afectadas y barreras: noa_barrera_usuarios

Explica qué problema tiene los usuarios que se enfrentan con este problema.

2.2. Evidencia (ACCESIBLE)

2.1.a Imagen/URL accesible

📤 Sube tu imagen de evidencia no accesible
Puedes hacer clic en “Subir archivo” o seleccionar un archivo ya existente en la wiki

Al subir el fichero, usa un nombre identificativo, por ejemplo:

Cada fichero tiene una nomenclatura:
* Curso de creación: 2025_26_
* Universidad: UdL
* Identificador del subcriterio: 1.1.1-A
* No accesible: NOA
Por ejemplo: Archivo:2025_26_UdL_1.1.1-A_NOA.jpg

2.2.1. Subir la imagen de la evidencia: acc_barrera_evidencia_img

2. URL de la web de referencia o ejemplo: acc_barrera_evidencia_url

3. Explicación de la solución: acc_barrera_explicacion

2.1. Ejemplo NO Accesible

2.1.a. Imagen

1. Incluir la imagen: 📸 Sube aquí tu imagen o PDF de evidencia. Puedes arrastrar el archivo directamente o hacer clic en “Subir archivo”.

noa_barrera_evidencia_img 📤

o 🗂️ Haz clic aquí para seleccionar una imagen existente en la wiki e incluyelo en el cuadro de texto.

Cada fichero tiene una nomenclatura:
* Curso de creación: 2025_26_
* Universidad: UdL
* Identificador del subcriterio: 1.1.1-A
* No accesible: NOA
Por ejemplo: Archivo:2025_26_UdL_1.1.1-A_NOA.jpg

2. Incluye la dirección web (URL) origen del problema. noa_barrera_evidencia_url Por ejemplo: https://www.unawebconlabarrera.com

2.1.b. Código HTML

1. Incluir código HTML: NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki> noa_barrera_evidencia_html

Explicación del problema detectado: noa_barrera_explicacion Si has incluido varios elementos (imagen y enlace, código HTML) explicar que problema hay en cada uno.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa: noa_barrera_usuarios Explica qué problema tiene los usuarios que se enfrentan con este problema.

---

2.2. Ejemplo Accesible

2.2.a. Imagen

1. Incluir la imagen:

acc_barrera_evidencia_img 📤

o 🗂️ Haz clic aquí para seleccionar una imagen existente en la wiki e inclúyelo en el cuadro de texto.

Cada fichero tiene una nomenclatura:
* Curso de creación: 2025_26_
* Universidad: UdL
* Identificador del subcriterio: 1.1.1-A
* No accesible: ACC
Por ejemplo: Archivo:2025_26_UdL_1.1.1-A_ACC.jpg

2. Incluye la dirección web (URL) de donde se ha obtenido el ejemplo. noa_barrera_evidencia_url Por ejemplo: https://www.unawebconlabarrera.com

2.2.b. Código HTML

1. Incluir código HTML: NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki>

acc_barrera_evidencia_html

Explicación de la solución: acc_barrera_explicacion Si has incluido varios elementos (imagen y enlace, código HTML) explicar que aspectos de accesibilidad presenta cada uno.

---

3. Aporte personal

Proceso de creación: proceso Explica como has generado los ejemplos. Analiza brevemente tu metodología: investigación, creación propia, IA, etc.

Herramientas usadas: herramientas Indica herramientas de evaluación, editores, IA o validadores que usaste.

Referencias complementarias: referencias Incluye solo las que te hayan ayudado realmente a entender el criterio o crear el ejemplo. Indica una herramienta por cada fila

---

4. Autoevaluación del aprendizaje

Selecciona una puntuación del 1 al 5 en cada caso.
1 = nivel más bajo · 5 = nivel más alto

4.1. ¿Fue fácil o difícil entender el criterio? eval_entendimiento

1 = No entendí casi nada | 5 = Lo comprendí con claridad

4.2. ¿Fue fácil o difícil crear el ejemplo no accesible (NOA)? eval_noa_dificultad

1 = Muy fácil | 5 = Muy difícil

4.3. ¿Fue fácil o difícil crear el ejemplo accesible (ACC)? eval_acc_dificultad

1 = Muy fácil | 5 = Muy difícil

4.4. ¿Qué seguridad tienes de que tus ejemplos son correctos? eval_seguridad

1 = No estoy seguro | 5 = Totalmente seguro

4.5. ¿En qué medida comprendes para qué sirve este criterio en la práctica? eval_utilidad

1 = No entiendo su utilidad | 5 = Puedo explicar claramente por qué es útil

4.6. ¿Podrías aplicar este criterio en otro proyecto o web distinta? eval_aplicacion

1 = No sabría hacerlo | 5 = Podría hacerlo sin ayuda

4.7. Explica este criterio a un compañero: eval_explicacion

4.8. Observaciones personales: eval_observaciones

{{{end template}}}