La forma más accesible de ocultar un elemento en pantalla que sí debe estar disponible para otros medios, es aplicándole a ese elemento posición absoluta y sacándolo fuera del área visible de la pantalla mediante un valor negativo (a la iquierda) bastante exagerado, por ejemplo, -99999em.

La posición absoluta evita que otros elementos se posicionen respecto a él consiguiendo que el elemento oculto se “muestre” como si tuviera un estilo display: none.

Sin embargo, esta técnica no funciona como debería aplicada a etiquetas legend en Firefox, ya que se sigue manteniendo el espacio que ocuparía en pantalla.

Para evitar esto, simplemente añadimos a nuestra clase para ocultar elementos la declaracion line-height: 0.

Ejemplo con y sin line-height: 0