Techniques for visually hiding text

Wordpress 4.8 (twentyseventeen theme), Drupal 8.3.4

Also suggested in a post by Jonathan Snook from 2011 with the exception that it doesn't use word-wrap: normal. hidden text

WebAIM

http://webaim.org/techniques/css/invisiblecontent/#techniques hidden text

html5 boilerplate

https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
A w3.org tutorial uses a similar approach. Another approach by Gaƫl Poupard, but without margin: -1px;
hidden text

Foundation 6.3.1

hidden text

Bootstrap v4.0.0-alpha.6, a11y.js

https://allyjs.io/tutorials/hiding-elements.html
hidden text

Scott O'Hara

http://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
hidden text

Steve Faulkner / The Paciello Group

https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/
hidden text

a11yproject.com, Heydon Pickering in Inclusive Design Patterns

http://a11yproject.com/posts/how-to-hide-content/
hidden text

a11y.js

https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
hidden text