Why is there a class=”screen-reader-text” on my search button?

This class is used to visually hide elements from sighted users but still allows assistive technologies like screen readers to still present those elements to users who are visually impaired.

For example you may have an icon with Facebook’s logo as a link to your page/profile. A sighted user will know that’s Facebook but a blind user won’t so you would still want “My Facebook Profile” or some other descriptive text to let visually impaired people know more about the link.

Leave a Comment