Back to Fluentui

TableBestPractices

packages/react-components/react-table/stories/src/Table/TableBestPractices.md

4.40.2-hotfix2507 B
Original Source

Best Practices

Do

  • Always enclude a TableHeader row.
  • When the Table is preceded by a heading or other visible labelling text, use aria-labelledby to point to the heading's id.
  • When the Table does not have any visible text label, use aria-label to give it an accessible name.
  • Set a min-width style to ensure the Table displays properly at high zoom levels or small screens.

Don't

  • Use Table to display single-column content.
  • Override the role attribute of Table controls.