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

Accessibility Enhancement: Allow Esc to close the filter dialog window #34

Closed
charmarkk opened this issue Mar 2, 2022 · 3 comments
Closed

Comments

@charmarkk
Copy link

I primarily use a keyboard to navigate the web, and it would be much simpler for me (particularly on longer recipes or recipe sites, like this one from Just One Cookbook) to use the Esc key to also close the RF dialog window. Is this possible?

@sean-public
Copy link
Owner

That's a good idea! Should it also have aria-live="assertive" for screen readers as well?

@charmarkk
Copy link
Author

charmarkk commented Mar 5, 2022

I appreciate your enthusiasm. ☺️ I'd have to do some testing to see how it behaves as is. Very rarely do you want to use an assertive announcement (they're usually for urgent errors or alerts), as they interrupt the flow of the screen reader's default behavior.

In most cases, when a dialog opens, keyboard focus should be set inside it and not leave/exit the dialog until the user closes the dialog. (Here's the ARIA example pattern for some nitty gritty. ☺️)

Very happy to see what I can find out to improve the accessibility of this extension and its forks. ☺️

@charmarkk
Copy link
Author

Making the recipe dialog popup screen reader accessible will probably take some more thinking (it's not easily accessible as is). But adding the keyboard accessible to start with will be good!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants