Needless UI

کمپوننٹس

Select

ایک آپشن یا کئی چنیں، چھوٹی فہرست سے یا بہت بڑی سے۔

کی بورڈ سے استعمال

کلیدعمل
نیچے اور اوپر والے ایروفہرست کھولتے ہیں، پھر آپشنز میں آگے پیچھے لے جاتے ہیں۔
Home اور Endپہلے یا آخری آپشن پر لے جاتے ہیں۔
Page Down اور Page Upدس آپشنز آگے یا پیچھے لے جاتے ہیں۔
Enter یا اسپیسفہرست کھولتا ہے، یا فعال آپشن منتخب کرتا ہے۔
حروفان سے شروع ہونے والے اگلے آپشن پر لے جاتے ہیں۔
دایاں اور بایاں ایروٹری میں آپشن کو کھولتے ہیں یا اس کے پہلے چائلڈ پر لے جاتے ہیں؛ اسے بند کرتے ہیں یا اس کے پیرنٹ پر لے جاتے ہیں۔ دائیں سے بائیں متن میں یہ الٹ جاتے ہیں۔
Alt + اوپر والا ایروفعال آپشن منتخب کر کے فہرست بند کرتا ہے۔
Tabایک ہی انتخاب ہو تو فعال آپشن منتخب کر کے آگے بڑھتا ہے۔
Escکچھ منتخب کیے بغیر فہرست بند کرتا ہے۔

رسائی سے متعلق نوٹس

  • بٹن ایک select-only combobox ہے جس میں aria-expanded اور aria-controls ہوتے ہیں۔ فوکس اسی پر رہتا ہے، اور aria-activedescendant فعال آپشن کی طرف اشارہ کرتا ہے۔
  • فہرست ایک listbox ہے، یا aria-level اور aria-expanded والا ایک tree۔ جب صرف کچھ قطاریں رینڈر ہوں تب بھی aria-setsize اور aria-posinset درست رہتے ہیں۔
  • فعال آپشن کا بیک گراؤنڈ ٹھوس رنگ کا ہوتا ہے، اور forced colors میں اسے آؤٹ لائن ملتی ہے۔
  • اسے triggerId کی طرف اشارہ کرنے والے <label for> سے، یا label سے نام دیں۔