All Demos / Accordion / Keyboard Interaction

Blazor Accordion Example - Keyboard Interaction

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT
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.

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