I am trying to make a R shiny dashboard WCAG compliant. When navigating a bootstrapPage by keyboard, tabbing through the page, the focus indicator seems to focus on the leafletOutput first, but it doesn’t show ‘traditional focus indicator box’. I have no idea how to debug and see if that’s actually what’s in focus, or how to see which element the leaflet container is in.

I used the inspect element functionality in Chrome. It seemed like the element is a ‘.leaflet-container’ but adding stuff to .leaflet-container :focus in the css file does not solve the problem.