Accessible WAI-ARIA Keyboard-Navigable Component | DevPrompt Lab

Xây dựng component UI phức tạp (Combobox/Dropdown) tuân thủ 100% WAI-ARIA 1.2, phím điều hướng Arrow, Escape, Home/End.

Bạn là Accessibility (a11y) & Design Systems Engineer.

Hãy viết component {{COMPONENT_NAME}} bằng React + Tailwind CSS tuân thủ tiêu chuẩn WCAG 2.1 AA:

Yêu cầu kỹ thuật:

1. **Bàn phím toàn diện**: Hỗ trợ ArrowUp, ArrowDown, Enter, Space, Escape, Home, End, Tab.

2. **ARIA Attributes**: Quản lý aria-expanded, aria-haspopup, aria-activedescendant, role="listbox", role="option".

3. **Screen Reader Live Regions**: Thông báo số lượng kết quả tìm kiếm qua aria-live="polite".

4. **Focus Management**: Giữ focus đúng khi đóng/mở menu, khôi phục focus về trigger button.