SKSastha Klinthewebhig.hashnode.dev·13h ago · 4 min readRespect reduced motion (Web HIG tip #9)A slide-in panel looks smooth to most people. For someone with a vestibular disorder, it can bring on dizziness or nausea. Their OS already has a "Reduce motion" setting. Your CSS should listen to it.00
SKSastha Klinthewebhig.hashnode.dev·2d ago · 3 min readDon't disable browser zoom (Web HIG tip #8)user-scalable=no stops a layout from shifting when someone pinches. It also stops a person who can't read small text from making it bigger. Web HIG tip #8 (Quick #79): Do not disable browser zoom or p00
SKSastha Klinthewebhig.hashnode.dev·3d ago · 3 min readErrors should say what failed and how to fix it (Web HIG tip #7)"Something went wrong" tells people that something broke. It doesn't tell them what broke or what to do next. Web HIG tip #7 (Quick #34 / HIG-ERR-001, and Quick #57): Error states must say what failed00
SKSastha Klinthewebhig.hashnode.dev·4d ago · 2 min readApplication CSS must not use transition: all (Web HIG tip #6)transition: all looks convenient until a new property starts animating and the UI jumps in ways you never meant. Web HIG tip #6 (Quick #85, HIG-MOT-001): Application CSS must not use transition: all —00
SKSastha Klinthewebhig.hashnode.dev·5d ago · 3 min readEvery control needs an accessible name (Web HIG tip #5)An icon button looks obvious to anyone who can see the icon. A screen reader user hears "button" and has to guess what it does. Web HIG tip #5 (Quick #69, HIG-A11Y-004): Every control needs an accessi00