Template:Transparent text
<span style="opacity:0; position:absolute; user-select: none;">{{{1}}}</span>
Usage
[edit]This template makes visually hidden, but still searchable.
In contrast to {{hidden text}}, the text produced by this template does not affect the page layout (i.e. it does not add spaces or change the position of text around it). This can be useful to allow readers to locate a given text by typing a common variant (mispelling, different orthography, etc.)
Example
[edit]foo {{Transparent text|bar}} baz produces
foo bar baz
Keep in mind that using this in the middle of words can be disruptive, since searching for the full word will not work. For example, using
foo{{Transparent text|bar}}baz would produce
foobarbaz
and using the browser search function to look for "foobar" would not locate the resulting text.
See also
[edit]- {{Hidden text}}
- {{Screen reader-only}}