Invisible content

 I had my first go at 'visually hidden text'.

This is content that is meant for screen readers but which is not visible on the screen. 

I had an icon as the label for a search term 'input' field. The 'Wave' accessibility testing tool pointed out that the label had no text.

One solution is add some text to the label but give the text a '1px' size with 'overflow: hidden' and 'clip' it.

This is discussed at:

  'webaim.org/techniques/css/invisiblecontent'

and, of course, on 'stackoverflow.com'

There are more tips at: bbingo.xyz/t