undefined | Better HN

0 pointsgraypegg2y ago0 comments

One little thing I think makes a huge difference is just using the user agent a bit more.

You can write styles at only apply in high-contrast or reduced-motion mode.

Use relative text sizes so you the user agent can use a value for the root font size that isn’t 16px.

Use buttons for buttons, links for links, and <dialog> for dialogs etc.

I’ve thought about just making more web apps that have nearly no styling, maybe just some layout, but otherwise relying on the user agent styles. That’s a ton of user customizability for FREE! And honestly, it usually doesn’t look that bad.

0 comments

phatskat2y ago

One I really appreciate is having sane tab indexes and the ability to trigger things like buttons and drop-downs using the keyboard. A slick select box loses a lot of points for me if I can’t navigate and use it with just my keyboard.

j / k navigate · click thread line to collapse