mistical2008/accessible-hidden-text.md

Forked from remarkablemark/accessible-hidden-text.md

Created March 21, 2018 06:30

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/mistical2008/bfcb0688d8569f8f8cd01fec2378f3f6.js"></script>
Save mistical2008/bfcb0688d8569f8f8cd01fec2378f3f6 to your computer and use it in GitHub Desktop.

Raw

Hidden text that is still accessible to screen readers.

CSS:

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

HTML:

<span class="hidden">Hidden text</span>

Select an option