કીબોર્ડ ક્રિયાપ્રતિક્રિયા

કીક્રિયા
Enter અથવા Spaceટ્રિગર પર: મેનૂને તેની પહેલી આઇટમ પર ખોલે છે. આઇટમ પર: તેને પસંદ કરે છે, અથવા તેનું સબમેનૂ ખોલે છે.
નીચેનું તીરટ્રિગર પર: મેનૂને તેની પહેલી આઇટમ પર ખોલે છે. મેનૂમાં: આગલી આઇટમ પર જાય છે.
ઉપરનું તીરટ્રિગર પર: મેનૂને તેની છેલ્લી આઇટમ પર ખોલે છે. મેનૂમાં: પાછલી આઇટમ પર જાય છે.
Home અને Endપહેલી કે છેલ્લી આઇટમ પર જાય છે.
જમણું તીરસબમેનૂ ખોલીને તેની પહેલી આઇટમ પર જાય છે (જમણેથી ડાબે લખાતા લખાણમાં ડાબું તીર).
ડાબું તીરસબમેનૂ બંધ કરીને તેને ખોલનાર આઇટમ પર પાછું જાય છે (જમણેથી ડાબે લખાતા લખાણમાં જમણું તીર).
Escapeમેનૂ બંધ કરે છે અને ફોકસ ટ્રિગર પર પાછું લાવે છે.
અક્ષરોલખેલા ટેક્સ્ટથી જેનું લેબલ શરૂ થતું હોય તેવી આગલી આઇટમ પર જાય છે.

ઍક્સેસિબિલિટી નોંધો

  • ટ્રિગરને aria-haspopup, aria-expanded અને aria-controls મળે છે; મેનૂ અને તેની આઇટમને ARIA રોલ Angular Aria પાસેથી મળે છે.
  • હાઇલાઇટ થયેલી આઇટમ ઓછામાં ઓછા 4.5:1 ટેક્સ્ટ કૉન્ટ્રાસ્ટ સાથે પૂરા ભરેલા રંગનો ઉપયોગ કરે છે, અને એ જ ફોકસ સૂચકનું કામ પણ કરે છે. forced-colors મોડમાં તેને સિસ્ટમની હાઇલાઇટ આઉટલાઇન મળે છે.
  • ચેક કરી શકાય તેવી આઇટમ પોતાની સ્થિતિ aria-checked દ્વારા જાહેર કરે છે.
  • આઇટમ પસંદ કરવાથી મેનૂ બંધ થાય છે અને ફોકસ ટ્રિગર પર પાછું આવે છે. ટ્રિગર અને મેનૂની બહાર ફોકસ ખસેડવાથી પણ મેનૂ બંધ થાય છે.
  • આઇટમ ઓછામાં ઓછી 28 પિક્સેલ ઊંચી હોય છે, જે WCAG 2.2 ના લઘુતમ ટાર્ગેટ કદ કરતાં વધારે છે.