Outline appearing around "x" (exit button) and arrows in lightbox - how to remove?

Hello,

When images are opened in lightbox, by pressing the arrow key with the mouse and then using the keyboard arrows to move images, an outline appears around the "next arrow" in lightbox. Similarly, immediately after opening lightbox, if you use the keyboard arrow key to move to next image, an outline appears around the "x" (exit button). Is there a way to remove these distracting oulines?

Thank you!

31 minutes ago, AlexandrosMalapetsas said:

if you use the keyboard arrow key to move to next image, an outline appears around the "x" (exit button). Is there a way to remove these distracting outlines?

These "distracting outlines" are essential for many visitors who need to use the keyboard to navigation the website.

Please see this post for more information:

Hi Paul and thank you for the reply!

In the case of highlighting the exit button when using the keyboard arrow key, and highlighting the "next" or "previous" arrows only after first clicking them with the mouse seems like a counter-intuitive way to promote such an important accessibility feature. Your linked post makes sense because the outlines are pointing to where the site visitor is looking. In this case, where you want to focus on images and an "x" in the corner is highlighted, I don't really see how this is helpful.

What is your opinion on this?

Can you provide me with a link to the page? I'd love to take a look.

Hi Paul, here is a link to a lightbox gallery, https://www.alexandrosmalapetasgr.com/wandering-wonders?itemId=8462vjou5i3j3zq0osm6b90i0286wo I also noticed the same on other squarespace websites.