← All writing
Tutorial

Small accessibility wins in everyday UI

Practical details that make interfaces easier to use with a keyboard and a screen reader.

Accessible interfaces start with ordinary HTML used carefully.

Give controls a real name

Buttons should describe what they do. If the visible label is short, add a more specific accessible name where needed.

Keep focus visible

Keyboard users need to know where they are. Test every interactive element with the Tab key.

Respect motion preferences

Smooth scrolling is pleasant for many people, but should turn off when reduced motion is requested.