[openstreetmap/openstreetmap-website] Keyboard navigation: Focus directly on and highlight selections in right click menu when open (Issue #3635)

[danieldegroot2]

### Description

On right click,
- set tabbing to focus on the right click menu. Tabbing will then select the second/next item in the right click menu. This is the case at least for Google Maps, Bing Maps, ... .
- add a highlight for selections within the right click menu (at least, those other map providers do)

Currently, when the right click menu is open, 
- Tab goes through the normal cycle (the page as a whole is being selected); also when routing 
- Eventually selects within the tab menu but has no highlights so the user is not, at least not visually, aware of this.

Google:

![image](https://user-images.githubusercontent.com/67521919/181639317-cd99e9aa-4d8f-46a6-8fd4-1bc795f8cdbd.png)

Bing:

![image](https://user-images.githubusercontent.com/67521919/181639937-14becccb-253d-4d78-9030-d44e2a52b249.png)

(the url preview in the bottom left corner of the browser doesn't update properly, but let's not try to troubleshoot this unless you really want to)

### Screenshots

_No response_

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/3635
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/3635 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20220728/d3895db2/attachment.htm>