There is no one true way to hide something on the web. Nor should there be, because hiding is too vague. Are you hiding visually or temporarily (like a user menu), but the content should still be accessible? Are you hiding it from assistive tech on purpose? Are you showing it to assistive tech only? Are you hiding it at certain screen sizes or other scenarios? Or are you just plain hiding it from everyone all the time?
Paul Hebert digs into these scenarios. We’ve done a video on this subject as well.
Feels like many CSS properties play some role in hiding or revealing content: display, position, overflow, opacity, visibility, clip-path…