Versions Compared

Key

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

Carlie Bradshaw , Asaf Ben-Oved, Shani Laendler (Unlicensed)

Status
colourBlue
titleongoing

...

  • 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. <Can be multiple skip links - check they’re necessary>

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

...

Wide screens

Example at 1921 px:

...

Image Added

Where the screen size is wide enough to comfortably show everything contained within the VerinTop:

...

  • a More… option should be added on the right-hand side.

  • clicking More… will open a drop-down menu containing the remaining menu items.

  • the same hover and selected states from the main menu should be used for menu items in the drop-down.

Example at 1281 px:

Image Added

...

Image Added

Where 1st level navigation does not fit within the screen width, even after line wrapping:

...

Examples at 961 px:

Current selection

Image Added

Hover

Image RemovedImage RemovedImage Added

For more information about responsive design for mobile, please contact the UX team.

...

Zeplin link

Screen thumbnail

<<Short Zeplin link. You
Use this
>>

<<Screen with 200 width>>

Code

<<a box containing the code - when there is no code to present use the Coming Soon GIF>>