Plantilla:Actividad WCAG

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

Actividad_WCAG

1. Información básica

Id del criterio: id

Título del subcriterio: titulo

Por ejemplo:

• 1.1.1-A. Alternativa textual breve obligatoria o 1.1.1-B. Actualización de alternativas textuales .

Tener en cuenta el identificador del subcriterio y la letra que lo acompaña

Enlace directo al subcriterio en la wiki: enlace

Consultar el índice completo de criterios WCAG

---

2. Ejemplos prácticos

EJEMPLO NO ACCESIBLE

• Captura o fragmento de código o URL:

Es posible incluir solo la imagen del problema, el codigo HTML o una URL. O las tres opciones (siempre que sean la misma)

1. IMAGEN

📤 Haz clic aquí para subir tu imagen o PDF de evidencia Una vez subida, copia el nombre del archivo. En el nombre de cada fichero se ha de incluir:

• Curso de creación: 2025_26_
• Universidad: UdL
• Identificador del subcriterio: 1.1.1-A
• Accesible o no accesible: NOA
  • Ejemplo: 2025_26_UdL_1.1.1-A_NOA.jpg

(por ejemplo: Archivo:2025_26_UdL_1.1.1-A_NOA.jpg) 

y pégalo aquí:

Incluir URL de la imagen: noa_barrera_evidencia_img Ejemplo: Archivo:2025_26_UdL_1.1.1-A_NOA.jpg

2. CÓDIGO HTML

Incluir código HTML NO ACCESIBLE: noa_barrera_evidencia_html

3. URL DE WEB CON EL EJEMPLO NO ACCESIBLE noa_barrera_evidencia_url

• Explicación del problema detectado:

noa_barrera_explicacion Explica que problema tiene el código o imagen que has incluido

Usuarios afectados por este problema:

Usuario_Afectado

• Tipo de barrera:

noa_user_barrera

• Impacto o gravedad:

noa_user_gravedad

• Descripción del problema que puede experimentar el usuario:

noa_user_descripcion

{{{end template}}}

---

EJEMPLO ACCESIBLE

• Captura o fragmento de código o URL:

Es posible incluir solo la imagen del ejemplo accesible, el código HTML o una URL donde se implemente de forma correcta. O las tres opciones (siempre que sean la misma)

1. IMAGEN

📤 Haz clic aquí para subir tu imagen o PDF de evidencia Una vez subida, copia el nombre del archivo. En el nombre de cada fichero se ha de incluir:

• Curso de creación: 2025_26_
• Universidad: UdL
• Identificador del subcriterio: 1.1.1-A
• Accesible o no accesible: ACC
  • Ejemplo: 2025_26_UdL_1.1.1-A_ACC.jpg

(por ejemplo: Archivo:2025_26_UdL_1.1.1-A_ACC.jpg) 

y pégalo aquí:

Incluir URL de la imagen: noa_barrera_evidencia_img Ejemplo: Archivo:2025_26_UdL_1.1.1-A_ACC.jpg

2. CÓDIGO HTML

Incluir código HTML: acc_barrera_evidencia_html

3. URL DE WEB DONDE SUCEDE EL PROBLEMA acc_barrera_evidencia_url

acc_evidencia_img acc_evidencia_code rellena uno o los dos campos, según tengas imagen solo o código HTML

• Explicación breve de cómo se ha implementado para solucionar la barrera:

acc_barrera_explicacion Explica porque es accesible el código o imagen que has incluido

---

3. Aporte personal

Proceso de creación: proceso Explica como 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.)

---

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

• ¿Qué fácil te resultó entender el criterio?

eval_entendimiento

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

• ¿Qué difícil fue crear el ejemplo no accesible (NOA)?

eval_noa_dificultad

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

• ¿Qué difícil fue crear el ejemplo accesible (ACC)?

eval_acc_dificultad

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

• ¿Qué seguridad tienes de que tus ejemplos son correctos?

eval_seguridad

1 = No estoy seguro | 5 = Totalmente seguro

• ¿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

• ¿Podrías aplicar este criterio en otro proyecto o web distinta?

eval_aplicacion

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

• Si tuvieras que explicarle este criterio a un compañero que no sabe de accesibilidad, ¿cómo lo harías en una frase?

eval_explicacion

• Observaciones personales:

eval_observaciones

{{{end template}}}