[Request]: Improve accessibility by traping focus

[annalenadavis]

Trap focus within the lightbox when opened using the keyboard.

When navigating the lightbox with a keyboard this is what currently happens:

• Arrow keys move through images
• Esc key exits lightbox
• Tab key continues to move through images or links on the page behind the lightbox

For improved accessibility, what should happen is:

• Arrow and esc keys work as-is
• Tab key moves to the "play/pause" button, then the exit ("X") button
• (tab could either just move between the play/pause and X or could circle through all four buttons)
• Then when the lightbox is closed, tab key would return to focus on the last item it was on before opening it

This feature would:

This would help the plugin meet WCAG AA standards 🎉 And make it less confusing for keyboard users :)

If you added this feature, I would:

a) Eat my hat 🤠
b) Jump for joy
c) Shave my cat
d) All of the above

[GabrieleSuzart]

I came here for the same problem!

@archetyped I can try to solve the accessibility problems of this plugin, can you guide me how I can run the project in the development environment?

[archetyped]

@GabrieleSuzart SLB is a standard WordPress plugin. Install and activate it on a WordPress site and update the code as desired.

[Kyashan80]

Hi, I also join the request to make lightbox accessible. I suggest putting the tabindex attribute on the elements, and turning off the page focus and leaving it modal only.