NICE!

WITH PAUL BAKAUS

MAKING WEB STORIES ACCESSIBLE

NO.13

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.