• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Keyboard Interaction in ASP.NET MVC Accordion Control

This demo showcases the keyboard shortcuts applicable on Accordion.

DEMO
SOURCE
Below key combinations can be used in Accordion to initiate various actions.
  • Focus
    • Alt + J - Focuses on the first component of the demo.
    • Home - Focus the first Accordion header.
    • End - Focus the last Accordion header.
    • Down arrow - Focus the next Accordion header.
    • Up arrow - Focus the previous Accordion header.
  • Expand and Collapse
    • Enter or Space - Expand and collapse when the focus is on the Accordion header.