![]() Mega menus, like the one pictured below, are a type of drop-down menu that displays submenu links in a large box. Lastly, the larger the menu, the more potential for poor accessibility. ![]() This can be a problem on mobile websites too, where navigation is often toggled by a hamburger icon. For example, users with cognitive disabilities may not realize that some drop-down menu items are hidden. We also need to take into account common user interface practices that not everyone takes for granted. A keyboard user can't reference the mouse pointer to tell where they are on the page, so a clear focus style is crucial. Someone using a keyboard needs the same visual cue so they know which link they have currently selected - this is called the focus style. If you hover over a link in a menu with a mouse, you also expect to see a change in background color or border color. When the user presses an appropriate key, the drop-down menu becomes visible, just as it would for someone using a mouse. These symptoms make it difficult to hold and control a computer mouse, so your menus should be accessible by a keyboard in addition to a mouse cursor. Someone living with multiple sclerosis, for example, may have muscle spasms, tremors, or muscle weakness. It's important to understand how site visitors with disabilities use your navigation so you know how to address accessibility problems. How Might People With Disabilities Use Drop-Down Menus? Later on, we'll discuss how these concepts can be applied to fly-out menus. To prevent this from happening, this post will explain the fundamentals of drop-down menu accessibility that website administrators and developers should know when creating them. As a result, your menus will detract from their user experience and users may not make a return visit (and, of course, it's not fair to them). If your drop-down menus are not accessible, these users may miss out on key sections of your website, and it may take them a long time to find the information they need. More specifically, they assist those experiencing visual, motor, and cognitive limitations. ![]() But, if these menus fail to account for web accessibility, they become more of an obstacle than a convenience for some.Īccessible drop-down menus are important because they help people with disabilities browse your site. Drop-down menus are convenient for most of us. In the example below, a drop-down menu labeled 'Documentation' opens a submenu containing links to different documentation resources.Ī perfect solution, right? Well, not quite yet. This lets designers place more links on a page without cluttering the display. The submenu remains visible until the user disengages with the menu. Typically the hidden menu, or submenu, is shown on a hover event, when a user moves the mouse over a parent item.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |