Link texts

Hide extra text for context

With CSS:

<span class="screen-reader-text"> about our favourite books</span>

        .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;
        }
 
<a href="url-to-post">Read more<span class="screen-reader-text"> about our favourite books</span></a>.

With ARIA

<a href="url-to-post" aria-label="Read more about our favourite books">Read more.</a>