<?xml version="1.0" encoding="utf-8"?>

Accompany icons with labels for more clarity

Accompany icons with labels for more clarity Bad Practice
Accompany icons with labels for more clarity Best Practice

Icons are great for saving space and adding a visual element to your design, but they can sometimes leave users guessing about their function. That's why pairing them with text labels is often a smart move.

Labels clarify the purpose of an icon, reducing ambiguity and enhancing user experience. Think about it: an icon of a floppy disk might not mean "save" to a younger audience. Labels make sure everyone's on the same page. Plus, adding text next to an icon boosts accessibility. Screen readers can articulate the label, offering a more inclusive experience for users with visual impairments.[1]

Improve your UX & Product skills with interactive courses that actually work