I have not one clue of what was done here. How do I edit the code, what do I type? I can’t find answers anywhere and it’s driving me up a wall
Topic summary
Main issue: Google’s accessibility audit flags that buttons and links on a Shopify store lack accessible (discernible) names.
Key context: Screenshots are central, showing the audit findings. Code snippets are referenced but not detailed in the thread.
Explanation provided: Buttons/links need labels so screen readers (assistive technologies that read web content aloud) can convey their purpose. Adding an aria-label attribute (an HTML attribute that supplies an accessible name) to icon-only buttons/links was suggested, e.g., labeling a search icon as “Search”.
Clarifications: “alt” text applies to images, not to buttons/links. For interactive elements, use visible text or aria-label/aria-labelledby.
User responses: Multiple participants express confusion about how to edit Shopify theme (Liquid) code and apply these changes without hiring a developer. The accepted solution is criticized for lacking actionable, step-by-step instructions.
Status/outcome: No confirmed fix or step-by-step actions were provided. The discussion remains unresolved, with an open need for practical guidance on implementing aria-labels within Shopify themes.
1 Like