new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

IBM Carbon · all subjects

menu/accessibility

10 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Menu keyboard navigation with Tab and arrow keys

The menu component is reached by pressing Tab. When the menu is open, the first item takes focus. Use the Up and Down arrow keys to navigate between menu items.

Menu item activation with Space or Enter

Pressing Space or Enter on a focused menu item activates it and collapses the menu. If the item is a link, it launches the selection. If the item is selectable, it selects or deselects the item.

Submenu navigation with arrow keys

A submenu is opened by pressing Space or Enter on a focused submenu item. A submenu can also be opened with the right arrow key and closed with the left arrow key.

Menu item selected state persistence

An activated menu item retains its selected or unselected state when the menu is opened again.

Menu HTML structure for accessibility

Each menu, including nested menus, is a ul element with role="menu". Menu items are li elements with role="menuitem". If a menu item contains a sub-menu, it is given aria-haspopup="true" and aria-expanded set to true or false depending on whether the sub-menu is open or visible.

Selectable menu items role

Selectable menu items are given role="menuitemcheckbox".

Menu item groups HTML structure

Menu item groups are li elements with role="group".

Menu radio groups role

Menu item radio groups get role="menuitemradio".

Menu long label truncation and tooltip

Menu items with long labels can get truncated depending on the screen size. The label is exposed by a browser-rendered tooltip on hover or focus.

Menu implements W3C menu design pattern

The menu component implements the menu design pattern defined in the ARIA Authoring Practices Guide (APG) at https://www.w3.org/WAI/ARIA/apg/patterns/menubar/.

Give your agent this brain