simularium / binding-sim-edu

Other
0 stars 0 forks source link

Add focus and hover styling to navigation items in header #130

Open lynwilhelm opened 6 days ago

lynwilhelm commented 6 days ago

Use Case

Hover and focus designations are important so user understands an element is interactive while using a mouse or tabbing using their keyboard, respectively.

Acceptance Criteria

Add hover/focus state designations to header navigation (Home and Help)

Details

I saw recently that underlines were added on hover which is a fine option, but I'd also suggest adding the same hover/focus color as inline links. See in design doc (this should take you right to it): https://www.figma.com/design/KEEHjYRxL9ouTuceTtyC7G/2024-Feb-Interactive-Publication?node-id=1276-63838&node-type=frame&t=s2ieBe0Ylec7ND1Q-0