1. Feedback
  2. Blazor
  3. 47232

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

DataGrid accessibility - Text overlap when using Vertical RowRenderingMode

Greetings,

When using the RowRenderingMode="RowDirection.Vertical" property to change the row direction to vertical, I've noticed that text can sometimes overlap other text and makes it hard to read the Grid data. This can occur even with the AllowTextWrap="true" property set.

I have attached a screenshot of a modified version of your Default Functionalities Grid demo. The only modifications I made to the demo were to add EnableAdaptiveUI="true" RowRenderingMode="RowDirection.Vertical".

The screenshot I took was at a viewport width of 160px. This was 320px zoomed in 2x. According to the WCAG 1.4.4 criterion, users need to be able to resize text to 200% without loss of content or functionality, so I accomplished that by using browser zoom.

I also took a screenshot at a viewport width of 320px and modified one of the column headers to be longer, to show that it can happen at larger sizes too, attached below.

Since certain text cannot be understood due to the overlapping, the current RowDirection.Vertical behavior can cause an accessibility issue according to WCAG 1.4.4 and 1.4.10. 

Let me know if you need more information. Thank you.

DataGridAdaptiveUI_Default160.PNG


DataGridAdaptiveUI_Default320.PNG