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

tree-view/accessibility

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

Tree view takes a single tab stop

The tree view takes a single tab stop, with focus landing on the selected node or the first node of an unselected tree. Tabbing into the tree focuses the current item, and tabbing again leaves the tree.

Right arrow key expands and navigates in tree view

The Right arrow key expands a closed branch node. If a branch is open, the Right arrow key moves focus into the first child node.

Left arrow key collapses and navigates up in tree view

Pressing the Left arrow key on an open branch collapses it. Left arrowing on a child node moves the focus to the parent branch.

Up and Down arrow keys in tree view

Up and Down arrow keys move vertically through open branches and their child nodes in a tree view.

Space and Enter select nodes in tree view

A node or branch is selected by pressing the Space or Enter keys.

Tree view ARIA roles and attributes

The tree view component uses a tree role on a ul element. All nodes in li elements are given a role of treeitem with tabindex="-1" and aria-selected="false" (except the currently selected node, which has aria-selected="true"). All branch nodes contain an aria-expanded attribute.

No accessibility annotations needed for tree view

No accessibility annotations are needed for a tree view in Carbon. However, keep accessibility considerations in mind if modifying Carbon or creating a custom component.

Give your agent this brain