Mouse and Keyboard Controls

Getting around Weave using the mouse

Navigating Weave using the mouse is simple and efficient. Learn how to use our mouse-triggered features here.

Context Menus

Within our SMS and Reviews features, message bubbles, image bubbles, and review comment bubbles contain a right click option. The right click may be used to access options such as copying, tagging, or deleting.

Hover Hints

Throughout our product there are hints that appear when a user hovers over an element. Icons and icon buttons will show useful hints when hovered with the mouse or focused with the tab key.

Cursors and Pointers

Interactive elements will show a pointer when the user hovers over them. These elements include buttons, links, and various input fields.

Avatars

If an avatar has a contact associated with it, the avatar is an interactive element that will open the Contact Panel when clicked. If the avatar does not have a contact associated with it, hovering over the avatar will show the user’s first and last name.

Copyable Text

Some text fields may be copied in one click. These fields are indicated by a blue highlight color that appears on hover, and a hint that says “copy text”.

Modals and Trays

When a modal or tray is opened, a user can click the X button in the right corner or the blue shade background to close the modal.

Getting around Weave using the keyboard

Navigating Weave using the arrow keys can provide quick access to interactive elements. Try out some of our keyboard shortcuts here.

Tab Key

Users can use the tab key to move focus forward through Weave’s interactive elements such as buttons and links, in the order they are laid out in the page. Upon entering the app, users can also trigger accessibility settings by using the tab key.

Shift + Tab

Shift+tab will move focus backwards through the interactive elements.

Skip Links

Weave provides skip links to allow keyboard users to easily skip to the navigation bar, or main content of each page using the tab key. This prevents users from needing to tab through every focusable element.

Radio Button Groups

Radio button groups may be accessed using the tab key. Once a radio button group is focused, the user can change their current selection using arrow keys.

Checkboxes

Users can focus checkbox fields with the tab key, and select or deselect the checkbox using the spacebar key.

Modals and Popovers

To open a modal or popover, tab to the interactive modal trigger, and press enter. Once a modal/popover is open, the user’s focus is limited to the content inside the modal/popover. To close a modal/popover, press the escape key. On escape key-press, the user’s focus will be returned to the element that opened the modal/popover.

Dropdowns

To open a dropdown menu via the keyboard, focus the input and press the enter key. To cycle through the options, use the up and down arrow keys, or type the first few letters of an option to focus it. To select the focused option press the enter or space keys. To close the menu, press the escape key.