Add a scope attribute to KendoUI Grid for 508 Compliance

1 Answer 107 Views
Grid
Kapil
Top achievements
Rank 1
Kapil asked on 15 Mar 2023, 07:39 PM

I need to add a scope attribute  to make the KendoUI Grid 508 Compliant. How do I do that?

<th scope="col" </th>

<th scope="row"></th>

   @(Html.Kendo().Grid <PGC.Administration.ViewModels.UsersVM>()
                        .Name("users")
                        .Columns(columns =>
                        {
                            columns.Bound(p => p.UserName);
                            columns.Bound(p => p.FirstName);
                            columns.Bound(p => p.LastName);
                            columns.Bound(p => p.Email);
                            columns.Bound(p => p.LastLoginDate).Format("{0:MM/dd/yyyy hh:mm}");
                            columns.Bound(p=> p.UserPONames).Title("Program Office Names");
                            columns.Bound(p=> p.UserRoleName).Title("User Role Names");
                            columns.Command(command => { command.Custom("Edit").Click("showCreate");@* command.Destroy().Text(" ");*@ }).Width(150);
                        })

 

1 Answer, 1 is accepted

Sort by
0
Alexander
Telerik team
answered on 20 Mar 2023, 10:05 AM

Hi Kapil,

Thank you for taking the time to share the relevant configuration that is currently utilized on your end.

Generally, the Telerik UI for ASP.NET Core Grid is compliant with the Section 508 requirements.

We do have an article where you can find a table that is based on the Voluntary Product Accessibility Template (VPAT) requirements. It provides a detailed explanation of the accessibility features Kendo UI delivers according to Section 508 Web content standards:

Whilst utilizing the "scope" attribute for the integrated header cells within the Grid's DOM structure. You can verify this by running the following online demo:

And inspecting the rendered markup within the inspector:

I hope this information helps if there are any further encountered issues regarding compliance, please feel free to share additional details. Or, in case I misunderstood the requirement.

Kind Regards,
Alexander
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Grid
Asked by
Kapil
Top achievements
Rank 1
Answers by
Alexander
Telerik team
Share this question
or