Jump to content

Accessibility in 7.1

Recommended Posts

Hey all, 

I am currently finishing up a site for a client and the page needs to be able to be tabbed through and read by a text to speech program. The issue I am running into (and the folks running the audit) is that none of the text content is able to accessed by tabbing - which prevents the reader from reading the text out loud. 

I know that wrapping the content with  <div tab index ="0"> content </div> in a code or markup box will make the text tab-able, but unfortunately this means that all site content will have to be added via code or markup box, which defeats the reason for building a squarespace site (so the client can easily edit content.)

Is there a way to add this with custom css by targeting all text blocks, a plugin, or am I missing something stupidly simple? 

TA!

 

Link to comment
  • 4 months later...
  • Replies 1
  • Views 998
  • Created
  • Last Reply

Hey @CH1,

What kind of "text to speech" program are you using? Screen readers (which visually impaired people use to announce site content), such as the widely-used JAWS, should be able to announce text without needing to use tab navigation.

Adding a tabindex value is more applicable for buttons, links, and other interactive elements that a keyboard navigation user would use the tab key to access.

If you're looking for additional accessibility help, feel free to send me a DM or check out the free accessibility audit tool linked in my signature below.

Hope this helps!
-Tyler

The above post may be outdated. I’m no longer active in the Squarespace ecosystem, so I won’t see your direct messages. For better resources about web accessibility, I’ve documented some of my thoughts on my forum profile.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.