Diferencia entre revisiones de «Formulario:ActividadWCAG»

← Edición anterior

VisualWikitexto

Revisión actual - 13:07 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

1.5. Enlace directo al subcriterio en la wiki: Incluye el enlace al subcriterio directo 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

2.1. Ejemplo NO Accesible

2.1.1. Evidencia (Imagen/Enlace o código)

2.1.1.a Imagen/Enlace 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 Enlace 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 enlace 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.

2.2. Ejemplo Accesible

2.2.1. Evidencia (Imagen/Enlace o código)

2.2.1.a Imagen/Enlace 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. Enlace 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}}}

@@ Línea 1: / Línea 1: @@
+{{{for template|ActividadWCAG|target namespace=ActividadWCAG|autocomplete on category=ActividadWCAG|unique}}}
+{{#set:Autor página={{CURRENTUSER}}}}
 <noinclude>
 Este formulario permite al alumnado documentar y analizar un criterio WCAG 2.2 con ejemplos prácticos.
 </noinclude>
+== 1. Información básica ==
+<section class="pf-instruccion">
-{{{for template|ActividadWCAG}}}
-== 1. Información básica ==
 '''1.1. Id del criterio:''' <br>
 '' Selecciona el criterio concreto''<br>
@@ Línea 94: / Línea 95: @@
 {{{field|curso_academico|mandatory|input type=dropdown|values= 2025-26, 2026-27, 2027-28}}}
-<!--
+'''1.5. Enlace directo al subcriterio en la wiki:'''
-'''1.3. Enlace directo al subcriterio en la wiki:'''
+'' Incluye el enlace al subcriterio directo''
 {{{field|enlace|input type=textarea|rows=2|placeholder=Ejemplo: [[Principio_1/1.1_Texto_Alternativo/1.1.1-A]]}}}
 ''Puedes [[Página_principal|consultar el índice completo de la wiki WCAG y seleccionar tu subcriterio concreto]]''
--->
+</section>
 ----
@@ Línea 108: / Línea 108: @@
 === 2.1. Ejemplo NO Accesible===
+<section class="fondo-rojo">
-<strong>2.1.1. Evidencia (imagen/URL o código)</strong>
+<strong>2.1.1. Evidencia (Imagen/Enlace o código)</strong>
+<div class="borde-evidencias">
-<div class="pf-instruccion">
 <div class="mw-collapsible mw-collapsed">
-<strong>2.1.1.a Imagen/URL no accesible </strong>
+<strong>2.1.1.a Imagen/Enlace no accesible </strong>
 <div class="mw-collapsible-content">
@@ Línea 143: / Línea 143: @@
 }}}
 <br>
-También puedes 🗂️ [[Especial:ListaImágenes|Seleccionar una imagen existente en la wiki]] e incluirla en el cuadro de texto.
+También puedes 🗂️
+<html>
+<a href="https://www.wikiwcag.udl.cat/index.php/Especial:ListaIm%C3%A1genes " target="_blank" rel="noopener">
+Seleccionar una imagen existente en la wiki <span class="sr-only">(se abre en una pestaña nueva)</span>
+</a> </html> e incluirla en el cuadro de texto.
-'''2 URL de la web donde se detectó el problema:'''
+'''2 Enlace de la web donde se detectó el problema:'''
 {{{field|noa_barrera_evidencia_url
 |input type=text
@@ Línea 162: / Línea 166: @@
 <div class="pf-instruccion">
 '''Incluir código HTML:'''
-''' NOTA: Incluye el codigo entre etiquetas &lt;nowiki&gt; y &lt;/nowiki&gt;'''
+NOTA: Incluye el codigo entre etiquetas ''' &lt;nowiki&gt; y &lt;/nowiki&gt;'''
 </div>
 {{{field|noa_barrera_evidencia_html
@@ Línea 185: / Línea 189: @@
 |placeholder=Describe qué problema presenta el código, imagen o enlace que has incluido.
 }}}
-''Explica qué problema tiene el código, imagen o URL que has incluido.''
+''Explica qué problema tiene el código, imagen o enlace que has incluido.''
@@ Línea 196: / Línea 200: @@
 }}}
 ''Explica qué problema tiene los usuarios que se enfrentan con este problema.''
+</section>
 === 2.2. Ejemplo Accesible ===
+<section class="fondo-verde">
-<strong>2.2.1. Evidencia (imagen/URL o código)</strong>
+<strong>2.2.1. Evidencia (Imagen/Enlace o código)</strong>
-<div class="pf-instruccion">
+<div class="borde-evidencias">
 <div class="mw-collapsible mw-collapsed">
-<strong>2.2.1.a Imagen/URL Accesible </strong>
+<strong>2.2.1.a Imagen/Enlace Accesible </strong>
 <div class="mw-collapsible-content">
@@ Línea 233: / Línea 240: @@
 }}}
 <br>
-También puedes 🗂️ [[Especial:ListaImágenes|Seleccionar una imagen existente en la wiki]] e incluirla en el cuadro de texto.
+También puedes 🗂️
+<html>
+<a href="https://www.wikiwcag.udl.cat/index.php/Especial:ListaIm%C3%A1genes"  target="_blank" rel="noopener">
+Seleccionar una imagen existente en la wiki <span class="sr-only">(se abre en una pestaña nueva)</span>
+</a> </html> e incluirla en el cuadro de texto.
-'''2. URL de la web donde se observó la evidencia:'''
+'''2. Enlace de la web donde se observó la evidencia:'''
 {{{field|acc_barrera_evidencia_url
 |input type=text
@@ Línea 252: / Línea 262: @@
 <div class="pf-instruccion">
 '''Incluir código HTML:'''
-''' NOTA: Incluye el codigo entre etiquetas &lt;nowiki&gt; y &lt;/nowiki&gt;'''
+NOTA: Incluye el codigo entre etiquetas '''&lt;nowiki&gt; y &lt;/nowiki&gt;'''
 </div>
 {{{field|acc_barrera_evidencia_html
@@ Línea 274: / Línea 284: @@
 }}}
 Explica porque la evidencia que se ha incluido es un ejemplo accesible.
+</div>
+</section>
 ----
+<!--
 == 3. Aporte personal ==
 ''' 3.1. Proceso de creación:'''
@@ Línea 349: / Línea 356: @@
 {{{field|eval_observaciones|input type=textarea|rows=5|style=width:100%|placeholder=Qué aprendiste, qué te costó más, qué te resultó útil.}}}
 </div>
+-->
 {{{end template}}}

Anónimo

Buscar

Diferencia entre revisiones de «Formulario:ActividadWCAG»

Espacios de nombres

Más

Acciones de página

Revisión actual - 13:07 6 nov 2025

Sumario

1. Información básica

2. Ejemplos prácticos

2.1. Ejemplo NO Accesible

2.2. Ejemplo Accesible

Navegación

Navegación

Herramientas wiki

Herramientas wiki

Anónimo

Buscar

Diferencia entre revisiones de «Formulario:ActividadWCAG»

Revisión actual - 13:07 6 nov 2025

1. Información básica

2. Ejemplos prácticos

2.1. Ejemplo NO Accesible

2.2. Ejemplo Accesible

Navegación

Herramientas wiki

Herramientas de página