<p></p>
<h3 dir="auto">URL</h3>
<p dir="auto"><a href="https://openstretemap.org" rel="nofollow">https://openstretemap.org</a></p>
<h3 dir="auto">How to reproduce the issue?</h3>
<ol dir="auto">
<li>Use the tab key to cycle through the elements on the main openstreetmap.org page.</li>
<li>See how the focus gets shown for most items</li>
<li>The focus does not get shown for the map buttons (zoom etc.). It could get shown the way it gets shown when you hover the mouse over it.</li>
<li>The focus does not get shown on the user profile/avatar/unread count button at the top right. There is no mouse hover effect there.</li>
</ol>
<p dir="auto">This is an important accessibility feature for users with a motor disability.</p>
<h3 dir="auto">Screenshot(s) or anything else?</h3>
<p dir="auto">With mouse:</p>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/1556567/181589548-143ff9b4-c03a-40f7-9977-f8a3b393ce49.png"><img width="362" alt="image" src="https://user-images.githubusercontent.com/1556567/181589548-143ff9b4-c03a-40f7-9977-f8a3b393ce49.png" style="max-width: 100%;"></a></p>
<p dir="auto">With keyboard:</p>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/1556567/181589618-c70a8715-7ca9-40db-835b-220257bb3388.png"><img width="362" alt="image" src="https://user-images.githubusercontent.com/1556567/181589618-c70a8715-7ca9-40db-835b-220257bb3388.png" style="max-width: 100%;"></a></p>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/3633">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLPZN4Z3VDAD3DP3JODVWKYI5ANCNFSM5454ODEQ">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLLSC6FN5RSAOJUOTT3VWKYI5A5CNFSM5454ODE2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4TV72SOA.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/issues/3633</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/3633",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/3633",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>