Merge pull request #718 from w3c/responsive-tables-593

adding tip about responsive design and tables

content/tables/tips.md

@@ -17,7 +17,7 @@ navigation:
   previous: /tutorials/tables/caption-summary/
 
 metafooter: true
-last_updated: 2019-07-27
+last_updated: 2023-11-08
 editors:
   - Eric Eggert: "https://www.w3.org/People/yatil/"
   - Shadi Abou-Zahra: "https://www.w3.org/People/shadi/"
@@ -31,6 +31,8 @@ support: Developed by the Education and Outreach Working Group (<a href="https:/
 
 -   **Keep it simple:** Complex tables are more work for content creators as well as being harder to interpret for users. It’s usually better to [break up complex tables into simple individual tables](/tutorials/tables/multi-level/#split-up-multi-level-tables), each containing the data for one sub-topic.
 
+-   **Responsive design:** On small screens, in a small viewport, in zoomed views, with enlarged text, and other situations, responsive tables often change format. Ensure that the structural relationship is available in all formats.
+
 -   **Table separation:** If several tables follow one another, don’t use a single table and put in an additional row of `<th>` cells. Screen readers may read aloud all `<th>` cells in a column, resulting in confusion. [Start a new `<table>` when the topic changes.](/tutorials/tables/multi-level/#split-up-multi-level-tables)
 
 -   **Data separation:**