1. Feedback
  2. Blazor
  3. 45423

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Accordion accessibility - Focus indicator disappears

Hello,

In some scenarios, the focus indicator for the accordion headers (black border), is not visible when it should be. I was able reproduce this behavior while testing your demo located here: 

https://blazor.syncfusion.com/demos/accordion/default-functionalities


It seems to occur when there are multiple accordion panels open at once and a user navigates between them. For example, I reproduced this with the following steps on your demo:



1.Using the keyboard controls for the component, move focus to a header that is collapsed.


2. Expand the header with the keyboard.


3. Using the keyboard, move focus to a different header that is already expanded.


4. The focus indicator (black border) is not visible on the currently focused header. The expanded header can still accept keyboard input to expand/collapse, but there is not a visual indicator of this.



This would fail the WCAG 2.1 AA criterion

2.4.7

as a result.



If you need more information from me, let me know. Thank you!



Ken Watson