Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adds focus back to highlighted contributor #1163

Merged
merged 1 commit into from
Aug 6, 2020
Merged

Conversation

tunetheweb
Copy link
Member

For some reason I removed the tabindex='-1' from the contributors in #645 which removes the focus ring when using links like https://almanac.httparchive.org/en/2019/contributors#bazzadp

Can't remember why I removed this, but suspected it was a misguided attempt to stop allowing focus on non-interactive elements - but this is a special case that should be allowed and the -1 value means it can only be set by JavaScript (indeed that's exactly what it's there for!). Highlighting the currently selected author is better for accessibility to this change I did was wrong.

This adds this back in and also changes the focus outline to yellow border more in keeping with our style as it's clearly differentiated from non-highlighted contributors:
Highlighted contributor

@tunetheweb tunetheweb added bug Something isn't working development Building the Almanac tech stack design Creating the Almanac UX accessibility Accessibility related labels Aug 5, 2020
@tunetheweb tunetheweb added this to the 2019 Backlog milestone Aug 5, 2020
@tunetheweb tunetheweb merged commit b71f160 into main Aug 6, 2020
@tunetheweb tunetheweb deleted the contribitor-highlighter branch August 6, 2020 05:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Accessibility related bug Something isn't working design Creating the Almanac UX development Building the Almanac tech stack
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants