WITH PAUL BAKAUS
MAKING WEB STORIES ACCESSIBLE
ADVANTAGE OF WEB STORIES
They are accessible.
For instance to those who consume them via screen readers.
HOW SOCIAL APP STORIES WORK
Flatten all elements into a single image or video.
Screen readers just see one image.
Luckily Web Stories work different.
HOW WEB STORIES WORK
Consist of several layers of elements.
Screen reader can read them.
This is the result in a screen reader.
Make images and videos more accessible.
BUT WE CAN GET EVEN BETTER
FOR IMAGES …
… use alt attributes and describe what is visible in the picture.
FOR VIDEOS …
… use title attributes and describe the scene.
Even for non-disabled readers, captions make it easier to consume stories without sound.
Captions, alt, and title attributes also give your story an SEO boost!
THE FINAL RESULT
Do you have more tips on how to improve the accessibility of Web Stories?
Subscribe for more.
Rewatch this Web Story on YouTube. Subscribe to the blog & channel for the latest and greatest.