Hola otra vez,
Tienes razón con lo del "a" a veces me hago un poco de lío con los hover, link, etc en los css pero creo que con tu explicación me ha quedado bastante claro. Ya he quitado el javascript y he sustituido todo por css y la verdad es que el código queda mucho más limpio, ¿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.
Sobre lo de las tipografías si que es verdad que tiene su cosa, hay ando peleandome un poco con los estilos de fuentes y esas cosas para ver si consigo algo decentillo pero bueno, se que llevará su tiempo. A ver si poco a poco la voy puliendo un poco y voy arreglando los errores de accesibilidad sin trastear demasiado en el diseño.
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. Es decir ahora lo tengo así:
Código HTML:
<ul>
<li><form name="form1" method="post" id="form1" action="resultados.asp">
<label for="buscador"><input " name="buscador" type="text" id="textobuscador size=<%=tamanio%> /></label>
<label for="noticias"><input name="buscador" type="radio" id="buscadornoticias" value="1" checked="checked"/>
Noticias</label><br/>
<label for="pruebas"><input name="buscador" type="radio" id="buscadorpruebas" value="2" checked="checked"/>
Pruebas<br/></label></li>
<li>
<label for="buscar"><input type="submit" name="button" id="button" value="Buscar" />
</label></form>
</li>
</ul>
¿Debería tenerlo así?
Código HTML:
<ul>
<li><form name="form1" method="post" id="form1" action="resultados.asp">
<label for="buscador"><input " name="buscador" type="text" id="textobuscador size=<%=tamanio%> /></label>
<label for="noticias">Noticias<br/><input name="buscador" type="radio" id="buscadornoticias" value="1" checked="checked"/>
</label>
<label for="pruebas">Pruebas<br/><input name="buscador" type="radio" id="buscadorpruebas" value="2" checked="checked"/>
</label></li>
<li>
<label for="buscar"><input type="submit" name="button" id="button" value="Buscar" />
</label></form>
</li>
</ul>