- Select a form to complete and submit: (Note 1: Should we specify which form, and where in the build? We need to make sure we test with forms that have help icons associated with help content that will open in the separate help window, sized/positioned over the form, and have other trigger elements associated with tooltip display of help content - see list below. And at least one of the tooltips must contain a live link that brings up one of these help windows.)
- Hover the mouse over a help icon.
- Check to ensure that a simple tooltip displays with a short statement "Display help for <variable name>", where the variable name is appropriately filled in with the label of the UI element that the help icon is associated with. For example, if associated with the page, it is the page title, if associated with a section, it is the section header text.
- Activate the help icon. Ensure that a new browser window opens on top of the application, sized smaller than the application window and positioned within the user's field of view.
- Interact with the help window (scroll to view all help content, move it, resize it, close it).
- Hover the mouse over the type of elements listed below to explore whether they have help tooltips associated with them:
- Section and Sub-section headers
- Tab labels (the tab list items)
- Input field labels
- Checkbox control
- Radiogroup control
- Buttons (including help icons)
- For any tooltip that opens upon hover (see list in step 3 above), ensure that it also closes when you move the mouse focus off the contiguous area formed by the trigger element and the tooltip content.
- If there is active content within the tooltip (a link, button, any selectable control), ensure that you can move your mouse directly from the element over which it is positioned, into the tooltip area to interact with the content. Interact with it. Close it.