...
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 | |||
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:
Left
|
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:
|
Responsive Design
Verint products should support all devices down to the common tablet size (960px width).
...