Screen reader utilities

Halfmoon comes with utility classes which can be used to hide elements on all devices except screen readers.

Classes #

The following table shows the classes available for showing content on screen readers only:

Classes Description
.sr-only Hides the element on all devices except screen readers
.sr-only and .sr-only-focusable Shows the element again when it is focused (e.g. by a keyboard-only user)

Coming soon

  • More components
  • More variables and customization
  • Form builder and validator JS
  • Themes and templates

Subscribe for updates


  • We will notify you when the framework gets a substantial update. No spam or marketing.
  • You can also follow us on Twitter and stay updated that way.