azavea / azavea/echo-locator

Add hover and focus state to neighborhood cards

Open
#754 0 comments 0 reactions 0 assignees View on GitHub
nice to have
Dominant language
TypeScript
Stars
2
Forks
5
PR merge metrics
No merged PRs in 30d

Description

On desktop, the neighborhood cards should have a hover effect to indicate that they're clickable. We could do something like `opacity: 0.8` to achieve that.

Secondly, the cards can already be tab-focussed but they don't get the blue outline. It'd be nice to have that as well.

Contributor guide

No contributing guide indexed for this repository

Research direction

Find the neighborhood card component and its styles, then start by locating how the cards are made keyboard-focusable. Add a visible desktop hover treatment and blue focus outline, and verify both mouse and keyboard states in the website.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.