New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Accessibility issues with RadDataGrid #466
Comments
Hi @mrlacey , We agree that the accessibility of the DataGrid control could further be improved. #457 was closed because the described issue was tested against an example that uses a very old version of the controls where the DataGrid's accessibility was not even implemented. I am a little bit confused by the results of the Accessibility Insights tool because the DataGrid implements both the Grid and Table patters. The error is about the DataGridContentLayer that should not support it - I believe the error comes from the GetAutomationControlType core that returns a wrong type for the content layer. About the Narrator I have tested the control using it and on selection of a cell the content of the cell was read aloud as expected - there are some issues when Tab navigation is used and there we can improve the control. The accessibility of the grouping could be improved as well. |
When I try and use Narrator, I can't navigate to anything other than the first column. Using this XAML (if it makes a difference). <tg:RadDataGrid ColumnDataOperationsMode="Flyout" x:Name="grid" ItemsSource="{x:Bind Source, Mode=OneWay}" AutoGenerateColumns="False" >
<tg:RadDataGrid.Columns>
<tg:DataGridTextColumn PropertyName="OrderID" />
<tg:DataGridDateColumn PropertyName="OrderDate" />
<tg:DataGridTextColumn PropertyName="Company" />
<tg:DataGridTextColumn PropertyName="ShipTo" />
<tg:DataGridNumericalColumn PropertyName="OrderTotal" />
<tg:DataGridTextColumn PropertyName="Status" />
<tg:DataGridTemplateColumn Header="Symbol">
<tg:DataGridTemplateColumn.CellContentTemplate>
<DataTemplate x:DataType="model:SampleOrder">
<FontIcon
HorizontalAlignment="Left"
Margin="{StaticResource MediumLeftRightMargin}"
FontFamily="{ThemeResource SymbolThemeFontFamily}"
Glyph="{x:Bind Symbol}" />
</DataTemplate>
</tg:DataGridTemplateColumn.CellContentTemplate>
</tg:DataGridTemplateColumn>
</tg:RadDataGrid.Columns>
</tg:RadDataGrid> |
The provided code snippet looks good to me. I have tested the examples that are part of our SDKExamples application with the narrator and there the Cells are read as expected when they are selected using the mouse - if you are using the Tab for selection/navigation an issue will be observed as explained above (this is the area of the DataGrid that could be improved). |
Description
RadDataGrid contains multiple accessibility issues.
Steps to Reproduce
Expected Behavior
The control should be fully accessible and pass the basic checks, especially the ones that relate to Section 508
Additionally, it should be possible to navigate the content of the grid with Narrator and access all content.
Narrator should also include meaningful names for the elements that can be focused.
Actual Behavior
Accessibility Insights reports that:
When using Narrator:
It seems the issues dismissed in #457 were never addressed.
Basic Information
Screenshots
Reproduction Link
The text was updated successfully, but these errors were encountered: