Giter Club home page Giter Club logo

Comments (3)

APopatanasov avatar APopatanasov commented on June 2, 2024

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.

from ui-for-uwp.

mrlacey avatar mrlacey commented on June 2, 2024

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>

from ui-for-uwp.

APopatanasov avatar APopatanasov commented on June 2, 2024

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).

from ui-for-uwp.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.