terra-table UX Audit

[ryanthemanuel]

terra-table

Known Aliases

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

• Has known aliases
• Requires name change

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
  • Should update the guides to clearly delineate toggle, disclosure or both
• Missing UX recommended Usage.
• Deprecation guide

Accessibility Guides

• Missing Accessibility Guides
  • Missing guides for things like row headers (https://www.w3.org/WAI/tutorials/tables/two-headers/) and other concepts here (https://www.w3.org/WAI/tutorials/tables/)
  • Multiple touchpoints in a row should not allow for the overall row to be highlighted

Behaviours

• Missing behaviours
• Contains bad practice behaviours that should be removed

Accessibility

• Meets wcag 2.0/section 508 standards
  • Need to be able to identify a row header
  • Shouldn't highlight a row if we're not able to select the row
  • Take another look at the keyboard navigation of this component. (Arrow keys for up and down, tab keys, etc.)
• Meets wcag 2.1/en 301 549 standards

Deprecation

• Component is a bad pattern and should be deprecated.

Related Issues

Other Considerations