search

w3c / aria-practices

WAI-ARIA Authoring Practices Guide (APG)
https://www.w3.org/wai/aria/apg/
Other
1.21k stars 342 forks source link

Responsive tables on example pages #1798

Open carmacleod opened 3 years ago

carmacleod commented 3 years ago

Following up on @patrickhlauke's comment in the slider example PR's, we should make our "Keyboard Support" and "Role, Property, State, and Tabindex Attributes" tables responsive so that the example pages don't require horizontal scrolling on small screens.

General comment: I'd love to see these examples use <meta name="viewport" content="width=device-width, initial-scale=1.0"> (though that will then also require some tweaking of the table styles to avoid them pushing out the content/leading to horizontal scrolling of the whole page) to make the experience a bit more mobile/small-screen friendly.

Also, from https://github.com/w3c/aria-practices/pull/1755#issuecomment-782608317:

I'm guessing it'd be non-trivial to do anything with the tables, other than perhaps work on wrapping them in a container that is only as wide as the viewport / width:100% and adding overflow:scroll perhaps

mcking65 commented 3 years ago

@jesdaigle This is another item to fit into the redesign project roadmap. I made a new label for "Site Design" issues.