RadGrid accessibility issue when using static header

[Sheng]

When using RadGrid, if setting UseStaticHeaders="True", in rendered HTML, the table header will be rendered into a separate table, and we will get the following complaints from Siteimprove Accessibility Checker:

• No data cells assigned to table header
• Table cell missing context

Is there a solution to this issue?

[Attila Antal]

Hi Sheng,

We have recently made a few Accessibility improvements across the Telerik Components. It is an ongoing initiative which is still under development. Which version are you using?

Can you also share the Grid markup/backend code so we can check how it is configured and also share which tool is used to check the accessibility?

[Sheng]

Hi Attila,

• The Telerik version we are using is 2023.3.1010.45.
• The Grid markup is as below. The problem is caused by the highlighted part. If not using static header, then there's no such problem, because the html rendered for the grid will have only one HTML table.

            <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" >
                <ClientSettings AllowKeyboardNavigation="True">
                    <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                    <Resizing AllowColumnResize="True" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />
                </ClientSettings>
                <MasterTableView AllowNaturalSort="False" DataKeyNames="ID">
                    <Columns>
                        <telerik:GridBoundColumn DataField="Name" HeaderText="Name" DataType="System.String" />
                        <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments" DataType="System.String" />
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

• The tool we are using is an extension for Edge browser: Siteimprove Accessibility Checker

Regards,

Sheng

[Attila Antal]

Hello Sheng,

Thanks for sharing the details. Judging by the markup, it seems that the required property to enable the Accessibility (WAI-ARIA support) for the Grid is missing, see WAI-ARIA Support.

Try setting the EnableAriaSupport property to true and test the application again.

[Sheng]

Thanks Attila. I missed the property EnableAriaSupport.

I added it and test again. This time the complaint "No data cells assigned to table header" is gone. However, the complaint "Table cell missing context" is still there.

[Attila Antal]

Hi Sheng,

Please share the implementation/configuration of the Grid (code from ASPX and ASPX.CS/ASPX.VB) and I will look into this.

Note: Compliance issues coming from custom code need to be fixed by the person who implemented them. We can only offer solutions for our components and their built-in functionalities.