Exploring Accessibility + the JAMstack by Kyle Boss from Tinder
Details
Presentation Abstract
Exploring Accessibility + the JAMstack by Kyle Boss from Tinder
Kyle will discuss these main ideas:
• What is the JAMstack?
• How to announce route-changes in the JAMstack.
• SSGs (Static Site Generators) use client-side routing. This means
clicking on a link will not announce the new page to screen readers
unless that SSG has built-in a11y helpers that will announce it (So
far, in my research, it's only Gatsby) :'( So I will include a demo of
how to add in client-side route-change announcements using aria-
live. This is inspired by Marcy Sutton's & Amberley Rose's case-
studies and work.
• How to make images more accessible in the JAMstack.
• An empty alt tag in an image is better than no alt at all (Of course,
a descriptive alt is preferred). This is because screen-readers many
times fallback to reading an image's filename. Usually this is
unhelpful, but sometimes even jarring when there is a cache-
busting suffix (skiing-23ebdef2454.jpg). Most SSGs ship with an
component, some add an empty alt tag if one is not
provided, others do not. I will include a demo of how to add that
functionality for React SSGs that do not.
• JAMstack developer tools for accessibility
As always, the meeting is free.. Looking forward to seeing you on Zoom!!
Gaelen