Accessibility considerations: Screenreaders

[nattarnoff]

Use of display: none removes an element from not just being seen visually, but also from a screenreader like VoiceOver or JAWS. In order to accommodate these users we need to use one of two methods:

1. Use the clipping method mentioned in this article: http://a11yproject.com/posts/how-to-hide-content/, on scrolling into view by the non-SR user we simple remove the .visually-hidden class at the same time it is currently made display: block (recommended method)
2. Using ARIA Live Regions to inform the user that new content is on the screen when the new frame is made visible. While this controls the story a bit more, it is more complicated to implement and you'd be doing this primarily for people who can't see the story reveal process.