User interface components, such as links, buttons, and input fields, often have two types of labels: a visible label and a programmatic one. Did we just blow your minds?
No? Well, okay. These programmatic labels are also called Accessible Names, and it’s important they match their corresponding visible labels so that users relying on assistive technologies can effectively operate your site.