You want to improve accessibility for a custom Angular dropdown component. Which combination is best practice?

hard📝 Application Q15 of 15

Angular - Internationalization and Accessibility

AUse <code>aria-hidden="true"</code> on all dropdown items

BAdd only visual styles and skip ARIA roles

CUse ARIA roles like <code>role="listbox"</code>, keyboard navigation, and test with screen readers

DDisable keyboard navigation to avoid confusion

Step-by-Step Solution

Solution:

Step 1: Identify accessibility needs for custom dropdown
Custom dropdowns need ARIA roles to inform assistive tech and keyboard support for navigation.
Step 2: Evaluate options for best practice
Use ARIA roles like role="listbox", keyboard navigation, and test with screen readers includes ARIA roles, keyboard navigation, and testing, which covers accessibility well. Others ignore key accessibility aspects or harm usability.
Final Answer:
Use ARIA roles like role="listbox", keyboard navigation, and test with screen readers -> Option C
Quick Check:
ARIA + keyboard + testing = accessible dropdown [OK]

Quick Trick: Combine ARIA roles and keyboard support for custom components [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