Masquer du texte ?

Bonjour !

Je suis débutante et je suis en train de faire mon premier site...
Mon problème, c'est que je n'arrive pas à masquer du texte. Par exemple pour le header : il y a une image en background, mais il faut qu'il y ait un texte (le titre du site) écrit pour que ça reste accessible pour les navigateurs non graphiques. Seulement je dois le cacher pour le navigateurs graphiques.. Pareil pour le menu : mes liens ont un background (les boutons), mais il faut que la liste à puces qui est à l'origine de mon menu reste accessible pour les navigateurs non graphiques.

Il y a les propriétés displaiy : none et visibility : hidden, mais apparemment il ne faut pas les utiliser, car le texte reste tout de même caché pour un navigateur non graphique, donc ça sert à rien niveau accessibilié...

Mais alors on doit utiliser quoi au juste ??

Hello et bienvenue

Tu trouveras en Annexe de ce billet une liste de liens qui vont te donner des pistes.
Mais sache qu'à l'heure actuelle, il n'y a pas de recette miracle.

Merci beaucoup !

Je crois que j'ai bien réussi à le faire (sauf que je l'ai positionné à -5000 px au lieu de -500 pour le menu, par mesure de précaution comme j'ai un header assez grand..)
J'espère que cette technique bug avec aucun navigateur sinon ça va pas faire jojo des titres et éléments de listes qui se balladent partout sur la page:/