Skip to content

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

Description

@lynwilhelm

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

Status
No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions