SKSastha Klinthewebhig.hashnode.dev·4h 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
IAIAAP Auditiniaapaudit.hashnode.dev·5h ago · 1 min readWCAG Form Audit ChecklistForm accessibility is not only about adding labels. A useful audit should check visible labels, accessible names, instructions, required fields, field groups, errors, focus behavior, keyboard support,00
BCBrock Clausseninfoxhole.hashnode.dev·23h ago · 4 min readMy contrast check found nothing, so I broke it on purposeAn AI review of my company's website said some secondary text "appears small or muted" and suggested raising contrast. Fair enough. Muted grey on near-black is a classic accessibility failure, and the00
DSDardo Studioinwearedardo.hashnode.dev·1d ago · 7 min readPause optional WebGL without losing the still pageAn animated canvas should be able to stop without taking the reading content with it. In this small dart study, the headings, explanatory text, ordinary links and a static SVG are already in the docum00
JJonasinprerenderbuddy.hashnode.dev·1d ago · 5 min readJavaScript Links and AI Crawlers: Make Navigation DiscoverableA pricing card can work perfectly when you click it and still expose no link to the pricing page. That is the navigation problem I would check before changing how the whole app renders. The useful que00
IAIAAP Auditiniaapaudit.hashnode.dev·1d ago · 1 min readWCAG 2.2 Focus IndicatorsFocus indicators are the visible signal that shows which component has keyboard focus. For keyboard users, this is essential. What to test Test: Tab and Shift+Tab. Focus visibility. Focus order. S00
SKSastha Klinthewebhig.hashnode.dev·2d 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
IAIAAP Auditiniaapaudit.hashnode.dev·2d ago · 1 min readWCAG AA Contrast RequirementsWCAG AA contrast requirements cover more than normal body text. Teams should check text, images of text, large text, UI components, states, icons, charts, and meaningful graphics. Key ratios Normal t00
SKSastha Klinthewebhig.hashnode.dev·2d ago · 3 min readPlaceholders are not labels — Web HIG tip #4A placeholder looks like a label right up until the user starts typing. Then the only hint about what the field wants is gone. Web HIG tip #4 (Quick #50, #55, #80): Every form field needs a visible, a00
SKSastha Klinthewebhig.hashnode.dev·3d ago · 3 min readLinks navigate, buttons act — Web HIG tip #3Most "this button doesn't work" bugs are really a link pretending to be a button, or a button pretending to be a link. Web HIG tip #3 (Quick #14, #16, #67, #68): Links navigate. Buttons act. Never mak00