Ver Mensaje Individual
  #15 (permalink)  
Antiguo 02/09/2008, 15:41
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 20 años, 6 meses
Puntos: 45
Respuesta: Dudas sobre usabilidad vs diseño.

Cita:
Iniciado por haga41 Ver Mensaje
¿está bien que quite el javascript o debería dejarlo y poner una página alternativa con los css en el <noscript>? Lo digo por los problemas de accesibilidad que pueda tener la web si dejo sólo con css esa parte.
Es recomendable no usar javascript para esas cosas, ya que javascript es menos "accesible" que CSS. Quiero decir que si puedes evitar el javascript lo evites, pero si no lo puedes evitar, úsalo de manera no obstrusiva. Como te dije, mejor utilizar pocas tecnologías, y como ya vamos a utilizar CSS..

Cita:
Iniciado por haga41 Ver Mensaje
Una duda onta, por estética prefiero que los radio button esten a la izquierdo del nombre de la opción pero a la hora de poner el label el TAW no me los valida correctamente. He visto un poco vuestro post de los input dentro del label y parece que tengo ponerlo a la derecha para que lo valide bien.
No sé qué error te da. Lo que sí se es que el atributo for de LABEL tiene que tener un ID del documento, no un name. Luego ahí tienes un montón de LABEL que no están asociados a nada. Lee la documentación de la especificación de LABEL, descubrirás eso y que el rótulo (el texto) puede ir tanto antes como después del radio sin problemas.

Eso de que el radio esté antes o después también puede ser considerado tema de CSS. Prueba este código:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<title>Página nueva</title>
<style type="text/css">
label {
	display: block;
	width: 5em;
}
label input {
	float: right;
}
</style>
</head>

<body>

<label><input type="radio" name="r" />Texto</label>
<label><input type="radio" name="r" />Texto</label>
<label><input type="radio" name="r" />Texto</label>
<label><input type="radio" name="r" />Texto</label>


</body>
</html> 
Ahora quítale la regla de label input y mira qué pasa. Tú tienes el control de la presentación con CSS, no con HTML. Con CSS se pueden controlar muchas cosas interesantes sin tener que cambiar la estructura HTML, es su gracia.


Un saludo.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.