Category: UI & Accessibility

When the label opens a page and the arrow opens a list, a thumb decides. Give the row one job, match the icon to the real state and test it on a phone.

Pair icons with labels when meaning matters, keep icon-only controls for frequent tasks, give targets room and make the accessible name match the meaning.

A sticky header, a fixed button, chat and a cookie bar can bury a phone screen. Follow the visitor down the page, watch the keyboard and trim the entourage.

Movement can explain where content came from. Name what each effect communicates, design the reduced-motion version alongside it and review the page’s rhythm.

A photo, a texture, a linked logo and a diagram need different alt text. Read the page first, then describe what each image is there to do, not a keyword list.

Tabs can tidy a page or hide what matters. Keep key context in the open, make each label a credible promise, build the interaction properly and test on a phone.

Browser windows don’t come in three sizes. Let content decide breakpoints, size components to their space, scale type and crops, then test the whole range.

A heading that looks grand on desktop can swallow a phone screen. Read whole paragraphs, watch the font load and resize between the approved screenshots.

If color is the only signal, some visitors miss the message. Keep the brand, add labels and shapes, check text contrast separately and review real components.

Visible focus, clear selection states and usable targets belong in a theme’s design from the start. Test the keyboard journey, not just the mockup.