New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
adding tip about responsive design and tables #718
Conversation
Holding off on merging PR to see if we should add some more info regarding CSS grid layouts |
content/tables/tips.md
Outdated
@@ -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 smaller screens, responsive tables often change format. Ensure that the structural relationship is available in all formats. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would be good to include users with high zoom and/or large fonts. (I don't have a specific wording suggestion now though.)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
How about "On smaller screens, or when viewing content in a small viewport, responsive tables..." ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I have updated this.
✅ Deploy Preview for wai-tutorials2 ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
@shawna-slh any further comments before merging? |
hum, this doesn't address my point. I have a large monitor and the viewport max -- so neither "On smaller screens, or when viewing content in a small viewport". However, with large text and increased line spacing &/or browser zoom, I still get the "responsive" view. |
@shawna-slh how about "On smaller screens, or when viewing content in a small viewport, zoomed screen, or otherwise adjusted view, responsive tables often change format." |
how about: "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." |
@shawna-slh yes, that looks good. I have updated it. |
@shawna-slh please merge this PR |
Thanks Brian! |
Adding note from #526 regarding Responsive design. Covers #593