Fade-in / fade-out effects with CSS: `opacity` only
We’re trying to transition the opacity property only. When at opacity:0, the content can’t be seen but we can see the space it occupies in the page, and the links and other focusable elements are still part of the tab order.
(Visible/invisible states are triggered by changing a class with JavaScript. Transition time is sluggish — 2 seconds — to make the browsers’s behaviors more obvious.)
Dummy content: No living truth can be reduced to a sentence; such a sentence would be, at best, the passport that gives entrance to a foreign country, which you then still need to discover. And you end up thinking that you can only tackle essential things in roundabout ways, or diagonally — almost on the sly.
Test link after the hidden content.