Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Add an Accessible Label to an Element from the Text of Other Elements


    Labeling inputs, elements, and widgets add context and clarity for assistive technology such as screen readers. When there are already one or more other elements that themselves can be used to provide labeling text to another element an aria-labelledby attribute can be added to that element.

    Some examples of appropriate use cases for using an aria-labelledby are:

    • Combine multiple labels together
    • Associate headings with regions
    • Label for a widget