Responsive collapse toggle is not accessible with the keyboard (tab key) #4815
Description
Describe the bug
When setting responsiveLayout:"collapse" the collapse toggle is not accessible with the keyboard (tab). The collapsed content can only be triggered with a mouse click.
Tabulator Info
- Version 6.3
Working Example
https://www.tabulator.info/examples/5.1#example-table-responsive-collapse
To Reproduce
- Press the tab key and try to focus/trigger the - or + toggle with the keyboad (enter or space), to close or open the showing/hidden content below.
Expected behavior
When focusing the toggle - with tab key and press enter, the collapsed content of this row should hide.
When focusing the toggle + with tab key and press enter, the collapsed content of this row should show.
When: right click > inspect > search for <div class="tabulator-responsive-collapse-toggle> then: aria attributes (aria-expanded, aria-label) role="button" and "tabindex" should be set, to be able to trigger the toggles which keyboard (or any other).
Desktop (please complete the following information):
All (Windows/Linux -> Firefox, Chrome, Safari)
Smartphone (please complete the following information):
- Android Smartphone
- Apple IPad IOs 14
On Touch-interfaces the triggeres can be touched, but Screenreader tells nothing about the expanded state (true or false). That confuses users and they don't know which information within the cell belongs to which row.