Esconder texto

En un sitio web el texto escondido puede ser muy útil en algunos casos (por ejemplo para usuarios con discapacidades o de navegadores textuales).  Si estos usuarios encuentran que una sección de un sitio es más díficil de entender sin la ayuda visual que proporcionan imagenes, videos o sonidos, se les puede ayudar con contenido textual extra. Este contenido se escribe como cualquier otro contenido del sitio y luego se esconde de la visión “normal” del sitio.

Para esto existen muchas alternativas, la siguiente es tan solo una de ellas, pero cuenta con la ventaja de ser sencilla y no intrusiva.

Se agrega la clase .hidden (por ejemplo) al elemento que contenga el texto a esconder y en le CSS del sitio agregamos:

.hidden {
 
position: absolute;
 
left: -9000px;
top: 0;
}
Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • BarraPunto
  • email
  • StumbleUpon
  • Technorati
  • DZone
  • LinkedIn
  • Linkter
  • Netvouz
  • YahooMyWeb
  • blogmarks
  • TwitThis

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">