Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • when there are 3 or more levels in the menu hierarchy.

  • when there are more than 7 8 menu items at any level.

  • when the top bar area is needed to show instances or additional information. See Additional options for Left Navigation below.

...

State

1st Level

2nd Level

3rd Level

Regular

Hover

Active

Image Modified

Selected

Selected, Hover

Focused

Focused, Hover

Focused, Selected

...

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

Focus management

The tab index flow will follow this order. Shift + Tab will follow the reverse order.

Tab order may vary slightly due to missing or additional components. The main flow is according to navigation level.

...

The left menu pane navigation will follow the Tree focus management.

Keyboard

Navigation

Instances (if exist)

Tab

Navigates to the next component according to the order shown above.

From the last component will navigate to the next focusable element on the page.

N/A

Shift + Tab

Navigates to the previous component according to the order shown above.

From the first component will navigate to the last focusable element on the page.

N/A

Space

Depending on component.

On instance - selects the instance

On X - removes the instance

Enter

Depending on component.

On instance - selects the instance

On X - removes the instance

Esc

Depending on component.

N/A

Arrows

Depending on component.

Right/Left move the focus accordingly:

Right:

  • On instance - moves the focus to the instance’s close button.

  • On close button - moves the focus to the next instance to the right.

  • Stops at the close button of the last instance.

Left

  • On instance - moves the focus to the close button of the previous instance.

  • On close button - moves the focus to its instance.

  • Stops at the first instance.

Home

Sets focus on the first element in VerinTop.

Set focus on the first instance

End

Sets focus on the last element in VerinTop.

Set focus on the last instance

Delete

N/A

On instance or X - removes the instance.

After an instance is removed:

  • the focus moves to the next instance, where one exists.

  • if there is no following instance, the focus moves to the previous instance.

  • if there are no more instances, the focus moves to the next component.

Responsive Design

Verint products should support all devices down to the common tablet size (960px width).

...