Tag: 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.

Keep short, connected decisions in a dialog and give larger tasks a page or panel of their own. Then check focus, keyboard and phone behaviour either way.

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.

Dark mode is more than a black background. Check there’s a real need, rebuild the palette by role, review images and make the preference behave like a choice.

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.

After Pay or Send, people need to know it worked. State the real status, keep the next step close, announce it accessibly and keep extra offers secondary.

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.

WordPress 6.7 adds font-size presets, including fluid sizes. Design the reading hierarchy first, name presets for editors and test where real content lives.

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.

“Invalid input” helps nobody. Question the rule, time the message well, keep the person’s answers and explain the next step, for screen-reader users too.

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.