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

Fix/70 locale a11y #93

Merged
merged 24 commits into from
May 7, 2023
Merged

Fix/70 locale a11y #93

merged 24 commits into from
May 7, 2023

Conversation

adamwoodnz
Copy link
Contributor

@adamwoodnz adamwoodnz commented Apr 27, 2023

Fixes #70

Branches off the initial commits in #71 with styles to get the autocomplete as close as possible to the designs and the current switcher on prod

Screenshots

Desktop

Focus Cleared Search
Screen Shot 2023-04-27 at 1 01 47 PM Screen Shot 2023-04-27 at 1 02 05 PM Screen Shot 2023-04-27 at 1 02 21 PM

Mobile (emulated)

Focus Cleared Search
Screen Shot 2023-04-27 at 1 05 36 PM Screen Shot 2023-04-27 at 1 05 49 PM Screen Shot 2023-04-27 at 1 06 02 PM

Mobile

The autoselected input text isn't a very nice experience on my Chrome for Android, as the contextual options are displayed, but I guess that is expected, and enables the input to be cleared with one tap of delete:

when on desktop and tab into the autocomplete it displays fine, but when _clicking_ into it the `input` and `ul` are hidden.
not sure if this will be needed after other changes though
Copy link
Member

@iandunn iandunn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I cleaned up some of my WIP JS, added translations, etc. I'm running into a few CSS issues that I haven't found solutions for, though.

- Push content down when menus are open
- Fix flex layout of nav menu on mobile
@adamwoodnz adamwoodnz marked this pull request as ready for review May 4, 2023 04:06
mobile doesn't need it b/c of the border from `#masthead`
Copy link
Member

@iandunn iandunn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work, this is looking good in my tests 👍🏻

@adamwoodnz adamwoodnz merged commit 8f76be7 into trunk May 7, 2023
@adamwoodnz adamwoodnz deleted the fix/70-locale-a11y branch May 7, 2023 22:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
aspect: accessibility bug Something isn't working
Projects
Status: Done
Status: Done
Development

Successfully merging this pull request may close these issues.

Can't tab to locale search field
2 participants