Skip to content


Subversion checkout URL

You can clone with
Download ZIP


Investigate accessibility of [hide/show]-on-[device] #35

smileyj68 opened this Issue · 2 comments

2 participants


A commented on Smashing Mag raised a good point: the mobile visibility classes could be a nightmare for screen readers. Going to investigate if there's a way we can alleviate that.


display: none and visibility: hidden will hide content from both browsers and screen readers,

If you still want to access your content from screen readers but hide it from browsers this is the way to go:

border: 0;
clip: rect(0 0 0 0); 
height: 1px; 
margin: -1px; 
overflow: hidden; 
padding: 0; 
position: absolute; 
width: 1px;


Thanks kevva - that answers that for us. Of course at deploy the best practice would be to completely remove the hidden elements, but if not it sounds like we're still covered. Nifty.

@smileyj68 smileyj68 closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.