Marcado de la cláusla de aceptación de términos y condiciones

Diseño UX
10/1/2005
|
Daniel Torres Burriel
Escritorio redondo con laptop, gafas, planta, celular, lápices y unas manos de mujer tecleando.

Si ayer hablaba del correcto marcado (x)html de las entrevistas, hoy me encuentro con un post de Patrick Griffiths en su HTML Dog en el que se pregunta:

What’s the best way to mark up an «I agree to the terms and conditions» checkbox?

Y propone:

<input type="checkbox" name="agree" id="agree" /><label for="agree">I have read and agree to the <a href="/termsandconditions.html">terms and conditions</a>.</label></input>

Claro, de este modo todo el texto de la cláusula queda marcado, incluido el enlace que permite ver tales términos y condiciones, de tal forma que el usuario puede llegar a activar el checkbox sin querer en realidad hacerlo.

Las soluciones que se apuntan van de sacar de label el I agree con el vínculo, hasta poner el texto vinculado fuera de la linea de la cláusula, e incluirlo en una linea aparte con su texto diferente, del tipo pulse aquí para leer los términos y condiciones.

Personalmente Me gusta esta última solución, auyo código quedaría así:

<input type="checkbox" name="agree" id="agree" /><label for="agree">I have read and agree to the terms and conditions.</label></input><br /><a href="#">Lea los términos y condiciones del acuerdo</a>

¿Quieres darnos tu impresión sobre este post?

Deja una respuesta

Aquí va tu texto personalizado.

Blog

Nos encanta compartir lo que sabemos sobre diseño de producto y experiencia de usuario.
Ver todo el blog
Puedes consultarnos lo que necesites
Envíanos un mensaje
Nombre
Email
Mensaje
Gracias por escribirnos. Nuestro equipo se pondrá en contacto contigo tan pronto como sea posible.
Ha ocurrido un error. Estamos trabajando para resolverlo. Puedes escribirnos al chat.