Which of the following is the correct syntax to add an ARIA label to a button in Angular template?

easy📝 Syntax Q3 of 15

Angular - Internationalization and Accessibility

A<button aria_label="Close dialog">X</button>

B<button ariaLabel='Close dialog'>X</button>

C<button aria label="Close dialog">X</button>

D<button aria-label="Close dialog">X</button>

Step-by-Step Solution

Solution:

Step 1: Recall ARIA attribute syntax
ARIA attributes use hyphenated lowercase names like aria-label, not camelCase or underscores.
Step 2: Check Angular template attribute usage
Attributes are added as normal HTML attributes with quotes around values.
Final Answer:
<button aria-label="Close dialog">X</button> -> Option D
Quick Check:
ARIA attribute syntax = aria-label [OK]

Quick Trick: Use hyphenated aria-label, not camelCase or underscores [OK]

Common Mistakes:

Master "Internationalization and Accessibility" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes