2526UFV1.3.1-P-001

Edición de la página como formulario

Editar con formulario

1. Información básica

Id del criterio: 1.3.1 - Información y relaciones (Nivel: A)

Título del subcriterio: 1.3.1-P

Universidad participante: UFV

Curso académico: 2025-26

1.3.1-P

Enlace directo a la página del subcriterio en la wiki https://www.wikiwcag.udl.cat/index.php/Principio_1/1.3_Adaptable/1.3.1-P

---

2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.

2.1.2. Código HTML:

<form>

   <input type="text" style="border: 2px solid red;" placeholder="Name">
   


   <input type="email" placeholder="Email">
 </form>

Explicación del problema detectado:
The form uses color alone (red border) to indicate required fields, without any textual or semantic indication.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Users who cannot perceive color, such as blind or color-blind users, may not understand which fields are required.

---

2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.

2.2.2 Código HTML:

<form>

   <label for="name">
     Name *
     (required field)
   </label>

   <input 
     id="name" 
     type="text" 
     required 
     style="border: 2px solid red;"
   >
   

   <label for="email">Email</label>

   <input id="email" type="email">
 </form>

Explicación de la solución aplicada:
The required field is identified using text and semantic markup, ensuring that the information is not conveyed by color alone.

---