Comments (10)
FWIW, I think the hover intend examples take way too long to react, my brain goes either “this has no sub menus, click” (could be better with an appropriate icon indicating a submenu) or, when it eventually opens, this is slow, something is wrong with the website (might be better with a shorter wait time than in the examples).
Also, we are planning to move away from the fly out as it did not really “click” in the context of the whole site.
from wai-website.
Thank you for the input. This is one of the issues we are still evaluating.
In usability testing, participants preferred the menu opening on hover.
However, we are aware that others do not.
from wai-website.
In usability testing, participants preferred the menu opening on hover.
Interesting. I'll see if I can get some others to give their opinion.
from wai-website.
Yeah, I’m personally not a fan of hover menus, but the user research showed that it is an expectation especially for non-disabled participants. (We had a click to open menu to test with, iirc.)
from wai-website.
I agree that using hover to activate controls is usually a bad pattern. However, I have found that it is an expected action when it comes to menus, so I echo @yatil's comment.
Perhaps a compromise would be to use the hover intent pattern. There are a few different js libraries that you could use to accomplish this.
from wai-website.
I've seen similar result during user test but not when you are on the burger menu version. In that case you must go back to onclick/touch
from wai-website.
Ok, if hover is preferred by user testing, so be it. However, @mfairchild365's suggestion to use the use the hover intent pattern or something similar would definitely improve the experience.
The Government of Canada web site seems to be using something like that, and it is much nicer than having hover instantly open the nav menus.
from wai-website.
Ok. Looking forward to seeing what you replace it with.
PS: Nice pun! :)
from wai-website.
+1 to closing this issue now that we've moved away from the drop-down/fly-out menu.
from wai-website.
Will be addressed with #34.
from wai-website.
Related Issues (20)
- Update illustration in Standards Overview HOT 1
- Translations Sitemaps HOT 1
- add links to relevant sections of How People with Disabilities Use the Web
- add link to the edX course
- include information and link to relevant Understanding doc HOT 1
- Update links + Fix images
- Link to the W3C Process Document: needs update?
- update acknowledgments page and fix links HOT 3
- Problem on IOS (live region?) HOT 8
- SPAM
- update projects in nav
- [About W3C WAI] update based on June 2024 tweaks for Ford proposal
- SPAM
- No WCAG success criteria for users with Speech impairments
- [Previous Drafts to Remember] WG and TF home page redesign
- Help improve this page box edits HOT 3
- compilation videos - where provide? HOT 1
- [high] need ethnic diversity in videos
- (low) Update User Story file names HOT 2
- HPwDuW: Fix links from throughout the site to the resource HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from wai-website.