| Table of Contents | ||||
|---|---|---|---|---|
|
...
Target area | Correct | Incorrect |
|---|---|---|
Ribbon button  | "Generate a schedule for selected employees" Rationale: explaining the main operation of the button including who it works on | "Generate schedule" Rationale: repeating the same text as the button is redundant |
Search field  | "Search within the listed tree of organisation" Rationale: explaining the main operation of the field including who it works on | "will search upon all trees of organisation excluding the dates or any other non-organisation relevant information. " Rationale: Too long, and using unnecessary information which can be understood from context of the field and screen |
Placement or Positioning
Preferred usage for a tooltip is with a small "triangle" at the outline to point mouse cursor (when technically feasible).
...
Mouse cursor enters the target area: display visual feedback of hover within 0.1 seconds..
If cursor remains stationary within the target area for 1.5 seconds (including the loading time of content), display tooltip on the location of the cursor currently within the target area (position of tooltip doesn't change while the cursor is inside target area)
If cursor had moved to another target area in less than 1 second, remove current tooltip and show tooltip for the new target after 0.1 seconds
Keep displaying the tooltip until the cursor has left the target area for 12 seconds or unlimited depending on the content complexity. Once the cursor left the target area close the tooltip after 0.1 seconds
...
Display the tooltip with the same time constraints described above in Tooltips#Interaction
Clicking Esc. should dismiss the tooltip as described above in Tooltips#Interaction
Screen reader support
Should be done automatically by the screen reader.
Contrast & size compliance
Complied by designUnless otherwise specified, see our general compliance information in Fundamentals - Accessibility
Design
Zeplin link | Screen thumbnail |
|---|---|
 | |
 |
...