terra-popup UX Audit

[ryanthemanuel]

terra-popup

Known Aliases

Document any known aliases of the component, decide if another name makes more sense.

• Has known aliases
  • Popover
• Requires name change
  • Might be worth renaming to popover if we pull it into application

Design Standard Doc

Any documentation needed to be added to terra-ui describing the make up and usage of the component
Any doc examples that need to be updated?

• Missing design standard documentation linkage.

Guides

Any guides needed to be added to terra-ui describing the usage of this component when used with other components.

• Missing Guides
• Missing UX recommended Usage.
• Deprecation guide

Accessibility Guides

• Missing Accessibility Guides

Behaviours

• Missing behaviours
  • On the bounded popup, we may need to have a close button at the bottom or a title in the header
  • isContentFocusDisabled should go away
  • if we are doing MVBs we should evaluate the isOpen prop as well
• Contains bad practice behaviours that should be removed
  • We should revisit the size options for height and width. We will need to have some more work done from HF to determine what might be appropriate.

Accessibility

• Meets wcag 2.0/section 508 standards
  • On the bounded popup we need to evaluate where the focus is landing. It probably shouldn't be on the X
• Meets wcag 2.1/en 301 549 standards

Deprecation

• Component is a bad pattern and should be deprecated.

Related Issues

Other Considerations

Need to answer some general UX questions about the place for popups in various scenarios (e.g. when there's not enough room, on top of modals, etc.). The answer to these questions may negate some of the concerns above (https://jira3.cerner.com/browse/UXF-1105)