johnmcg7 Posted November 18, 2019 Share Posted November 18, 2019 Hi, I'm trying to improve my accessibility scores, and my audit is flagging up the following issues (see images 1 & 2). The "links do not have a discernible name" is point to the images in image 3, attached below. My website is johnbristoltherapy.co.uk. I have tried to change the name of the images in the content box, but it's not having an impact. And I can't find a way to edit the mobile menu button. Any help greatly appreciated! Link to comment
tcp13 Posted November 24, 2019 Share Posted November 24, 2019 Hi John, Is this the Google Lighthouse accessibility tool that you're using? It appears to be flagging the image overlay, not the image itself: The problem is that the anchor elements are empty. You'd have to retroactively fix this with Javascript by adding in an aria-hidden attribute or adding innerHTML content. Similarly, the mobile navigation menu button can be fixed by adding in an aria-label. These are the kinds of issues my team and I fix often. If you're interested in having us take a look, feel free to DM me or hit us up at squareada.com. Hey, I’m Tyler. 👋 I’ve been a professional Squarespace user since 2016. I’m a recovering startup founder, currently on sabbatical after selling my Squarespace business. I now spend my free time working on weird side projects and half-baked ideas. Link to comment
Jolsonphotography Posted February 15, 2020 Share Posted February 15, 2020 Hey John, I've wrote up a short script that should solve your problem, I've included it in this blog post I wrote explaining how to solve the accessibility button issue: https://jolsonweddings.com/education/squarespace-buttons-accessible-name In short, you just have to add some extra HTML to your footer to give the buttons Aria-labels. Good luck! J.Olson jaynecn, paul2009, KMoreno and 1 other 3 1 Link to comment
paul2009 Posted February 15, 2020 Share Posted February 15, 2020 @Jolsonphotography Hey Josh, good on you for sharing and helping others to improve the accessibility of their websites 🙂. For info, you can improve this further by placing all the querySelector statements within just one OnInit function, rather than two (or more). It won’t change what it does, but it will be more efficient. Jolsonphotography and KMoreno 2 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Jolsonphotography Posted February 15, 2020 Share Posted February 15, 2020 Hey Paul, Thanks so much! I'll go clean that up and update the post now. Link to comment
jaynecn Posted November 3, 2021 Share Posted November 3, 2021 @Jolsonphotography Thank you for leaving this information, it is a big big help. I owe you a coffee! Best wishes Jayne Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment