MathSoc / mathsoc-website

A 2022-24 redevelopment of the University of Waterloo Math Society's website.
11 stars 3 forks source link

Get Involved page: make buttons keyboard focusable #236

Closed some-molasses closed 4 months ago

some-molasses commented 5 months ago

On http://localhost:3000/get-involved/volunteer, we have a series of accordion dropdowns. They're usable by mouse without an issue, but keyboard-only users can't track the location of their cursor.

(Confused about what I'm talking about? Try using tab and shift+tab to navigate this github page. You'll see an outline indicating what part of the page your cursor is currently on.)

image

this should be a really easy fix: we can probably just remove the outline:none on the button. while you're at it, please remove outline:none from the button in main.css too!