I am wondering why the table should be set to -10000px left? Why -10000? Why not -1000 or -1000000? This seems like a hacky work around, doesn’t html have a tag that makes things invisible but readable for screen readers?
Challenge: Make Elements Only Visible to a Screen Reader by Using Custom CSS
Link to the challenge:
It’s an arbitrary number. There are a bunch of different ways to do accessible content hiding.
Some links
https://webaim.org/techniques/css/invisiblecontent/
https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
Hey there,
this is actually a good question!
When you decrease the number from -10000px to -1px, the content overlays other content. So -10000px is a big enough number to not overlay the content on probably any screen size.