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

Add Name on Hover to Country Icons #6066

Open
alexmaasswca opened this issue Mar 1, 2021 · 6 comments
Open

Add Name on Hover to Country Icons #6066

alexmaasswca opened this issue Mar 1, 2021 · 6 comments
Labels
AREA: accessibility Related to site accessibility AREA: UI/UX design PRIORITY: low-priority A step above backlog - nice to have, but not essential to work on.

Comments

@alexmaasswca
Copy link

Is your feature request related to a problem? Please describe.
I'm frustrated by the names of countries being replaced with flags on results pages, I know soon a fix should be implemented where you can hover over them, but there are situations where countries have super similar flags, if it can either be changed back to the names of countries, or have both the flag and the names of countries, that would be much better, it is absolutely awful when for example, you're displaying New Zealand and Australian people together, the flags are almost identical
It is obviously the better way to display the country, as you don't have to hover over every single country flag to get the name of the country.
image

Describe the solution you'd like
Include the names of the countries next to the flags, or replace the flags with the names of the country.
Additional context
https://forum.worldcubeassociation.org/t/can-we-please-revert-or-fix-the-issues-with-how-competition-results-are-displayed/11843?u=alex_maass

@dmint789
Copy link
Member

I agree with this change. This could also help with accessibility for some colorblind people.

@Jambrose777
Copy link
Contributor

I think hovering over the flag to find out its country is completely reasonable and doesnt take up any precious space on a website. This is currently implemented on the Competition's Results that Alex posted, however there are many more places in the website where we display a flag and this hover functionality would be beneficial.

@dmint789
Copy link
Member

I think hovering over the flag to find out its country is completely reasonable and doesnt take up any precious space on a website. This is currently implemented on the Competition's Results that Alex posted, however there are many more places in the website where we display a flag and this hover functionality would be beneficial.

Which pages do you mean? And I agree, I didn't realize the hover functionality was already implemented on results pages.

@Jambrose777
Copy link
Contributor

I think hovering over the flag to find out its country is completely reasonable and doesnt take up any precious space on a website. This is currently implemented on the Competition's Results that Alex posted, however there are many more places in the website where we display a flag and this hover functionality would be beneficial.

Which pages do you mean? And I agree, I didn't realize the hover functionality was already implemented on results pages.

Implemented:
https://www.worldcubeassociation.org/competitions/WuhuOpen2018/results/all?event=333

There are many other pages that have a country flag alone or the country flag + country name which can be cleaned up to the hover functionality.

@dmint789
Copy link
Member

@dmint789
Copy link
Member

@saranshgrover saranshgrover changed the title Add country names to WCA results Add Name on Hover to Country Icons Jun 18, 2021
@saranshgrover saranshgrover added AREA: UI/UX design PRIORITY: low-priority A step above backlog - nice to have, but not essential to work on. AREA: accessibility Related to site accessibility labels Jun 18, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
AREA: accessibility Related to site accessibility AREA: UI/UX design PRIORITY: low-priority A step above backlog - nice to have, but not essential to work on.
Projects
Status: No status
Development

No branches or pull requests

4 participants