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

[Techstack-beta] Blog: Filter UX keyboard navigation #1290

Closed
samueldr opened this issue Mar 4, 2024 · 0 comments
Closed

[Techstack-beta] Blog: Filter UX keyboard navigation #1290

samueldr opened this issue Mar 4, 2024 · 0 comments
Labels
design About the design refresh work new-techstack-beta This tag marks issues with the new tech stack during preview phase

Comments

@samueldr
Copy link
Member

samueldr commented Mar 4, 2024

I will frontload with my opinion that this should be moved back to discrete pages. Even with bugs fixed, I do not believe this is the correct concept to use here.

(It also avoids many issues by doing nothing instead...)


See #1248.

This was not fixed in #1265.


There is no way to activate these items using keyboard navigation.

Though, as is usual with accessibility things, things get awkward and hard quickly.

image

In this screenshot, we can see that Vimium see the item! This is likely coming from the use of <label> here.

But as can be observed in the accessibility tree, it cannot be focused, which is why keyboard navigation cannot happen here.

The underlying element powering the widget is an <input>, but since it is hidden, it is not part of the tree.

@samueldr samueldr added the design About the design refresh work label Mar 4, 2024
@thilobillerbeck thilobillerbeck added the new-techstack-beta This tag marks issues with the new tech stack during preview phase label Mar 4, 2024
garbas added a commit that referenced this issue Mar 7, 2024
- closes #1290 
- closes #1289 
- add basic archive style pages for blog post paths

---------

Co-authored-by: Rok Garbas <rok@garbas.si>
@garbas garbas closed this as completed Mar 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design About the design refresh work new-techstack-beta This tag marks issues with the new tech stack during preview phase
Projects
None yet
Development

No branches or pull requests

3 participants