Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
johnmcg7

Improving Accessibility Score - Links and Buttons Do Not Have Accessible/Discernible Name - Help!

Recommended Posts

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!

3.PNG

2.PNG

1.PNG

Share this post


Link to post

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:

image.png.db0be56eadd6d6eced75be14b336de3a.png

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.


Is your Squarespace website ADA compliant? Find out with our free accessibility audit.

Share this post


Link to post

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

Share this post


Link to post

@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.


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Date Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...