- Tim Berners-Lee, W3C Director and inventor of the World Wide Web.
The web is built for everyone of differing backgrounds, abilities, languages, locations, and experiences. At Lightspeed we create software and write copy for a diverse audience who interact with our content in different ways. It’s important to always consider how different people absorb information.
For a complete guideline on how to make your web products accessible, we suggest you read the W3C guide.
Text alternatives, or "Alt text", is a description for any non-text elements such as images, charts and illustrations. It is primarily intended to be used by visually impaired people who use screen readers to understand the context of an image on a page.
Alt text is provided within the img tag using the alt="" html attribute.
All images within the shop should have the "alt" and "title" attribute described. We recommend using an appropriate template variable to dynamically pull the best description of the image.
Do img src="{{ product.image }}" alt="{{ product.fulltitle }}" title="{{ product.fulltitle }}"
Don't img src="{{ product.image }}"
Ease of use and understanding is linked closely to the how we write about our theme features. Use our writing guide to understand the best way to communicate your theme features to users as well as which words you should and shouldn't use.
Page titles appear in search engine results, browser tabs and are read aloud by screen readers for the visually impaired. Include the page title and (optionally) the shop title in the head of all shop pages.
Template variables: {{ page.title }} and {{ shop.name }}