Jump to content

Focus Outline order

Recommended Posts

Hello everyone..

Is there a way to control the order of the Focus Outline (for accessibility) when tabbing through a page? I am not sure how focus outline determines what order it reads the links in, but mine are in a strange order. Can this be controlled?

I am unable to provide the site URL at this point. 

Thank you!

Link to comment

I often find that the block order in the HTML code is determined by the order in which the blocks were created not the order they are in on the page. If that's correct, then the order that the accessibility focus outline appears in will follow that same path and the way to correct it will be to systematically add blocks in the order in which you want to be able to tab through the content. This might involve rebuilding sections. 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
On 5/2/2024 at 9:26 AM, Ziggy said:

I often find that the block order in the HTML code is determined by the order in which the blocks were created not the order they are in on the page. If that's correct, then the order that the accessibility focus outline appears in will follow that same path and the way to correct it will be to systematically add blocks in the order in which you want to be able to tab through the content. This might involve rebuilding sections. 

It never occurred to me that this would be the case. But you make a great point. I will investigate this. Thank you!

Link to comment
36 minutes ago, EffectiveEdge said:

It never occurred to me that this would be the case. But you make a great point. I will investigate this. Thank you!

Let me know what you find out 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

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