Versions Compared

Version Old Version 108 New Version 109
Changes made by

Guy Hivroni (Unlicensed)

Asaf Ben-Oved

Saved on

Key

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

...

  • The trigger icon is displayed as an Icon Button with no label.

  • The Search bar extends to the left of the trigger icon, when selected.

  • The search results menu is divided into 3 optional sections:

    • Top - Page results from the current application.

    • Middle - Page results from all other applications.

    • Bottom - Branch results only.

  • Search Focus Management (see below)

Example with all three sections:

...

  • Provide a way for users of assistive technology to skip navigation links, which would otherwise require a lot of additional clicks.

  • A skip link will be positioned underneath the Verint logo.

  • When any item within the VerinTop is in focus, the VerinTop will be displayed in an Expanded state, as on hover.

...

Search

Keyboard

Search icon

Search field

Results menu

Image Added

Image Added

Image Added

Tab

Navigates to the next focusable element

  • Empty - closes the search field and navigates to the next focusable element

  • Filled - navigates to the “X” icon button

N/A

Shift + Tab

Navigates to the previous component

Closes the search field and navigates to the previous component

N/A

Space

Opens the Search field

Adds a space in the search Text Field

  1. Selects the focused item,

  2. closes the menu and search field, and

  3. loads the destined page

Enter

Opens the Search field

N/A

  1. Selects the focused item,

  2. closes the menu and search field, and

  3. loads the destined page

Esc

N/A

  • Empty - closes the search field and returns it to the search icon

  • Filled - clears the search field and closes the results menu

  • Clears the search field

  • Closes the results menu

  • Returns the focus to the search field without applying any action

Arrows

N/A

  • Empty - N/A

  • Filled -

    • Down moves the focus from the search field to the first item in the results menu. (Not applicable if there are no search results).

    • Right/Left act as arrows in the search Text Field

  • Moves the focus down or up by one item

  • Clicking Up from the first item moves the focus back to the search field

  • Down stops at the last item in the list

Text input

N/A

Focus remains on field while text is added or removed

Focus returns to search field and the characters are entered, updating the results list accordingly

Responsive Design

Verint products should dynamically respond to the user’s screen size, platform, and orientation, supporting all devices down to the common tablet size (960px width).

...