Bird
0
0

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
You want to improve accessibility for a custom Angular dropdown component. Which combination is best practice?
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:
  1. Step 1: Identify accessibility needs for custom dropdown

    Custom dropdowns need ARIA roles to inform assistive tech and keyboard support for navigation.
  2. 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.
  3. Final Answer:

    Use ARIA roles like role="listbox", keyboard navigation, and test with screen readers -> Option C
  4. Quick Check:

    ARIA + keyboard + testing = accessible dropdown [OK]
Quick Trick: Combine ARIA roles and keyboard support for custom components [OK]
Common Mistakes:
  • Relying only on visual styles
  • Hiding interactive elements with aria-hidden
  • Disabling keyboard navigation

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Angular Quizzes