Diferencia entre revisiones de «2526UPSA3.3.2-D-000»
Página creada con «{{ActividadWCAG |id_criterio=3.2.2 - Al recibir una entrada (Nivel: A) |id_subcriterio=3.3.2-D |id_universidad=UPSA |curso_academico=2025-26 |enlace=https://wikiwcag.udl.cat/Principio_3/3.3_Assistencia_en_los_input/3.3.2-D }}» |
Sin resumen de edición |
||
| Línea 5: | Línea 5: | ||
|curso_academico=2025-26 | |curso_academico=2025-26 | ||
|enlace=https://wikiwcag.udl.cat/Principio_3/3.3_Assistencia_en_los_input/3.3.2-D | |enlace=https://wikiwcag.udl.cat/Principio_3/3.3_Assistencia_en_los_input/3.3.2-D | ||
|noa_barrera_evidencia_img=NoAccesible332.png | |||
|noa_barrera_evidencia_url=https://www.academialidia.com/quieres-ser-profesor/ | |||
|noa_barrera_evidencia_html=<nowiki> | |||
<label> Asunto (requerido)<br> | |||
<span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="your-subject"></span> </label> | |||
</nowiki> | |||
|noa_barrera_explicacion=No se describe con exactitud que es lo que se quiere que introduzca el usuario. La <label> del <input> simplemente es "Asunto(requerido)" que indica que el campo es obligatorio pero no indica que se espera que el usuario aporte en este campo con exactitud. | |||
|noa_barrera_usuarios=Personas con discapacidades cognitivas encuentran dificultad en entender lo que se espera de ellos y pueden cometer errores y no proporcionar la información deseada por parte del creador del formulario. | |||
|acc_barrera_evidencia_img=Accesible332.png | |||
|acc_barrera_evidencia_url=https://www.usal.es/grados | |||
|acc_barrera_evidencia_html=<nowiki> | |||
<label for="field[6][]" class="_form-label"> | |||
Grado del que deseas información<span class="field-required">*</span> </label> | |||
<select id="field[6][]" name="field[6][]" required="" data-name="grado_consultado"> | |||
<option value="Doble Titulación de Grado en Administración y Dirección de Empresas y en Ingeniería Informática">Doble Titulación de Grado en Administración y Dirección de Empresas y en Ingeniería Informática</option> | |||
<option value="Grado en Ingeniería Informática">Grado en Ingeniería Informática</option> | |||
</select> | |||
</nowiki> | |||
|acc_barrera_explicacion=En este caso el primer campo que es un <select> (cuyas opciones han sido reducidas para que el código sea legible) el <label> correspondiente indica claramente que aquello que estas seleccionando es el "Grado del que deseas información" de esta manera no hay dudas a la hora de seleccionar ya que las instrucciones son claras y concisas. | |||
}} | }} | ||
Revisión actual - 11:59 12 dic 2025
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_3/3.3_Assistencia_en_los_input/3.3.2-D
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.academialidia.com/quieres-ser-profesor/
2.1.2. Código HTML:
<label> Asunto (requerido)<br>
<span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="your-subject"></span> </label>
Explicación del problema detectado:
No se describe con exactitud que es lo que se quiere que introduzca el usuario. La <label> del <input> simplemente es "Asunto(requerido)" que indica que el campo es obligatorio pero no indica que se espera que el usuario aporte en este campo con exactitud.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas con discapacidades cognitivas encuentran dificultad en entender lo que se espera de ellos y pueden cometer errores y no proporcionar la información deseada por parte del creador del formulario.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.usal.es/grados
2.2.2 Código HTML:
<label for="field[6][]" class="_form-label">
Grado del que deseas información<span class="field-required">*</span> </label>
<select id="field[6][]" name="field[6][]" required="" data-name="grado_consultado">
<option value="Doble Titulación de Grado en Administración y Dirección de Empresas y en Ingeniería Informática">Doble Titulación de Grado en Administración y Dirección de Empresas y en Ingeniería Informática</option>
<option value="Grado en Ingeniería Informática">Grado en Ingeniería Informática</option>
</select>
Explicación de la solución aplicada:
En este caso el primer campo que es un <select> (cuyas opciones han sido reducidas para que el código sea legible) el <label> correspondiente indica claramente que aquello que estas seleccionando es el "Grado del que deseas información" de esta manera no hay dudas a la hora de seleccionar ya que las instrucciones son claras y concisas.
