How can I set an html element that is hidden but still searchable by the browser?

Question

• Use case: a site of cards without the name seen, but that nonetheless would be useful to be able to search by the name

Imagine album cards without the name of the album, only the image, but that one could Ctrl+F and search for the album

Is there any specific element for that? Or any css rule that could work?

Answer 1

Three solutions:

1. set the same color for text and background

2. set opacity to 0

3. set position: fixed and top: 0 or z-index: -1