Hacker News new | ask | show | jobs
Show HN: A11y-CSS-reset – A small set of global rules for accessiblity (github.com)
24 points by vegemike 2556 days ago
2 comments
Cenk 2555 days ago
Did not know about this, how helpful!

    @media(prefers-reduced-motion: reduce) {
      *,
      *:before,
      *:after {
        transition: none !important;
        animation: none !important;
      }
    }
link
vegemike 2555 days ago
It's a recent addition, and may only work on iOS/iPadOS/macOS, but it should help those users a lot!
link
teniutza 2556 days ago
Could 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.
link
username444 2555 days ago
An explanation of every style being applied would be useful. I can't tell what the purpose of this entire thing is.
link
vegemike 2555 days ago
That's a good idea, thanks!
link
vegemike 2555 days ago
That 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.
link
fiddlerwoaroof 2553 days ago
This is a bit tricky for a reset because it changes the meaning of percentage heights in child elements.
link
vegemike 2553 days ago
I haven’t experienced that myself. Do you have an example or documentation for that?
link