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

Making menu icon accessible on Foundry template


Site URL: http://www.voicesinthegallery.com


I'm new to squarespace and have a very simple site, which needs to be accessible to people using assistive technologies. However, a user recently alerted me to the fact that while I can add alt text on images, there's no readable text attached to the menu icon, making it impossible for him to access the menu of pages and, as a result, to navigate around the site beyond the landing page. I've spoken to a helpful person in Customer Care who recommended that I seek out some custom CSS here. I'd be really grateful if any of you might be able to suggest what I should do. And, apologetically, should point out that I have absolutely no coding skills. Sorry! Many thanks in advance,


Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0

Hey @SarahHayden,

Still having issues with this? The menu icon is actually an anchor element, so unlike an image, you can't add alt text to it. You'll want to use Javascript to add an aria-label value.

If you're interested in making your site fully accessible for people using screen readers and other assistive technologies, I'd encourage you to check out our free accessibility audit. Our team at Square ADA specializes in making Squarespace sites ADA compliant, so feel free to reach out if we can be of any help.

Is your Squarespace website ADA compliant? Find out in 60 seconds with our free accessibility audit!

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