Diferencia entre revisiones de «Formulario:ActividadWCAG»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 109: | Línea 109: | ||
<div style="margin-left:1em;"> | <div style="margin-left:1em;"> | ||
''' 1. Incluir | '''1. Incluir la imagen:''' | ||
<ul> | <ul> | ||
<li> 🗂️ [[Especial:ListaImágenes|Haz clic aquí para seleccionar una imagen existente en la wiki]] | <li> 🗂️ [[Especial:ListaImágenes|Haz clic aquí para seleccionar una imagen existente en la wiki]] | ||
</li> | </li> | ||
<li> 📤 Se sube directamente | <li> 📤 Se sube directamente y cada fichero tiene una nomenclatura:</li> | ||
* Curso de creación: '''2025_26_''' | * Curso de creación: '''2025_26_''' | ||
* Universidad: '''UdL''' | * Universidad: '''UdL''' | ||
* Identificador del subcriterio: '''1.1.1-A''' | * Identificador del subcriterio: '''1.1.1-A''' | ||
* Accesible o no accesible: '''ACC''' | * Accesible o no accesible: '''ACC''' | ||
Por ejemplo: <code>Archivo:2025_26_UdL_1.1.1-A_ACC.jpg</code> | |||
<ul> | |||
{{{field| | {{{field| | ||
noa_barrera_evidencia_img| | noa_barrera_evidencia_img| | ||
| Línea 129: | Línea 125: | ||
input type=upload| | input type=upload| | ||
allowed file types=png,jpg,jpeg,gif,svg,pdf| | allowed file types=png,jpg,jpeg,gif,svg,pdf| | ||
size= | size=200| | ||
uploadable}}} | uploadable}}} | ||
'''2. Incluye la dirección web (URL) de donde se ha obtenido el problema'''. | '''2. Incluye la dirección web (URL) de donde se ha obtenido el problema'''. | ||
{{{field|noa_barrera_evidencia_url|input type=text|size= | {{{field|noa_barrera_evidencia_url|input type=text|size=200}}} | ||
''Por ejemplo: https://www.unawebconlabarrera.com'' | ''Por ejemplo: https://www.unawebconlabarrera.com'' | ||
| Línea 144: | Línea 140: | ||
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
Incluir código HTML: | '''1. Incluir código HTML:''' | ||
''' NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki>''' | ''' NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki>''' | ||
{{{field|noa_barrera_evidencia_html | {{{field|noa_barrera_evidencia_html | ||
| Línea 183: | Línea 179: | ||
<div style="margin-left:1em;"> | <div style="margin-left:1em;"> | ||
'''1. Incluir la imagen:''' | |||
<ul> | |||
<li> 🗂️ [[Especial:ListaImágenes|Haz clic aquí para seleccionar una imagen existente en la wiki]] | |||
</li> | |||
<li> 📤 Se sube directamente y cada fichero tiene una nomenclatura:</li> | |||
* Curso de creación: '''2025_26_''' | * Curso de creación: '''2025_26_''' | ||
* Universidad: '''UdL''' | * Universidad: '''UdL''' | ||
* Identificador del subcriterio: '''1.1.1-A''' | * Identificador del subcriterio: '''1.1.1-A''' | ||
* Accesible o no accesible: '''ACC''' | * Accesible o no accesible: '''ACC''' | ||
Por ejemplo: <code>Archivo:2025_26_UdL_1.1.1-A_ACC.jpg</code> | |||
<ul> | |||
{{{field| | {{{field| | ||
noa_barrera_evidencia_img| | |||
placeholder=Ejemplo: Archivo:2025_26_UdL_1.1.1-A_ACC.jpg| | placeholder=Ejemplo: Archivo:2025_26_UdL_1.1.1-A_ACC.jpg| | ||
input type=upload| | input type=upload| | ||
allowed file types=png,jpg,jpeg,gif,svg,pdf| | allowed file types=png,jpg,jpeg,gif,svg,pdf| | ||
size= | size=200| | ||
uploadable}}} | uploadable}}} | ||
'''2. Incluye la dirección web (URL) de donde se ha obtenido el problema''' | |||
{{{field| | '''2. Incluye la dirección web (URL) de donde se ha obtenido el problema'''. | ||
{{{field|noa_barrera_evidencia_url|input type=text|size=200}}} | |||
''Por ejemplo: https://www.unawebconlabarrera.com'' | ''Por ejemplo: https://www.unawebconlabarrera.com'' | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="mw-collapsible mw-collapsed"> | <div class="mw-collapsible mw-collapsed"> | ||
| Línea 217: | Línea 212: | ||
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
Incluir código HTML: | '''1. Incluir código HTML:''' | ||
''' NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki>''' | ''' NOTA: Incluye el codigo entre etiquetas <nowiki> y </nowiki>''' | ||
{{{field|acc_barrera_evidencia_html|input type=textarea|rows=12|placeholder= | {{{field| | ||
Pega aquí un fragmento de código HTML. | acc_barrera_evidencia_html| | ||
INCLUYELO ENTRE ETIQUETAS nowiki | input type=textarea| | ||
rows=12| | |||
placeholder= Pega aquí un fragmento de código HTML. INCLUYELO ENTRE ETIQUETAS nowiki | |||
}}} | }}} | ||
</div> | </div> | ||
</div> | </div> | ||
Revisión del 20:24 30 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
2.1.1. Imagen
1. Incluir la imagen:
- 🗂️ Haz clic aquí para seleccionar una imagen existente en la wiki
- 📤 Se sube directamente y cada fichero tiene una nomenclatura:
- Curso de creación: 2025_26_
- Universidad: UdL
- Identificador del subcriterio: 1.1.1-A
- Accesible o no accesible: ACC
Archivo:2025_26_UdL_1.1.1-A_ACC.jpg
-
noa_barrera_evidencia_img
2. Incluye la dirección web (URL) de donde se ha obtenido el problema.
noa_barrera_evidencia_url
Por ejemplo: https://www.unawebconlabarrera.com
2.1.2. 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.1. Imagen
1. Incluir la imagen:
- 🗂️ Haz clic aquí para seleccionar una imagen existente en la wiki
- 📤 Se sube directamente y cada fichero tiene una nomenclatura:
- Curso de creación: 2025_26_
- Universidad: UdL
- Identificador del subcriterio: 1.1.1-A
- Accesible o no accesible: ACC
Archivo:2025_26_UdL_1.1.1-A_ACC.jpg
-
noa_barrera_evidencia_img
2. Incluye la dirección web (URL) de donde se ha obtenido el problema.
noa_barrera_evidencia_url
Por ejemplo: https://www.unawebconlabarrera.com
2.2.2. 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
4.2. ¿Fue fácil o difícil crear el ejemplo no accesible (NOA)? eval_noa_dificultad
4.3. ¿Fue fácil o difícil crear el ejemplo accesible (ACC)? eval_acc_dificultad
4.4. ¿Qué seguridad tienes de que tus ejemplos son correctos? eval_seguridad
4.5. ¿En qué medida comprendes para qué sirve este criterio en la práctica? eval_utilidad
4.6. ¿Podrías aplicar este criterio en otro proyecto o web distinta? eval_aplicacion
4.7. Explica este criterio a un compañero: eval_explicacion
4.8. Observaciones personales: eval_observaciones
{{{end template}}}
