Angular - Internationalization and Accessibility
Which ARIA attribute is correctly used in this Angular template snippet?
<button aria-label="Close menu">X</button>
Which ARIA attribute is correctly used in this Angular template snippet?
easy📝 Syntax Q12 of 15
Step-by-Step Solution
Solution:
Step 1: Identify correct ARIA attribute for labeling
The attribute aria-label provides an accessible name for elements like buttons.Step 2: Check each option's meaning
aria-hidden hides content, aria-checked is for checkboxes, aria-live is for dynamic updates. Only aria-label fits the usage.Final Answer:
aria-label="Close menu" -> Option BQuick Check:
aria-label names elements for screen readers [OK]
Quick Trick: Use aria-label to name buttons for screen readers [OK]
Common Mistakes:
- Using aria-hidden to label elements
- Confusing aria-checked with aria-label
- Applying aria-live incorrectly on static buttons
Master "Internationalization and Accessibility" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes