Accordion / Keyboard Interaction

Blazor Accordion Example - Keyboard Interaction

Loading Syncfusion Blazor Server Demos…

ASP.NET

Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser. ASP.NET pages use a compiled, event-driven programming model that improves performance and enables the separation of application logic and user interface.

ASP.NET MVC

JavaScript

This sample demonstrates keyboard shortcuts applicable to the Blazor Accordion component for enhanced accessibility and user interaction.

The following key combinations enable various Accordion actions:

Focus Navigation
- Alt + J - Focus the first component in 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 or collapse the focused Accordion header