Visually hide content in a way that is safe for screen readers

visually-hidden.css

.visually-hidden {
  position: absolute;
  width: 1px; /* Setting this to 0 makes it invisible for VoiceOver */
  height: 1px; /* Setting this to 0 makes it invisible for VoiceOver */
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}