Can anyone help to solve this?
1 Like
Hello @PoojaHiwade ,
Good day! Gina from flareAI app helping Shopify merchants get $6Million+ in sales from Google Search, on autopilot.
The āAria-Hidden=āTrueāā attribute is used to indicate to screen readers that an element should be hidden from the accessibility tree, but still visible on the page. Itās generally used to improve the user experience for screen reader users by reducing the amount of extraneous information that they have to navigate through.
However, the attribute can cause issues with performance testing tools like Google PageSpeed Insights, which may flag it as a potential problem.
If you want to improve your page speed performance and remove the āAria-Hiddenā attribute from your store, you can follow these steps.
-
Open your Shopify storeās code editor and go to the file where the āAria-Hiddenā attribute is being used.
-
Locate the element that has the attribute and remove it.
-
If the element needs to be hidden from screen readers, you can use other techniques such as visually hiding the element or using the āaria-labelā attribute to provide a more accessible label for the element.
-
Save your changes and test your storeās performance again using Google PageSpeed Insights or another performance testing tool to see if the issue has been resolved.
While improving your page speed performance can have benefits for your storeās SEO and user experience, you should also prioritize accessibility and ensure that your store is fully accessible to all users, including those who use screen readers.
Gina