JSFiddle - React, Tailwind, and code Playground

by _sir

HTML

<a href="javascript:void('something');" title="View Reason"><span class="icon"></span></a> content<br>
<a href="javascript:void('something');" title="View Reason">View</a> content<br>
<a href="javascript:void('something');">View <span class="sr-only">Reason</span></a> content
<hr>

CSS

span.icon::before {
  content: 'hey'
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}