Ver Mensaje Individual
  #5 (permalink)  
Antiguo 22/10/2013, 16:28
Avatar de ryugen
ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 7 meses
Puntos: 187
Respuesta: Usar text-indent negativo para ocultar textos

Qué tal sino la clase visuallyhidden de HTML5 Boilerplate?
Código CSS:
Ver original
  1. /*
  2.  * Hide only visually, but have it available for screenreaders: h5bp.com/v
  3.  */
  4.  
  5. .visuallyhidden {
  6.     border: 0;
  7.     clip: rect(0 0 0 0);
  8.     height: 1px;
  9.     margin: -1px;
  10.     overflow: hidden;
  11.     padding: 0;
  12.     position: absolute;
  13.     width: 1px;
  14. }
  15.  
  16. /*
  17.  * Extends the .visuallyhidden class to allow the element to be focusable
  18.  * when navigated to via the keyboard: h5bp.com/p
  19.  */
  20.  
  21. .visuallyhidden.focusable:active,
  22. .visuallyhidden.focusable:focus {
  23.     clip: auto;
  24.     height: auto;
  25.     margin: 0;
  26.     overflow: visible;
  27.     position: static;
  28.     width: auto;
  29. }

Fuente: https://github.com/h5bp/html5-boiler.../main.css#L147

Para este ejemplo particular como bien dice pzin me inclinaría por el atributo title o inclusive el alt de la img. Pero para ocultar texto visualmente uso la clase presentada arriba.