Creo que entiendo lo que quieres hacer, pero no sé muy bien porqué has tirado por esa vía, es decir, mantener las imágenes cuando se desactiva CSS.
Yo personalmente haría algunos ajustes:
Código HTML:
<ul class="menu">
<li id="menu-portada"><a href="index.php" accesskey="1"><span>Portada</span></a></li>
</ul>
(No he probado si sería así correcta la identificación de clases con respecto a tu CSS)
Y en el CSS
Código:
.menu span{
display: none;
}
¿Qué consigo? Oculto el texto con CSS, pero en dispositivos móviles, navegadores de texto, etc, me lo muestra, con lo que la carga es mucho más rápida y accesible.
Espero te sirva,suerte.