Hi guys,
I am trying to optimise the accessibility of my store. Lighthouse tells me that the button on my search section in Shopify Turbo needs a more descriptive name. Currently the name is listed as “submit”. The code that decided this is <span class"icon-search"=“”>. But I can’t seem to find how to edit this code and change the name to search or something more descriptive. Is there any way to do this?
Kind regards,
Lucien
Hi @Kinjaldavra
Thank you so much, where do I replace this code in shopify edit code? Can’t seem to find it in my liquid?
For more context my site is www.freestylesa.co.za
Kind regards,
Lucien
@Kinjaldavra It’s more related to this search button, rather than that one. The big search our shop brown button.
Hi @Kinjaldavra
I managed to solve this issue. In the turbo theme, the naming of the search section (different from the search bar in the heading section) can be found in the snippets part of the code. Specifically the search-form.liquid. The specific line of code there now reads:
The purpose of renaming it and giving it an aria label for anyone that is curious is that it increased my lighthouse accessibility score by 6 points. Thanks for your help!
