Diferencia entre revisiones de «Formulario:ActividadWCAG»

De WCAG Wiki
Página creada con «<noinclude> Este formulario permite al alumnado documentar y analizar un criterio WCAG 2.2 con ejemplos prácticos. </noinclude> {{{for template|ActividadWCAG}}} == 1. Información básica == Selecionar el criterio concreto: '''Id del criterio:''' {{{field|id_criterio|mandatory|input type=dropdown|values= 1.1.1 - Contenido no textual (Nivel: A), 1.2.1 - Solo audio o vídeo grabado (Nivel: A), 1.2.2 - Subtítulos (grabado) (Nivel: A), 1.2.3 - Audiodescripción o alte…»
 
Sin resumen de edición
Línea 227: Línea 227:
<div class="eval-row">
<div class="eval-row">
4.1. ¿Fue fácil o difícil entender el criterio?   
4.1. ¿Fue fácil o difícil entender el criterio?   
{{{field|eval_entendimiento|input type=dropdown|values=1,2,3,4,5|mandatory}}}
{{{field|eval_entendimiento|input type=dropdown|values=1,2,3,4,5|}}}
<div class="pf-nota">1 = No entendí casi nada | 5 = Lo comprendí con claridad</div>
<div class="pf-nota">1 = No entendí casi nada | 5 = Lo comprendí con claridad</div>
</div>
</div>
Línea 233: Línea 233:
<div class="eval-row">
<div class="eval-row">
4.2. ¿Fue fácil o difícil crear el ejemplo no accesible (NOA)?   
4.2. ¿Fue fácil o difícil crear el ejemplo no accesible (NOA)?   
{{{field|eval_noa_dificultad|input type=dropdown|values=1,2,3,4,5|mandatory}}}
{{{field|eval_noa_dificultad|input type=dropdown|values=1,2,3,4,5|}}}
<div class="pf-nota">1 = Muy fácil | 5 = Muy difícil</div>
<div class="pf-nota">1 = Muy fácil | 5 = Muy difícil</div>
</div>
</div>
Línea 239: Línea 239:
<div class="eval-row">
<div class="eval-row">
4.3. ¿Fue fácil o difícil crear el ejemplo accesible (ACC)?   
4.3. ¿Fue fácil o difícil crear el ejemplo accesible (ACC)?   
{{{field|eval_acc_dificultad|input type=dropdown|values=1,2,3,4,5|mandatory}}}
{{{field|eval_acc_dificultad|input type=dropdown|values=1,2,3,4,5|}}}
<div class="pf-nota">1 = Muy fácil | 5 = Muy difícil</div>
<div class="pf-nota">1 = Muy fácil | 5 = Muy difícil</div>
</div>
</div>
Línea 245: Línea 245:
<div class="eval-row">
<div class="eval-row">
4.4. ¿Qué seguridad tienes de que tus ejemplos son correctos?   
4.4. ¿Qué seguridad tienes de que tus ejemplos son correctos?   
{{{field|eval_seguridad|input type=dropdown|values=1,2,3,4,5|mandatory}}}
{{{field|eval_seguridad|input type=dropdown|values=1,2,3,4,5|}}}
<div class="pf-nota">1 = No estoy seguro | 5 = Totalmente seguro</div>
<div class="pf-nota">1 = No estoy seguro | 5 = Totalmente seguro</div>
</div>
</div>
Línea 251: Línea 251:
<div class="eval-row">
<div class="eval-row">
4.5. ¿En qué medida comprendes para qué sirve este criterio en la práctica?   
4.5. ¿En qué medida comprendes para qué sirve este criterio en la práctica?   
{{{field|eval_utilidad|input type=dropdown|values=1,2,3,4,5|mandatory}}}
{{{field|eval_utilidad|input type=dropdown|values=1,2,3,4,5|}}}
<div class="pf-nota">1 = No entiendo su utilidad | 5 = Puedo explicar claramente por qué es útil</div>
<div class="pf-nota">1 = No entiendo su utilidad | 5 = Puedo explicar claramente por qué es útil</div>
</div>
</div>
Línea 257: Línea 257:
<div class="eval-row">
<div class="eval-row">
4.6. ¿Podrías aplicar este criterio en otro proyecto o web distinta?   
4.6. ¿Podrías aplicar este criterio en otro proyecto o web distinta?   
{{{field|eval_aplicacion|input type=dropdown|values=1,2,3,4,5|mandatory}}}
{{{field|eval_aplicacion|input type=dropdown|values=1,2,3,4,5|}}}
<div class="pf-nota">1 = No sabría hacerlo | 5 = Podría hacerlo sin ayuda</div>
<div class="pf-nota">1 = No sabría hacerlo | 5 = Podría hacerlo sin ayuda</div>
</div>
</div>

Revisión del 07:32 26 oct 2025

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


ActividadWCAG

1. Información básica

Selecionar el criterio concreto: Id del criterio: id_criterio

Id del subcriterio: Incluir la identificación del subcriterio: id_subcriterio



Enlace directo al subcriterio en la wiki: enlace


Consultar el índice completo de criterios WCAG


2. Ejemplos prácticos

Introduce la información respecto a cada ejemplo. Tienes dos opciones:

  • 1. Incluir una captura de imagen de una web y el enlace de donde se ha obtenido el ejemplo
  • 2. Incluir un código html propio representando el ejemplo

2.1. Ejemplo NO Accesible

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 la dirección o nombre de la imagen: noa_barrera_evidencia_img Ejemplo: Archivo:2025_26_UdL_1.1.1-A_ACC.jpg

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

2. Código HTML

Incluir código HTML: noa_barrera_evidencia_html Incluye el código HTML que represente el problema


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.1. Ejemplo Accesible

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í:

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

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

2. Código HTML

Incluir código HTML: 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}}}