Skip to content

Instantly share code, notes, and snippets.

@JumboLove

JumboLove/Replace -9999px hack

Created October 16, 2014 20:20
Show Gist options
  • Save JumboLove/8db9c783fd365f2566ae to your computer and use it in GitHub Desktop.
Save JumboLove/8db9c783fd365f2566ae to your computer and use it in GitHub Desktop.
Download ZIP
Image Replacement Instead of hiding the text off screen using the -9999px hack (and creating a huge invisible box in the process), his technique hides the text while leaving it accessible to screen readers.
Raw
Replace -9999px hack
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment