Practice · 1 of 3

Name the Icon Buttons

CHALLENGE

Difficulty: advanced+25 XP

Build a toolbar with three icon-only buttons — close, search, settings — each named with aria-labelledby pointing at visually hidden text (use the hidden attribute or a class), each <svg> icon marked aria-hidden="true". Add one normal text button labeled Save — which must NOT carry an aria-label (it names itself).

Press Submit to check your solution.

Back to lesson: Practice: Accessible Names — Practice