[Solved] What does the ARIA attribute aria-label do in an Angular template? — Ans: Provides a text label for screen readers when no visible label exists | Angular

Angular - Internationalization and Accessibility

What does the ARIA attribute aria-label do in an Angular template?

AChanges the color of the element

BProvides a text label for screen readers when no visible label exists

CAdds a tooltip on hover

DMakes the element clickable

Step-by-Step Solution

Solution:

Step 1: Understand the purpose of aria-label
The aria-label attribute gives an accessible name to elements that might not have visible text labels.
Step 2: Match the attribute's function to the options
Only Provides a text label for screen readers when no visible label exists correctly describes this purpose, while others describe unrelated behaviors.
Final Answer:
Provides a text label for screen readers when no visible label exists -> Option B
Quick Check:
ARIA attribute aria-label = Provides accessible label [OK]

Quick Trick: Use aria-label to name unlabeled elements for screen readers [OK]

Common Mistakes:

Master "Internationalization and Accessibility" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What does the ARIA attribute aria-label do in an Angular template?