My son-in-law used Wave on chrome to view my Shopify website – it identified one error –
My collections don’t have text in the image links to meet ADA compliance.
He explained a little about what that means to me... that people who depend on their iPad/iPhone/Computer “speaking” to them... well, my website collections links won’t work for them.
I used the “Simple” template to create my shop (after trying several)... can you please TWEAK your templates for ADA compliance?
I’m almost ready to launch my art website...
Solved! Go to the solution
This is an accepted solution.
I'd think the Shopify themes are quite accessible as is. Shopify are committed to being fully WCAG compliant by 2021 if I remember correctly, but I wouldn't expect any immediate action for themes. One must realise that compliance in this case is the merchants' responsibility i.e. being WCAG compliant, or ADA of you're worried about litigation in the US, or GDPR if you're worried about litigation in EU etc.
Either way, the Simple theme as is out of the box has one error that can be easily fixed and only affect mobile view. The search icon link doesn't contain text. Add something like
and call it a day.
I am just getting started on this ADA checklist myself and believe me I know almost nothing but perhaps I can help on this one. I think he is talking about adding Alt-text to your images. This is actually quite easy to do. Add your item that you want to sell. After uploading a photo, click on that photo and a box will open on the right and you will see Alt-txt. You just type in there what is depicted in the photo. Try to keep it under 100 characters and don't start with things like "photo shows" or "is in the picture".
You have to do this with every image on your website. If you have photos in your blog or on the front page of your website or even your favicon, it has to have alt-text.
I could be wrong but I think that is what he means.
Greetings Shopify Partners,
I have found many issues with the platform / Impulse theme in concerns of ADA Compliance. I was able to fix many of the issues in the source code. However, I am finding one of the major issues is with the Slick Slider API that is being used for all the image sliders. The problem I am finding is the loading of dynamic images and their ARIA references being referenced but do not match anything they are supposed to be referencing. An example is an image slider with 6 custom reviews. Slick Slider will auto populate the aria-describedby="slick-silde1". However, if there are only 2 "dots" in the slider navigation, only the first 2 images will be referenced correctly. The other 4 will have broken aria tags. Is there a way to fix this? If I can better explain this issue, please let me know.