aria-label vs aria-labelledby
Choose between an inline name and a referenced one.
Two Ways to Name
When native labeling is not enough, you have two ARIA tools: aria-label for an inline string, and aria-labelledby to point at existing text.
aria-label Holds a String
Use aria-label when there is no visible text to borrow. You type the spoken name right on the element itself.
<button aria-label="Search">🔍</button>