The screen-reader-text / visually-hidden / sr-only CSS class

The CSS

            .screen-reader-text {
              border: 0;
              clip: rect(1px, 1px, 1px, 1px);
              clip-path: inset(50%);
              height: 1px;
              margin: -1px;
              overflow: hidden;
              padding: 0;
              position: absolute;
              width: 1px;
              word-wrap: normal !important;
            }
			

Uses

Add extra text for context

<a href="/">Read more<span class="screen-reader-text"> about cute kittens</span></a>.

Read more about cute kittens