Mejorar el aspecto de nuestra caja de búsqueda sin perder la accesibilidad.
Buenos días compañeros.
El otro día hablábamos de como conseguir la accesibilidad de nuestros sitios webs, bueno, pues trabajando con los diferentes enlaces que facilitarón tanto Joan como Miren se han conseguido soluciones.
Al final, y por ganas de escribir mi primer módulo, opte por la solución que ofrecía Miren.
La cuestión es que con la solución de Bea se genera un texto, en nuestro caso lo hemos llamado Encuentralo, y se introduce en una etiqueta label de html, como no queremos que ese texto aparezca, lo que hemos hecho ha sido usar css para ocultar la etiqueta label del bloque de búsqueda, y su contenido.
El código de css que se ha generado para tal efecto es:
#block-search-0 .block-inner .content #search-block-form .container-inline .form-item label
{
visibility: hidden
}Recordad que el tema que se esta desarrollando esta basado en el framework de zen, así que en otros temas revisad si son las mismas clases e id de css.
Un saludo
Oskar
Delicious
meneame
documenea
Theme aberdeen-liquid. Configuración y administración del sitio
Comentarios
Enviar un comentario nuevo