4 ms·
Show HN: A11y-CSS-reset – A small set of global rules for accessiblity
- teniutza 7y agoCould you please tell me what the reason for the additional body { height: 100%; } in the resets is? At first glance, it doesn't seem necessary.
- username444 7y agoAn explanation of every style being applied would be useful. I can't tell what the purpose of this entire thing is.
- vegemike 7y agoThat's a good idea, thanks!
- vegemike 7y agoThat could be a mistake if it's already in the `html, body` ruleset. In general, however, it's to ensure the `body` element takes up the entire height of the page, which is useful for client apps I've found.
- fiddlerwoaroof 7y agoThis is a bit tricky for a reset because it changes the meaning of percentage heights in child elements.
- vegemike 7y agoI haven’t experienced that myself. Do you have an example or documentation for that?
- Cenk 7y agoDid not know about this, how helpful! @media(prefers-reduced-motion: reduce) { *, *:before, *:after { transition: none !important; animation: none !important; } }
- vegemike 7y agoIt's a recent addition, and may only work on iOS/iPadOS/macOS, but it should help those users a lot!