How should iconography be used in UI to support branding while maintaining accessibility?

• A. Use iconography exclusively, without text.
• B. Use icons without any accompanying text or labels.
• C. Use iconography with accompanying text or accessible labels; ensure high contrast and scalable vector graphics; avoid icons that imply actions if not obvious.
• D. Rely on icons for meaning and avoid text.

Answer: (C)

Iconography can reinforce branding when its style, color, and line weight stay consistent across the UI, but it must remain understandable to all users. The best approach is to pair icons with accompanying text or accessible labels so assistive technologies can convey their meaning, and to ensure icons are legible by using high contrast and scalable vector graphics. This means providing text alternatives or ARIA labels for icon-only elements, so screen readers can announce the function, and avoiding reliance on color or a pictogram alone to communicate purpose.

Using scalable vector graphics keeps icons crisp at any size and zoom level, which aids readability for users with visual impairments and for those on high-resolution displays. When an icon might be ambiguous, include a textual label or tooltip that clarifies the action, rather than leaving the user to guess. Icons should align with branding, but not at the expense of clarity—consistent styling supports recognition while accessible labels ensure everyone understands the meaning and function.