Accessibility in the columnMenu inside a Grid

3 posts, 1 answers
  1. Jose
    Jose avatar
    2 posts
    Member since:
    Sep 2020

    Posted 09 Sep 2020 Link to this post

    Hello, I have a grid that I'm trying to make it accesible,  however, for the columnMenu (GridColumn prop) it seems that is not possible, I couldn't find a way to open it, when I press enter in the keyboard it's sorting the table, but apparently there is not way to activate the menu with the keyboard. I'm attaching some images for reference. Also, when I open the menu (clicking in the button) the buttons inside GridColumnMenuSort (sort ascending and sort descending) component are not accesible, it's going directly to the filter options inside GridColumnMenuFilter component when I press Tab. I'm not sure if I'm doing something wrong or if this is a bug, could you help me please?

     

  2. Answer
    Vasil
    Admin
    Vasil avatar
    1642 posts

    Posted 10 Sep 2020 Link to this post

    Hi Jose,

    If the accessibility is a must in your application, please use filter row instead of filtering using the column menu.

    The column menu is not intended to replace the filter row or any other configuration. It is additional(optional) UI, that is based on user customisable templates. It is called menu, but it is actually context popup, and not real menu (as it includes inner components, and not just options to choose from).

    Regards,
    Vasil
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

  3. Brad
    Brad avatar
    1 posts
    Member since:
    Oct 2020

    Posted 24 Nov 2020 Link to this post

    Thank you for this reply. My team was currently attempting to address this same issue with columnMenu.
Back to Top