[Feature] Increase visibility of language selector
Closed this issue · 5 comments
Problem
Multiple people have asked where the translations went on the CC legal tools. They used to be listed in the content with all languages visible at the bottom of the page, now they are in a drop-down selector at the top of the page.
Description
We should investigate ways to increase the visibility of the languages drop-down selector and/or consider a temporary reminder in content that it is there.
Alternatives
🤷🏻
Additional context
Current screenshot
- green box added
- (https://creativecommons.org/licenses/by/4.0/)
Old screenshot
- green box added
- (https://web.archive.org/web/20230926010849/https://creativecommons.org/licenses/by/4.0/)
Related links
Implementation
- I would be interested in implementing this feature.
Hi @TimidRobot! 👋🏼 I see that this issue is in the backlog, but I was thinking about how to solve this issue. I just whipped this up in Figma, but I wonder if there's a compromise where we can add a horizontal line and repeat the language dropdown selector at the bottom of the page, like this:
@isabelxklee will duplicating the language selector cause issues with accessibility?
what about changing the background of the language selector or the icon to a blue?
@isabelxklee will duplicating the language selector cause issues with accessibility?
what about changing the background of the language selector or the icon to a blue?
@TimidRobot Ooh good question! I'm not 100% sure if duplicating the language selector will cause issues with accessibility. I think if the language selector was in the header and footer (unlike the design example I created above), it should be okay, but I can look into it.
Maybe for now, we can just make the language selector in the header more visually distinctive, like you mentioned, changing the background or icon color. 👀
@TimidRobot Oh also, I had a question about setting up my local environment for the cc-legal-tools-app repo. I've followed all the instructions in the README for setting up the project, but I can't seem to figure out how to load the font-awesome icons. 🤔 The cc_legal_tools/static/wp-content/themes/vocabulary-theme/vocabulary/svg/font-awesome/icons directory seems to be empty, even though CSS rules point to it as a source for icons.
Am I missing an installation step or is this a bug with the repo?
Hi, I fixed the issue in this PR creativecommons/cc-legal-tools-app#424
Can you please take a look @TimidRobot