When using the ColVis menu, I'm trying to get the tabbing to cycle through the menu. After the last tabbed element it goes to the next element underneath the menu. This would be confusing for users with screen readers. I have tried it on this example.
https://datatables.net/extensions/responsive/examples/column-control/column-visibility.html
I'd like to keep tabbing inside the menu. I was having a similar problem with Bootstrap modals but fixed this with <div class="modal" tabindex="-1">
. That traps the focus inside the modal until escaping or using a close button.
Another ColVis related question is could aria-labels be included on the toggled columns so visually impaired people know whether the column is shown or hidden? Is there a recommended way of achieving this? I wondered if maybe a different way of presenting this would work better. For example checkboxes.