[openstreetmap/openstreetmap-website] Improve accessibility of note action buttons (PR #6869)

[Arpan Mukherjee]

Arpan200502 left a comment (openstreetmap/openstreetmap-website#6869)

> How does this fix the linked issue?

Earlier, when navigating using the Tab key, the highlight contrast between the buttons was minimal, making it difficult to distinguish which button was currently focused. Both buttons appeared nearly the same when selected, and the text inside remained white, providing very little visual indication of focus.

After the changes, the behavior is much clearer. In the normal state, one button appears with a filled blue color while the other remains hollow. When navigating with Tab, the filled button visibly glows to indicate focus. When focus moves to the hollow button, it turns into a blue filled button, clearly indicating that it is currently selected. At the same time, the inner text changes from white to black, further improving the visual contrast.

These changes make the focused element much easier to identify and clearly distinguish between the buttons, resulting in better keyboard navigation and accessibility.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/6869#issuecomment-4012784216
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/6869/c4012784216 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260306/a6b62e6d/attachment.htm>