تعامل با صفحه‌کلید

کلیدعملکرد
Enter یا فاصلهروی تریگر: منو را باز می‌کند و روی اولین گزینه می‌رود. روی گزینه: آن را انتخاب می‌کند یا زیرمنویش را باز می‌کند.
جهت‌نمای پایینروی تریگر: منو را باز می‌کند و روی اولین گزینه می‌رود. در منو: به گزینهٔ بعدی می‌رود.
جهت‌نمای بالاروی تریگر: منو را باز می‌کند و روی آخرین گزینه می‌رود. در منو: به گزینهٔ قبلی می‌رود.
Home و Endبه اولین یا آخرین گزینه می‌رود.
جهت‌نمای راستزیرمنو را باز می‌کند و به اولین گزینهٔ آن می‌رود (در متن راست‌به‌چپ، جهت‌نمای چپ).
جهت‌نمای چپزیرمنو را می‌بندد و به گزینهٔ والد برمی‌گردد (در متن راست‌به‌چپ، جهت‌نمای راست).
Escمنو را می‌بندد و فوکوس را به تریگر برمی‌گرداند.
حروفبه گزینهٔ بعدی‌ای می‌رود که برچسبش با متن تایپ‌شده شروع می‌شود.

نکته‌های دسترس‌پذیری

  • تریگر aria-haspopup، aria-expanded و aria-controls می‌گیرد؛ منو و گزینه‌هایش نقش‌های ARIA خود را از Angular Aria می‌گیرند.
  • گزینهٔ برجسته‌شده پس‌زمینهٔ یکدستی با کنتراست متن دست‌کم ۴٫۵ به ۱ دارد و هم‌زمان نشانگر فوکوس هم هست. در حالت رنگ‌های اجباری، یک خط دور برجسته‌سازی با رنگ سیستم می‌گیرد.
  • گزینه‌های checkbox و radio وضعیت خود را با aria-checked اعلام می‌کنند.
  • انتخاب یک گزینه منو را می‌بندد و فوکوس را به تریگر برمی‌گرداند. بردن فوکوس به بیرون از تریگر و منو هم منو را می‌بندد.
  • ارتفاع گزینه‌ها دست‌کم ۲۸ پیکسل است، که از حداقل اندازهٔ هدف در WCAG 2.2 بیشتر است.