Hiding an Element Visually

This is the first paragraph. It is perceivable both visually and by screen readers.

This is the third paragraph. It is perceivable both visually and by screen readers.

Code

HTML
CSS
JavaScript

<p>
  This is the first paragraph. It is perceivable both visually and by screen readers.
</p>
<p class="visually-hidden">
  This is the second paragraph. It is perceivable by screen readers (but not visually).
</p>
<p>
  This is the third paragraph. It is perceivable both visually and by screen readers.
</p>

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  left: -10000px;
}

NIL