Diferencia entre revisiones de «Formulario:ActividadWCAG»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 5: | Línea 5: | ||
</noinclude> | </noinclude> | ||
== 1. Información básica == | == 1. Información básica == | ||
<section class="pf-instruccion"> | |||
'''1.1. Id del criterio:''' <br> | '''1.1. Id del criterio:''' <br> | ||
'' Selecciona el criterio concreto''<br> | '' Selecciona el criterio concreto''<br> | ||
| Línea 92: | Línea 94: | ||
''Selecciona el curso académico actual'' <br> | ''Selecciona el curso académico actual'' <br> | ||
{{{field|curso_academico|mandatory|input type=dropdown|values= 2025-26, 2026-27, 2027-28}}} | {{{field|curso_academico|mandatory|input type=dropdown|values= 2025-26, 2026-27, 2027-28}}} | ||
</section> | |||
<!-- | <!-- | ||
| Línea 102: | Línea 106: | ||
== 2. Ejemplos prácticos == | == 2. Ejemplos prácticos == | ||
<section class="accessibility-card-error"> | |||
Introduce la información respecto a cada ejemplo (accesible y no accesible). Tienes dos opciones: | 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. | * 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 | * b. Incluir un código HTML propio representando el ejemplo | ||
</section> | |||
=== 2.1. Ejemplo NO Accesible=== | === 2.1. Ejemplo NO Accesible=== | ||
| Línea 200: | Línea 205: | ||
''Explica qué problema tiene los usuarios que se enfrentan con este problema.'' | ''Explica qué problema tiene los usuarios que se enfrentan con este problema.'' | ||
</section> | |||
=== 2.2. Ejemplo Accesible === | === 2.2. Ejemplo Accesible === | ||
<section class="accessibility-card"> | |||
<strong>2.2.1. Evidencia (imagen/URL o código)</strong> | <strong>2.2.1. Evidencia (imagen/URL o código)</strong> | ||
| Línea 282: | Línea 289: | ||
}}} | }}} | ||
Explica porque la evidencia que se ha incluido es un ejemplo accesible. | Explica porque la evidencia que se ha incluido es un ejemplo accesible. | ||
</section> | |||
---- | ---- | ||
Revisión del 10:35 6 nov 2025
ActividadWCAG
Este formulario permite al alumnado documentar y analizar un criterio WCAG 2.2 con ejemplos prácticos.
1. Información básica
1.1. Id del criterio:
Selecciona el criterio concreto
id_criterio
1.2. Id del subcriterio:
Selecciona el código que identifica el subcriterio
id_subcriterio
1.3. Indica tu universidad:
Selecciona el acrónimo de tu universidad
id_universidad
1.4. Indica el curso académico:
Selecciona el curso académico actual
curso_academico
2. Ejemplos prácticos
- 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
2.1. Ejemplo NO Accesible
2.1.1. Evidencia (imagen/URL o código)
2.1.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 (se abre en una pestaña nueva)
e incluirla en el cuadro de texto.
2 URL de la web donde se detectó el problema:
noa_barrera_evidencia_url
Por ejemplo: https://www.unawebconlabarrera.com
2.1.1.b. Código HTML no accesible
Incluir código HTML: NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki>
noa_barrera_evidencia_html
2.1.2. Explicación del problema detectado: noa_barrera_explicacion
Explica qué problema tiene el código, imagen o URL que has incluido.
2.1.3. Personas afectadas y barreras:
noa_barrera_usuarios
Explica qué problema tiene los usuarios que se enfrentan con este problema.
</section>
2.2. Ejemplo Accesible
2.2.1.a Imagen/URL Accesible
📤 Sube tu imagen de evidencia 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: ACC
Por ejemplo: Archivo:2025_26_UdL_1.1.1-A_ACC.jpg
1. Subir la imagen de la evidencia: acc_barrera_evidencia_img
También puedes 🗂️
Seleccionar una imagen existente en la wiki (se abre en una pestaña nueva)
e incluirla en el cuadro de texto.
2. URL de la web donde se observó la evidencia: acc_barrera_evidencia_url
Por ejemplo: https://www.unawebconlabarrera.com
2.2.1.b. Código HTML accesible
Incluir código HTML: NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki>
acc_barrera_evidencia_html
2.2.2. Explicación de la solución: acc_barrera_explicacion
Explica porque la evidencia que se ha incluido es un ejemplo accesible.
{{{end template}}}
